/* Formulários: mensagem de erro (Bootstrap-compatible; mostrar com .d-block ou estado do pai) */
.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: 0.5rem;
	font-size: 0.925rem;
	font-weight: 400;
	color: #f1416c;
}
.fv-plugins-message-container {
	margin-top: 0.3rem;
}


.input-ragna{
	border: 2px solid #0087ff82 !important;
}

.label-ragna{
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}

.table-hover>tbody>tr:hover {
	--bs-table-accent-bg: rgba(78, 172, 255, 0.5) !important;
	color: #fff !important;
}

/* Fundo global: cobre a página inteira (inclui faixas fora do .page-box) */
html {
	min-height: 100%;
	background-color: #e8eaed;
	background-image: url('../images/promo_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

body {
	min-height: 100%;
	background: transparent;
}

.wrapper {
	background: transparent;
}

.page-box{
	padding-top: 0;
	padding-bottom: 60px;
	height: auto;
	position: relative;
	background: transparent;
}

.box-c-account{
	padding-top: 60px;
}

.card-restart{
	padding: 20px;
	border: 2px solid #0087ff82 !important;
}

.h4-title{
	font-weight: 700;
	text-transform: uppercase;
}


.breadcrumb {
	position: relative;
	background-image: url('../images/bg3.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	border-radius: 5px;
	padding-top: 36px !important;
	height: 244px;
	color: white; /* Cor do texto */
	position: relative;
	z-index: 1; /* Necessário para que a propriedade z-index dos filhos tenha efeito */
}

.breadcrumb::before {
	content: none;
}

.breadcrumb span {
	position: relative;
	z-index: 1;
}

.breadcrumb.bg-ranking {
	height: 210px;
	padding-top: 28px !important;
	overflow: hidden;
}

.bg-ranking{
	position: relative;
	background-image: url('../images/header_bg.png') !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 48% 88%;
}

@media (min-width: 1200px) {
	.bg-ranking {
		background-position: 46% 90%;
	}
}

@media (max-width: 991.98px) {
	.bg-ranking {
		background-position: 50% 86%;
	}
}

@media (max-width: 767.98px) {
	.breadcrumb.bg-ranking {
		height: 180px;
	}

	.bg-ranking {
		background-position: 54% 84%;
	}
}

@media (max-width: 575.98px) {
	.bg-ranking {
		background-position: 58% 82%;
	}
}

.breadcrumb .container h1,
.page-box .breadcrumb h1 {
	position: relative;
	z-index: 2;
	color: #fff;
	font-weight: 700;
	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.9),
		0 2px 12px rgba(0, 0, 0, 0.55);
}


.breadcrumb.bg-ranking .breadcrumb-overlay {
	display: block;
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.28);
	z-index: 1;
	pointer-events: none;
}

.container h1 {
	position: relative;
    z-index: 2; /* Isso garante que o
h1 esteja acima do overlay /
color: white; / Cor do texto, escolha uma cor que se destaque contra o overlay escuro */
}

.bg-char{
	background-image: url('../images/floor.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.bg-char img {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	object-fit: contain;
}

.bg-title-char{
	color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	background: #4eacff;
	font-weight: 700;
}

.bg-title-char-level{
	color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	background: #53c15a;
	font-weight: 700;
}


.modal-title{
	text-transform: uppercase;
	font-weight: 700;
}

.progress__bar{
	background: #4eacff;
}

.table{
	padding: 20px !important;
}

.tr-ranking th{
	text-transform: uppercase;
}


/* —— Menu global: fixo no topo + overlay (sem logo da barra) —— */
.nav {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 1000 !important;
}

.nav .logo {
	display: none !important;
}

.nav:before {
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.18) 0%,
		rgba(255, 255, 255, 0.06) 45%,
		transparent 100%
	) !important;
	height: 96px !important;
	pointer-events: none;
	transition: background 0.22s ease, height 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

/* Ao rolar: faixa clara do site (não barra escura) */
.nav.is-scrolled:before {
	background: rgba(255, 255, 255, 0.94) !important;
	height: 84px !important;
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06), 0 4px 14px rgba(15, 23, 42, 0.06);
	border-bottom: 1px solid rgba(78, 172, 255, 0.22);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.nav__main {
	overflow: visible;
	background: transparent !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.nav__main .content-area,
.nav__main-links {
	overflow: visible;
}

.nav__main .content-area {
	justify-content: flex-end;
}

.nav__main-links {
	margin-left: 0;
	width: 100%;
	justify-content: flex-end;
	column-gap: 1.85rem;
	align-items: center;
}

@media (max-width: 1460px) {
	.nav__main-links {
		column-gap: 1.25rem;
	}
}

.nav__main-links > li {
	position: relative;
	display: flex;
	align-items: center;
	height: 84px;
}

.nav__main-links > li.dropdown {
	display: inline-flex;
}

.nav__main-links > li > a:not(.btn-menu),
.nav__main-links .dropbtn {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 100%;
	padding: 0 0.1rem;
	font-size: 0.92rem;
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.95) !important;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	cursor: pointer;
	transition: color 0.18s ease, text-shadow 0.18s ease;
}

.nav__main-links > li > a:not(.btn-menu)::after,
.nav__main-links .dropbtn::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.45rem;
	height: 2px;
	background: #4eacff;
	border-radius: 1px;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.18s ease, background 0.18s ease;
}

.nav__main-links > li > a:not(.btn-menu):hover,
.nav__main-links > li > a:not(.btn-menu).active,
.nav__main-links .dropdown:hover > .dropbtn,
.nav__main-links .dropbtn:hover,
.nav__main-links .dropbtn.active {
	color: #fff !important;
}

.nav__main-links > li > a:not(.btn-menu):hover::after,
.nav__main-links > li > a:not(.btn-menu).active::after,
.nav__main-links .dropdown:hover > .dropbtn::after,
.nav__main-links .dropbtn:hover::after,
.nav__main-links .dropbtn.active::after {
	transform: scaleX(1);
}

/* Rolou a página: links no cinza/azul do site */
.nav.is-scrolled .nav__main-links > li > a:not(.btn-menu),
.nav.is-scrolled .nav__main-links .dropbtn {
	color: #6b798a !important;
	text-shadow: none;
}

.nav.is-scrolled .nav__main-links > li > a:not(.btn-menu):hover,
.nav.is-scrolled .nav__main-links > li > a:not(.btn-menu).active,
.nav.is-scrolled .nav__main-links .dropdown:hover > .dropbtn,
.nav.is-scrolled .nav__main-links .dropbtn:hover,
.nav.is-scrolled .nav__main-links .dropbtn.active {
	color: #4eacff !important;
}

.nav.is-scrolled .nav__main-links > li > a:not(.btn-menu)::after,
.nav.is-scrolled .nav__main-links .dropbtn::after {
	background: #4eacff;
}

.nav__main-links .dropdown {
	position: relative;
}

.nav__main-links .dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 200;
	min-width: 12rem;
	margin: 0;
	padding: 0.4rem 0;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 10px;
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.16);
	transform: translateX(-50%);
}

.nav__main-links .dropdown-content::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -18px;
	height: 18px;
}

.nav__main-links .dropdown:hover > .dropdown-content,
.nav__main-links .dropdown:focus-within > .dropdown-content {
	display: block;
}

.nav__main-links .dropdown-content a {
	display: block;
	padding: 0.62rem 1rem;
	font-size: 0.86rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-transform: none;
	color: #3d4a59 !important;
	background: transparent;
	text-decoration: none;
	text-shadow: none;
	transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}

.nav__main-links .dropdown-content a:hover,
.nav__main-links .dropdown-content a:focus-visible {
	background: #eef6ff;
	color: #2b8ae8 !important;
	padding-left: 1.15rem;
}

.nav__main-links .btn-menu {
	padding: 0.45rem 0.95rem !important;
	margin: 0;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
	border-radius: 4px;
	border: 0 !important;
	box-shadow: none;
	text-shadow: none;
	transition: background-color 0.18s ease, filter 0.18s ease;
}

.nav__main-links .btn-menu:hover,
.nav__main-links .btn-menu:focus-visible {
	filter: brightness(0.96);
}

.nav__main-links .btn-success.btn-menu {
	background-color: #28a745 !important;
}

.nav__main-links .btn-primary.btn-menu {
	background-color: #4eacff !important;
}

.nav__main-links .btn-danger.btn-menu {
	background-color: #dc3545 !important;
}

.nav__main-links .btn-menu--codguinho {
	background: linear-gradient(135deg, #ff4fa3 0%, #ff7a45 100%) !important;
	box-shadow: 0 2px 0 rgba(180, 40, 90, 0.35);
}

.nav__main-links .btn-menu--codguinho:hover,
.nav__main-links .btn-menu--codguinho:focus-visible {
	filter: brightness(1.05);
}

.nav__auth-actions {
	gap: 0.45rem !important;
}

.nav__main-links .d-flex {
	gap: 0.5rem;
	align-items: center;
	height: 84px;
}

/* ===== Codguinho player page ===== */
.codguinho-hero {
	padding: 1.5rem 1.6rem;
	border-radius: 18px;
	background:
		radial-gradient(circle at 10% 20%, rgba(255, 79, 163, 0.18), transparent 45%),
		radial-gradient(circle at 90% 10%, rgba(78, 172, 255, 0.16), transparent 40%),
		linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
	border: 1px solid rgba(15, 23, 42, 0.08);
}

.codguinho-hero__badge {
	display: inline-block;
	margin-bottom: 0.55rem;
	padding: 0.25rem 0.7rem;
	border-radius: 999px;
	background: rgba(255, 79, 163, 0.12);
	color: #d63384;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.codguinho-hero__title {
	margin: 0 0 0.45rem;
	font-size: clamp(1.45rem, 2.4vw, 1.9rem);
	font-weight: 800;
	color: #1f2a37;
}

.codguinho-hero__text {
	margin: 0 0 0.85rem;
	color: #5b6775;
	line-height: 1.55;
}

.codguinho-hero__mail {
	font-size: 0.92rem;
	color: #334155;
}

.codguinho-card {
	padding: 1.25rem 1.3rem;
	border-radius: 16px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.codguinho-card__title {
	margin: 0 0 1rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: #243447;
}

.codguinho-form__input {
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 700;
}

.codguinho-form__btn {
	background: linear-gradient(135deg, #ff4fa3 0%, #ff7a45 100%);
	border: 0;
	color: #fff !important;
	font-weight: 800;
	padding: 0.7rem 1rem;
	border-radius: 10px;
}

.codguinho-form__btn:hover {
	filter: brightness(1.04);
	color: #fff !important;
}

.codguinho-steps {
	padding-left: 1.1rem;
	color: #5b6775;
	font-size: 0.9rem;
	line-height: 1.7;
}

.nav__main-links .d-flex > li {
	height: auto;
}

.nav__main-links .d-flex .me-2 {
	margin-right: 0 !important;
}

.open-main-menu:before,
.open-main-menu:after,
.open-main-menu__item {
	background: #fff !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.nav.is-scrolled .open-main-menu:before,
.nav.is-scrolled .open-main-menu:after,
.nav.is-scrolled .open-main-menu__item {
	background: #4a5664 !important;
	box-shadow: none;
}

@media (max-width: 1024px) {
	.nav:before {
		background: rgba(255, 255, 255, 0.2) !important;
		height: 64px !important;
	}

	.nav.is-scrolled:before {
		background: rgba(255, 255, 255, 0.96) !important;
		height: 64px !important;
		border-bottom: 1px solid rgba(78, 172, 255, 0.22);
	}

	.nav.is-scrolled .nav__main-links > li > a:not(.btn-menu),
	.nav.is-scrolled .nav__main-links .dropbtn {
		color: #fff !important;
	}

	.nav.is-scrolled .nav__main-links > li > a:not(.btn-menu):hover,
	.nav.is-scrolled .nav__main-links > li > a:not(.btn-menu).active,
	.nav.is-scrolled .nav__main-links .dropdown:hover > .dropbtn,
	.nav.is-scrolled .nav__main-links .dropbtn:hover,
	.nav.is-scrolled .nav__main-links .dropbtn.active {
		color: #ffd67e !important;
	}

	.nav__main-links > li,
	.nav__main-links .d-flex {
		height: auto;
	}

	.nav__main-links > li > a:not(.btn-menu),
	.nav__main-links .dropbtn {
		height: auto;
		padding: 0.4rem 0;
		color: #fff !important;
	}

	.nav__main-links > li > a:not(.btn-menu)::after,
	.nav__main-links .dropbtn::after {
		bottom: 0.15rem;
		background: #ffd67e;
		box-shadow: none;
	}

	.nav__main-links > li > a:not(.btn-menu):hover,
	.nav__main-links > li > a:not(.btn-menu).active,
	.nav__main-links .dropdown:hover > .dropbtn,
	.nav__main-links .dropbtn:hover,
	.nav__main-links .dropbtn.active {
		color: #ffd67e !important;
	}

	.nav__main-links .dropdown-content {
		position: static;
		left: auto;
		transform: none;
		min-width: 0;
		width: 100%;
		margin-top: 0.35rem;
		background: rgba(0, 0, 0, 0.18);
		border-color: rgba(255, 255, 255, 0.08);
		box-shadow: none;
	}

	.nav__main-links .dropdown-content::before {
		display: none;
	}

	.nav__main-links .dropdown-content a {
		color: rgba(255, 255, 255, 0.92) !important;
	}

	.nav__main-links .dropdown-content a:hover,
	.nav__main-links .dropdown-content a:focus-visible {
		background: rgba(255, 255, 255, 0.08);
		color: #ffd67e !important;
		padding-left: 1rem;
	}
}

.show {
	display: block !important;
}

.main-features__card-content-title a{
	text-decoration: none;
	color: #4eacff;
}

a{
	text-decoration: none !important;
}

.h-700{
	min-height: 600px !important;
	height: 700px !important;
}


.m-w{
	max-width: 600px;
	width: 100%;
}


.animation{
	animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.03, 1.03);
	}
	100% {
		transform: scale(1, 1);
	}
}

.font-white{
	color: #fff !important;
}

.f-w-7{
	font-weight: 700;
	text-transform: uppercase;
}

.f-w-5{
	font-weight: 400;
/*	text-transform: uppercase;*/
}

.p-title{
	font-size: 22px !important;
}


.title-2{
	font-size: 36px;
}

.img-logo{
	width: 360px;
}

@media (max-width: 968px){
	.img-logo{
		width: 260px;
	}
}

.float{
	position:fixed;
	width:100px;
	height:100px;
	bottom:20px;
	right:60px;
	text-align:center;
	z-index:100;
}

.float--vote{
	left: 16px;
	right: auto;
	bottom: 24px;
	width: 118px;
	height: auto;
	z-index: 101;
}

.my-float{
	margin-top: 0px;
/*	margin-right: -28px;*/
}

.my-float--vote{
	display: block;
	width: 118px;
	height: auto;
	max-height: 210px;
	object-fit: contain;
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.float--vote:hover .my-float--vote{
	transform: translateY(-4px) scale(1.03);
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.36);
}

@media (max-width: 767.98px) {
	.float--vote{
		left: 10px;
		bottom: 14px;
		width: 86px;
	}

	.my-float--vote{
		width: 86px;
		max-height: 150px;
	}
}

.pulse, .pulse::after {
	animation: 1.05s ease-out 1s normal none infinite running pulse;
	border: 6px solid #5765F2;
	border-radius: 50%;
	display: inline-block;
	padding: 0.5rem;
	transform: scale3d(0.7, 0.7, 0);
	transition: opacity 0.75s ease 0s;
}



.pulse {
	position: absolute;
	width: 100px;
}


.pulse::after {
	content: "";
	display: block;
	margin: -5px;
	padding: 0;
}

@keyframes pulse {
	50% {
		background: transparent none repeat scroll 0 0;
		border-color: rgba(230, 230, 230, 0.3);
	}
	100% {
		border-color: transparent;
		transform: none;
	}
}

.vote_p{
	font-size: 16px !important;
}

.vote_1{
	border: 2px solid #5765F2 !important;
}

.vote_2{
	border: 2px solid #FF0000 !important;
}

/* —— Informações: layout + menu lateral —— */
.info-layout-wrap {
	--info-accent: #4eacff;
	--info-accent-deep: #2b8ae8;
	--info-accent-soft: rgba(78, 172, 255, 0.14);
	--info-accent-glow: rgba(78, 172, 255, 0.32);
	--info-surface: rgba(255, 255, 255, 0.97);
	--info-ink: #2c3544;
	--info-ink-muted: #5a6573;
	max-width: 1200px;
	position: relative;
}

.info-layout-wrap::before {
	content: "";
	position: absolute;
	inset: -1.5rem -0.75rem 2rem;
	background:
		radial-gradient(ellipse 90% 55% at 18% 0%, var(--info-accent-soft), transparent 52%),
		radial-gradient(ellipse 70% 45% at 92% 8%, rgba(43, 138, 232, 0.08), transparent 48%),
		radial-gradient(ellipse 80% 40% at 50% 100%, rgba(15, 23, 42, 0.03), transparent 55%);
	pointer-events: none;
	z-index: 0;
}

/* Topo acima da row: dropdown “Sistemas” não fica atrás do painel de conteúdo */
.info-layout-wrap > .info-top-nav {
	position: relative;
	z-index: 20;
}

.info-layout-wrap > .row {
	position: relative;
	z-index: 1;
}

/* Sidebar acima da coluna de conteúdo: flyout de “Sistemas” não fica atrás do painel */
@media (min-width: 992px) {
	.info-layout-wrap > .row > .col-lg-3 {
		position: relative;
		z-index: 5;
	}

	.info-layout-wrap > .row > .col-lg-9 {
		position: relative;
		z-index: 1;
	}
}

.info-top-nav {
	margin-bottom: 1.5rem;
}

.info-top-nav__head {
	margin-bottom: 1rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid rgba(78, 172, 255, 0.2);
}

.info-top-nav__title {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	color: var(--info-ink);
	margin: 0;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.info-top-nav__subtitle {
	font-size: 0.875rem;
	color: var(--info-ink-muted);
	margin: 0.35rem 0 0;
	line-height: 1.45;
	max-width: 36rem;
}

.info-top-nav__tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.5rem;
	padding: 0.65rem 0.75rem;
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.88) 100%);
	border: 1px solid rgba(78, 172, 255, 0.22);
	box-shadow:
		0 4px 24px rgba(15, 23, 42, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.info-top-nav__tab {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	text-transform: capitalize;
	padding: 0.5rem 0.95rem;
	border-radius: 999px;
	border: 1px solid rgba(78, 172, 255, 0.45);
	color: var(--info-accent-deep);
	background: rgba(255, 255, 255, 0.85);
	transition:
		background 0.2s ease,
		color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
	white-space: nowrap;
}

.info-top-nav__tab:hover {
	background: var(--info-accent-soft);
	color: var(--info-accent-deep);
	border-color: var(--info-accent);
	box-shadow: 0 2px 12px var(--info-accent-glow);
	transform: translateY(-1px);
}

.info-top-nav__tab.is-active {
	background: linear-gradient(135deg, var(--info-accent) 0%, var(--info-accent-deep) 100%);
	color: #fff;
	border-color: transparent;
	box-shadow:
		0 4px 18px var(--info-accent-glow),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.info-top-nav__tab.is-active:hover {
	filter: brightness(1.05);
	color: #fff;
	transform: translateY(-1px);
}

.info-top-nav__tab:focus-visible {
	outline: 2px solid var(--info-accent);
	outline-offset: 2px;
}

/* Submenu único "Sistemas" no topo (hover no desktop; lista completa visível no mobile) */
.info-top-nav__dropdown-wrap {
	position: relative;
}

/* Ponte invisível para o cursor ir ao painel sem fechar o hover */
.info-top-nav__dropdown-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 0.5rem;
	z-index: 99;
}

.info-top-nav__dropdown-panel {
	display: none;
	position: absolute;
	top: calc(100% + 0.35rem);
	left: 0;
	z-index: 100;
	min-width: min(280px, 92vw);
	max-height: min(72vh, 520px);
	overflow-y: auto;
	padding: 0.55rem 0.65rem 0.65rem;
	border-radius: 14px;
	background: linear-gradient(165deg, #fff 0%, #f6f9fc 100%);
	border: 1px solid rgba(78, 172, 255, 0.28);
	box-shadow:
		0 14px 40px rgba(15, 23, 42, 0.12),
		0 4px 16px rgba(78, 172, 255, 0.1);
}

.info-top-nav__dropdown-heading {
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--info-accent-deep);
	margin: 0.55rem 0 0.25rem;
	padding: 0 0.15rem;
	opacity: 0.92;
}

.info-top-nav__dropdown-heading:first-child {
	margin-top: 0;
}

.info-top-nav__dropdown-link {
	display: block;
	padding: 0.42rem 0.55rem;
	border-radius: 10px;
	font-size: 0.8rem;
	font-weight: 600;
	color: #3d4a5c;
	text-decoration: none;
	line-height: 1.35;
	transition: background 0.2s ease, color 0.2s ease;
}

.info-top-nav__dropdown-link:hover {
	background: var(--info-accent-soft);
	color: var(--info-accent-deep);
}

.info-top-nav__dropdown-link.is-external {
	font-size: 0.76rem;
}

@media (min-width: 992px) {
	.info-top-nav__dropdown-wrap:hover .info-top-nav__dropdown-panel,
	.info-top-nav__dropdown-wrap:focus-within .info-top-nav__dropdown-panel {
		display: block;
	}
}

@media (max-width: 991.98px) {
	.info-top-nav__dropdown-wrap {
		flex: 1 1 100%;
	}

	.info-top-nav__dropdown-panel {
		display: block;
		position: static;
		max-height: none;
		margin-top: 0.4rem;
		box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
	}
}

/* Submenu "Sistemas" na sidebar */
.info-sidebar__nav-group--sistemas {
	position: relative;
	width: 100%;
}

.info-sidebar__sub {
	margin: 0.4rem 0 0.35rem;
	padding: 0.25rem 0.15rem 0.45rem 0.7rem;
	border-left: 2px solid rgba(78, 172, 255, 0.35);
	display: flex;
	flex-direction: column;
	gap: 0.05rem;
}

/* Desktop com rato: submenu só ao passar o mouse (ou foco) no bloco Sistemas */
@media (hover: hover) and (pointer: fine) {
	.info-sidebar__nav-group--sistemas .info-sidebar__sub {
		display: none;
		position: absolute;
		left: calc(100% + 0.4rem);
		top: 0;
		margin: 0;
		min-width: 248px;
		max-width: min(300px, 72vw);
		max-height: min(78vh, 520px);
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 100;
		padding: 0.55rem 0.65rem 0.65rem;
		border-left: none;
		border-radius: 14px;
		background: linear-gradient(165deg, #fff 0%, #f6f9fc 100%);
		border: 1px solid rgba(78, 172, 255, 0.28);
		box-shadow:
			0 14px 40px rgba(15, 23, 42, 0.12),
			0 4px 16px rgba(78, 172, 255, 0.08);
	}

	.info-sidebar__nav-group--sistemas::after {
		content: "";
		position: absolute;
		left: 100%;
		top: 0;
		width: 0.5rem;
		height: 100%;
		min-height: 2.75rem;
		z-index: 99;
	}

	.info-sidebar__nav-group--sistemas:hover .info-sidebar__sub,
	.info-sidebar__nav-group--sistemas:focus-within .info-sidebar__sub {
		display: flex;
	}

	.info-sidebar__nav-group--sistemas:hover .info-sidebar__link:not(.is-active),
	.info-sidebar__nav-group--sistemas:focus-within .info-sidebar__link:not(.is-active) {
		color: var(--info-accent-deep);
		background: rgba(255, 255, 255, 0.9);
		border-color: rgba(78, 172, 255, 0.15);
	}
}

.info-sidebar__sub-label {
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--info-accent-deep);
	margin: 0.45rem 0 0.15rem;
	opacity: 0.9;
	line-height: 1.2;
}

.info-sidebar__sub-label:first-child {
	margin-top: 0;
}

.info-sidebar__sublink {
	display: block;
	text-align: left;
	font-size: 0.72rem;
	line-height: 1.35;
	padding: 0.4rem 0.45rem;
	border-radius: 8px;
	color: #4a5568;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.info-sidebar__sublink:hover {
	background: rgba(78, 172, 255, 0.12);
	color: var(--info-accent-deep);
}

.info-sidebar__sublink--external {
	font-size: 0.68rem;
}

@media (max-width: 991.98px) {
	.info-sidebar__nav-group--sistemas {
		flex: 1 1 100%;
	}
}

.info-sidebar {
	background: linear-gradient(165deg, #fbfcfe 0%, #eff6ff 48%, #e0f2fe 100%);
	border: 1px solid rgba(78, 172, 255, 0.24);
	border-radius: 16px;
	padding: 1.4rem 1rem 1.55rem;
	box-shadow:
		0 10px 36px rgba(15, 23, 42, 0.07),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

@media (min-width: 992px) {
	.info-sidebar {
		position: sticky;
		top: 88px;
		z-index: 2;
	}
}

.info-sidebar__title {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 0.82rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-align: center;
	color: var(--info-accent-deep);
	margin: 0 0 1.05rem;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid rgba(78, 172, 255, 0.28);
}

.info-sidebar__nav {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.info-sidebar__link {
	display: block;
	text-align: center;
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 0.8rem;
	line-height: 1.35;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #3d4a5c;
	padding: 0.68rem 0.55rem;
	border-radius: 10px;
	transition:
		color 0.2s ease,
		background 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
	border: 1px solid transparent;
}

.info-sidebar__link:hover {
	color: var(--info-accent-deep);
	background: rgba(255, 255, 255, 0.9);
	border-color: rgba(78, 172, 255, 0.15);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.info-sidebar__link.is-active {
	color: #fff;
	background: linear-gradient(135deg, var(--info-accent) 0%, var(--info-accent-deep) 100%);
	box-shadow:
		0 6px 20px var(--info-accent-glow),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.12);
}

.info-sidebar__link:focus-visible {
	outline: 2px solid var(--info-accent);
	outline-offset: 2px;
}

@media (max-width: 991.98px) {
	.info-sidebar__nav {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.4rem;
	}
	.info-sidebar__link {
		flex: 1 1 auto;
		min-width: calc(50% - 0.25rem);
		padding: 0.55rem 0.4rem;
		font-size: 0.7rem;
	}
	.info-sidebar__title {
		font-size: 0.8rem;
	}
}

.info-panel {
	position: relative;
	background:
		linear-gradient(180deg, rgba(78, 172, 255, 0.06) 0%, transparent 9rem),
		var(--info-surface);
	border: 1px solid rgba(78, 172, 255, 0.28);
	border-radius: 16px;
	box-shadow:
		0 16px 48px rgba(15, 23, 42, 0.09),
		0 0 0 1px rgba(255, 255, 255, 0.6) inset;
	overflow: hidden;
}

.info-panel::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(
		90deg,
		var(--info-accent-deep) 0%,
		var(--info-accent) 35%,
		#7ec4ff 55%,
		var(--info-accent) 75%,
		var(--info-accent-deep) 100%
	);
	pointer-events: none;
}

.info-panel--wide .info-panel__body {
	padding: 1.75rem 1.5rem 2rem;
}

@media (min-width: 768px) {
	.info-panel--wide .info-panel__body {
		padding: 2rem 2.35rem 2.6rem;
	}
}

.info-panel__head {
	padding: 1.5rem 1.5rem 0;
	position: relative;
}

@media (min-width: 768px) {
	.info-panel__head {
		padding: 1.65rem 2.35rem 0;
	}
}

.info-panel__head .info-panel__kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--info-accent-deep);
	margin-bottom: 0.45rem;
}

.info-panel__head .info-panel__kicker::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 2px;
	background: linear-gradient(135deg, var(--info-accent) 0%, var(--info-accent-deep) 100%);
	box-shadow: 0 2px 8px var(--info-accent-glow);
	flex-shrink: 0;
}

.info-panel__head h2,
.info-panel__title {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-weight: 700;
	font-size: clamp(1.35rem, 2.5vw, 1.65rem);
	text-transform: uppercase;
	color: var(--info-ink);
	margin: 0;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

.info-panel__lead {
	color: var(--info-ink-muted);
	line-height: 1.68;
	margin: 1rem 0 0;
	max-width: 52rem;
	font-size: 1.02rem;
}

.info-panel__body {
	padding: 1.5rem 1.5rem 1.75rem;
	color: #3d4856;
}

.info-panel__body .text-muted {
	color: #6b7788 !important;
}

.info-stat-grid .info-stat {
	position: relative;
	background: linear-gradient(155deg, #fff 0%, #f6f9fc 100%);
	border: 1px solid rgba(78, 172, 255, 0.22);
	border-radius: 14px;
	padding: 1.1rem 0.85rem;
	text-align: center;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
	overflow: hidden;
}

.info-stat-grid .info-stat::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--info-accent), transparent);
	opacity: 0.65;
	pointer-events: none;
}

.info-stat-grid .info-stat:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(78, 172, 255, 0.16);
	border-color: rgba(78, 172, 255, 0.38);
}

.info-stat__value {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.75rem;
	background: linear-gradient(180deg, var(--info-accent) 0%, var(--info-accent-deep) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	line-height: 1.1;
}

@supports not (background-clip: text) {
	.info-stat__value {
		color: var(--info-accent);
		background: none;
	}
}

.info-stat__label {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #6b7788;
	margin-top: 0.4rem;
}

.info-highlight-list {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem;
}

.info-highlight-list li {
	position: relative;
	padding: 0.85rem 1rem 0.85rem 1.15rem;
	margin-bottom: 0.5rem;
	line-height: 1.58;
	border-radius: 10px;
	border: 1px solid rgba(78, 172, 255, 0.12);
	background: rgba(248, 250, 252, 0.65);
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.info-highlight-list li:last-child {
	margin-bottom: 0;
}

.info-highlight-list li:hover {
	background: rgba(255, 255, 255, 0.95);
	border-color: rgba(78, 172, 255, 0.22);
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.info-highlight-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	border-radius: 10px 0 0 10px;
	background: linear-gradient(180deg, var(--info-accent) 0%, var(--info-accent-deep) 100%);
	box-shadow: 2px 0 12px var(--info-accent-glow);
}

.info-section-title {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--info-ink);
	margin: 2rem 0 1.1rem;
	padding: 0 0 0.55rem 0.85rem;
	border-left: 4px solid var(--info-accent);
	border-bottom: none;
	background: linear-gradient(90deg, var(--info-accent-soft), transparent 85%);
	border-radius: 0 6px 6px 0;
}

.info-section-title:first-child {
	margin-top: 0;
}

/* Página Servidor: cartões simples, tabelas sem zebra/rosa do Bootstrap em <code>, títulos sem faixa lateral */
.servidor-info-page .servidor-feature-card {
	border: 1px solid rgba(15, 23, 42, 0.1);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}

.servidor-info-page .servidor-feature-card__title {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	flex-wrap: nowrap;
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 0.45rem;
}

.servidor-info-page .servidor-feature-card__title > span {
	min-width: 0;
	flex: 1 1 auto;
}

.servidor-info-page .servidor-feature-card__icon {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	object-fit: contain;
	display: block;
	margin-top: 0.12em;
}

/* Página Sistema: hero PoringSaga Space */
.sistema-space-hero {
	max-height: min(48vh, 440px);
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Página Sistema: hero Encantadora de Visuais */
.encantadora-visuais-hero {
	text-align: center;
}

.encantadora-visuais-hero__img {
	max-height: min(52vh, 480px);
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}


.encanta-intro__sep {
	margin: 0 0.35rem;
	opacity: 0.55;
}

.encanta-intro__lead {
	max-width: 46rem;
	margin-left: auto;
	margin-right: auto;
}

.encanta-intro__points {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.encanta-intro__points li {
	position: relative;
	padding-left: 0;
	font-size: 0.92rem;
	line-height: 1.55;
	color: var(--info-ink-muted, #5a6573);
}

.encanta-intro__point-label {
	display: inline-flex;
	align-items: center;
	margin-right: 0.45rem;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	vertical-align: 0.05em;
	color: #1e3a5f;
	background: rgba(78, 172, 255, 0.16);
}

.encanta-intro__points li:nth-child(2) .encanta-intro__point-label {
	color: #6b21a8;
	background: rgba(168, 85, 247, 0.14);
}

.encanta-intro__points li:nth-child(3) .encanta-intro__point-label {
	color: #166534;
	background: rgba(34, 197, 94, 0.14);
}

/* Página Sistema: cards Em resumo */
.encanta-resumo-card {
	position: relative;
	padding-top: 1.35rem;
	border-top: 3px solid var(--info-accent, #4eacff);
}

.encanta-resumo-card--local {
	border-top-color: #3b82f6;
}

.encanta-resumo-card--random {
	border-top-color: #22c55e;
}

.encanta-resumo-card--stone {
	border-top-color: #a855f7;
}

.encanta-resumo-card__badge {
	position: absolute;
	top: 0.85rem;
	right: 0.95rem;
	display: inline-flex;
	align-items: center;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.2;
	color: #1e3a5f;
	background: rgba(78, 172, 255, 0.16);
}

.encanta-resumo-card--local .encanta-resumo-card__badge {
	color: #1e40af;
	background: rgba(59, 130, 246, 0.14);
}

.encanta-resumo-card--random .encanta-resumo-card__badge {
	color: #166534;
	background: rgba(34, 197, 94, 0.14);
}

.encanta-resumo-card--stone .encanta-resumo-card__badge {
	color: #6b21a8;
	background: rgba(168, 85, 247, 0.14);
}

.encanta-resumo-card .info-system-card__head {
	padding-right: 4.25rem;
}

.encanta-resumo-card .info-system-card__text {
	font-size: 0.92rem;
	line-height: 1.55;
}

.encanta-resumo-card__meta {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--info-ink-muted, #5a6573);
}

.encanta-resumo-card__coord {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.65rem;
	border-radius: 0.45rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.85rem;
	font-weight: 700;
	color: #1e40af;
	background: rgba(59, 130, 246, 0.1);
	border: 1px solid rgba(59, 130, 246, 0.22);
}

.encanta-resumo-card__icon-item {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.encanta-resumo-card__icon-item .wiki-item-id-ico {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.servidor-info-page .servidor-feature-cards .servidor-feature-card::before,
.servidor-info-page .servidor-feature-cards .servidor-feature-card::after {
	content: none !important;
	display: none !important;
}

.servidor-info-page .info-section-title {
	border-left: none;
	background: none;
	padding-left: 0;
	border-radius: 0;
	border-bottom: 2px solid rgba(78, 172, 255, 0.32);
	margin-top: 1.85rem;
	padding-bottom: 0.35rem;
	letter-spacing: 0.05em;
}

.servidor-info-page .info-table-wrap {
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
	border-color: rgba(15, 23, 42, 0.12);
}

.servidor-info-page .info-table-wrap .table tbody tr:nth-child(even) {
	background: transparent;
}

.servidor-info-page .info-table-wrap .table thead.table-dark th {
	background: #212529 !important;
	background-image: none !important;
	color: #fff !important;
	text-transform: none;
	letter-spacing: normal;
	font-size: 0.9rem;
}

.servidor-info-page .info-table-wrap .table thead.table-success th {
	background-color: #198754 !important;
	background-image: none !important;
	color: #fff !important;
	text-transform: none;
	letter-spacing: normal;
	font-size: 0.9rem;
}

.servidor-info-page .info-table-wrap .table tbody th {
	text-transform: none;
	font-size: 0.875rem;
	letter-spacing: normal;
	background: #f1f3f5 !important;
	background-image: none !important;
	color: var(--info-ink);
	font-weight: 600;
}

.servidor-info-page .info-table-wrap code {
	color: var(--info-ink) !important;
	background: rgba(15, 23, 42, 0.07) !important;
	border: none !important;
	padding: 0.12rem 0.38rem;
	font-size: 0.88em;
	font-weight: 600;
}

/* Abas “Destaques do servidor” na página Informações */
.info-destaques-tabs .nav-link {
	color: var(--info-accent-deep, #2b8ae8);
	border: 1px solid rgba(78, 172, 255, 0.4);
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.8rem;
	padding: 0.45rem 0.9rem;
}

.info-destaques-tabs .nav-link:hover {
	background: rgba(78, 172, 255, 0.1);
	color: var(--info-accent-deep, #2b8ae8);
}

.info-destaques-tabs .nav-link.active {
	background: linear-gradient(135deg, var(--info-accent, #4eacff) 0%, var(--info-accent-deep, #2b8ae8) 100%);
	color: #fff;
	border-color: transparent;
}

.info-destaques-tabs__panes {
	border: 1px solid rgba(78, 172, 255, 0.22);
	background: rgba(255, 255, 255, 0.97);
}

.info-table-wrap {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(78, 172, 255, 0.22);
	box-shadow: 0 6px 22px rgba(15, 23, 42, 0.06);
}

.info-table-wrap .table {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.info-table-wrap .table th {
	background: linear-gradient(180deg, #f3f8fd 0%, #e8f0fa 100%);
	font-weight: 700;
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.045em;
	color: var(--info-ink);
	border-color: rgba(78, 172, 255, 0.14);
	vertical-align: middle;
}

.info-table-wrap .table td {
	border-color: rgba(15, 23, 42, 0.06);
	vertical-align: middle;
}

.info-table-wrap .table tbody tr:nth-child(even) {
	background: rgba(240, 247, 255, 0.42);
}

.info-cmd-table code {
	background: rgba(78, 172, 255, 0.14);
	color: #1a5a96;
	padding: 0.18rem 0.45rem;
	border-radius: 6px;
	font-size: 0.88em;
	border: 1px solid rgba(78, 172, 255, 0.2);
}

/* Página Sistemas: grelha + cartões com ícone */
.info-systems-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(272px, 1fr));
	gap: 1rem 1.1rem;
	align-items: stretch;
}

@media (min-width: 768px) {
	.info-systems-grid {
		gap: 1.15rem 1.25rem;
	}
}

.info-systems-grid .info-system-card {
	margin-bottom: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.info-system-card {
	background: linear-gradient(155deg, #fff 0%, #f5f8fc 100%);
	border: 1px solid rgba(78, 172, 255, 0.2);
	border-radius: 16px;
	padding: 1.15rem 1.2rem 1.2rem;
	transition:
		border-color 0.22s ease,
		box-shadow 0.22s ease,
		transform 0.22s ease;
	box-shadow:
		0 2px 12px rgba(15, 23, 42, 0.04),
		inset 0 1px 0 rgba(255, 255, 255, 0.85);
	position: relative;
	overflow: hidden;
}

.info-system-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, rgba(78, 172, 255, 0.35), transparent);
	opacity: 0;
	transition: opacity 0.22s ease;
	pointer-events: none;
}

.info-system-card:hover {
	border-color: rgba(78, 172, 255, 0.45);
	box-shadow:
		0 10px 32px rgba(78, 172, 255, 0.14),
		0 2px 8px rgba(15, 23, 42, 0.04);
	transform: translateY(-3px);
}

.info-system-card:hover::after {
	opacity: 1;
}

.info-system-card__head {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	margin-bottom: 0.6rem;
}

.info-system-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 12px;
	flex-shrink: 0;
	background: linear-gradient(145deg, var(--info-accent-soft, rgba(78, 172, 255, 0.14)) 0%, rgba(255, 255, 255, 0.95) 100%);
	border: 1px solid rgba(78, 172, 255, 0.28);
	transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.info-system-card__icon .info-system-thumb {
	width: 1.65rem;
	height: 1.65rem;
	object-fit: contain;
	display: block;
	pointer-events: none;
}

.info-system-card:hover .info-system-card__icon {
	transform: scale(1.05);
	border-color: rgba(78, 172, 255, 0.45);
	box-shadow: 0 4px 14px rgba(78, 172, 255, 0.2);
}

.info-system-card .info-system-card__head h4.h5.mb-0 {
	margin: 0;
	padding-top: 0.2rem;
	line-height: 1.35;
	flex: 1;
	min-width: 0;
}

.info-system-card__head h3 {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--info-ink, #2c3544);
	margin: 0;
	padding-top: 0.2rem;
	line-height: 1.28;
	letter-spacing: 0.01em;
}

.info-system-card__text {
	font-size: 0.9rem;
	line-height: 1.58;
	color: var(--info-ink-muted, #5a6573);
	margin: 0;
	flex-grow: 1;
	text-align: justify;
}

a.info-system-card--link {
	text-decoration: none;
	color: inherit;
}

a.info-system-card--link:focus-visible {
	outline: 2px solid var(--info-accent, #4eacff);
	outline-offset: 3px;
}

a.wiki-highlight-card {
	color: inherit;
	display: flex;
	flex-direction: column;
}

.info-system-card__more {
	display: inline-block;
	margin-top: 0.7rem;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--info-accent-deep, #2b8ae8);
}

/* Página sistema Zeny Sync: pilares + exemplos com ícone de item (img_site) */
.zeny-sync-pillar .info-system-card__icon {
	font-size: 1.1rem;
	color: var(--info-accent-deep, #2b8ae8);
}

.zeny-sync-how ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.zeny-sync-how li {
	position: relative;
	padding-left: 1.65rem;
	margin-bottom: 0.75rem;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--info-ink-muted, #5a6573);
}

.zeny-sync-how li:last-child {
	margin-bottom: 0;
}

.zeny-sync-how li::before {
	content: "\f058";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0.12rem;
	font-size: 0.85rem;
	color: var(--info-accent, #4eacff);
}

.zeny-sync-example-card .info-system-card__icon {
	width: 3.5rem;
	height: 3.5rem;
}

.zeny-sync-example-card .info-system-card__icon img {
	width: 2.5rem;
	height: 2.5rem;
	object-fit: contain;
	display: block;
}

/* PoringSaga Space: cartões de benefícios */
.poringsaga-space-benefit-card .info-system-card__icon {
	font-size: 1.05rem;
	color: var(--info-accent-deep, #2b8ae8);
}

.poringsaga-space-benefit-card .info-system-card__head h3 {
	font-size: 1rem;
}

.poringsaga-space-benefit-card ul {
	padding-left: 1.15rem;
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--info-ink-muted, #5a6573);
}

.poringsaga-space-benefit-card ul li + li {
	margin-top: 0.4rem;
}

.poringsaga-space-benefit-card__note {
	margin-top: 0.75rem;
	padding-top: 0.65rem;
	border-top: 1px solid rgba(78, 172, 255, 0.18);
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--info-ink-muted, #5a6573);
}

.poringsaga-space-benefit-card p.info-system-card__text {
	margin-bottom: 0;
}

/* Wiki: destaque visual para cards da home */
.wiki-highlight-wrap {
	background: linear-gradient(135deg, #5864e8 0%, #6d5fe3 52%, #7a64ef 100%);
	border-radius: 18px;
	padding: 1rem;
	box-shadow: 0 12px 34px rgba(87, 86, 214, 0.24);
}

.wiki-highlight-wrap .info-section-title {
	color: #ffffff;
	margin-bottom: 0.85rem !important;
}

.wiki-highlight-card {
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.45);
	box-shadow: 0 10px 22px rgba(27, 29, 91, 0.17);
}

.wiki-highlight-card:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 16px 28px rgba(27, 29, 91, 0.24);
}

.wiki-highlight-card .wiki-highlight-card__head {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin-bottom: 0.45rem;
}

.wiki-highlight-card .wiki-highlight-card__head h3 {
	padding-top: 0;
	flex: 1;
	min-width: 0;
}

.wiki-highlight-badge {
	display: inline-block;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5a46dd;
	background: #f2efff;
	border: 1px solid #d9d2ff;
	border-radius: 999px;
	padding: 0.22rem 0.55rem;
	margin-bottom: 0.65rem;
}

.wiki-highlight-badge--done {
	color: #5c6570;
	background: #f1f3f5;
	border-color: #d8dee4;
}

.wiki-highlight-cta {
	margin-top: 0.9rem;
	background: #ffffff;
	color: #0a58ca;
	border: 1px solid #dfe7ff;
	padding: 0.45rem 0.8rem;
	border-radius: 999px;
	font-size: 0.78rem;
	box-shadow: 0 6px 14px rgba(13, 110, 253, 0.12);
}

.wiki-highlight-cta--soon {
	color: #8a5a00;
	background: #fff8e8;
	border-color: #ffe7b0;
	box-shadow: none;
}

/* Wiki: sidebar fixa estilo MediaWiki */
.wiki-layout {
	align-items: stretch;
}

.wiki-layout__main {
	min-width: 0;
}

.wiki-sidebar-col {
	min-width: 0;
}

.wiki-sidebar__sticky {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	align-items: stretch;
}

.wiki-sidebar__portlet {
	flex: 0 0 auto;
	border: 1px solid rgba(78, 172, 255, 0.28);
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.96) 100%);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
	overflow: visible;
}

.wiki-sidebar__title {
	margin: 0;
	padding: 0.5rem 0.7rem;
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #2b8ae8;
	background: rgba(78, 172, 255, 0.08);
	border-bottom: 1px solid rgba(78, 172, 255, 0.2);
}

.wiki-sidebar__nav {
	display: flex;
	flex-direction: column;
	padding: 0.35rem 0.4rem 0.55rem;
}

.wiki-sidebar__link {
	display: block;
	padding: 0.34rem 0.45rem;
	border-radius: 6px;
	color: #2c3544;
	font-size: 0.84rem;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	overflow-wrap: anywhere;
	transition: color 0.18s ease, background-color 0.18s ease;
}

.wiki-sidebar__link:hover {
	color: #0a58ca;
	background: rgba(78, 172, 255, 0.1);
}

.wiki-sidebar__link.is-active {
	color: #0a58ca;
	background: rgba(78, 172, 255, 0.16);
	font-weight: 700;
}

@media (min-width: 992px) {
	.wiki-sidebar__sticky {
		position: sticky;
		top: 5.75rem;
		align-self: flex-start;
		width: 100%;
		max-height: calc(100vh - 6.5rem);
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-right: 0.15rem;
		padding-bottom: 0.25rem;
		scrollbar-width: thin;
		scrollbar-color: rgba(78, 172, 255, 0.45) transparent;
	}

	.wiki-sidebar__sticky::-webkit-scrollbar {
		width: 6px;
	}

	.wiki-sidebar__sticky::-webkit-scrollbar-thumb {
		background: rgba(78, 172, 255, 0.45);
		border-radius: 999px;
	}
}

@media (max-width: 991px) {
	.wiki-sidebar-col {
		margin-bottom: 0.25rem;
	}

	.wiki-sidebar__sticky {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.55rem;
		align-items: start;
	}
}

@media (max-width: 575px) {
	.wiki-sidebar__sticky {
		grid-template-columns: 1fr;
	}
}

/* Legado: menu canto (não usado) */
.wiki-corner-nav {
	position: fixed;
	left: 8px;
	top: 82px;
	z-index: 95;
	width: 100%;
	max-width: 185px;
	max-height: calc(100vh - 96px);
	overflow-y: auto;
	background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 250, 255, 0.98) 100%);
	border: 1px solid rgba(78, 172, 255, 0.32);
	border-radius: 14px;
	padding: 12px 11px;
	box-shadow:
		0 10px 28px rgba(78, 172, 255, 0.16),
		0 2px 10px rgba(24, 39, 75, 0.08);
}

.wiki-corner-nav h3 {
	margin: 0 0 8px;
	color: #2b8ae8;
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-size: 1.05rem;
	font-weight: 700;
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(78, 172, 255, 0.25);
}

.wiki-corner-nav nav {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.wiki-corner-nav a {
	color: #2c3544;
	font-size: 0.88rem;
	font-weight: 700;
	padding: 5px 7px;
	border-radius: 8px;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.wiki-corner-nav a:hover {
	color: #0a58ca;
	background: rgba(78, 172, 255, 0.12);
	transform: translateX(2px);
}

@media (max-width: 991px) {
	.wiki-corner-nav {
		position: relative;
		left: auto;
		top: auto;
		max-width: none;
		max-height: none;
		overflow: visible;
		margin-bottom: 1rem;
	}
}

.info-system-card--featured {
	grid-column: 1 / -1;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.35rem;
	padding: 1.35rem 1.4rem;
	background:
		linear-gradient(120deg, rgba(78, 172, 255, 0.1) 0%, rgba(255, 255, 255, 0.97) 42%, #f3f8fd 100%);
	border-width: 1px;
	border-color: rgba(78, 172, 255, 0.32);
	box-shadow:
		0 4px 24px rgba(78, 172, 255, 0.1),
		0 2px 12px rgba(15, 23, 42, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.info-system-card--featured::after {
	opacity: 0.85;
	height: 4px;
	background: linear-gradient(90deg, var(--info-accent-deep, #2b8ae8), var(--info-accent, #4eacff), #7ec4ff);
}

.info-system-card--featured .info-system-card__head {
	margin-bottom: 0;
	flex: 1 1 200px;
	align-items: center;
}

.info-system-card--featured .info-system-card__icon {
	width: 3.15rem;
	height: 3.15rem;
	border-radius: 14px;
}

.info-system-card--featured .info-system-card__icon .info-system-thumb {
	width: 1.95rem;
	height: 1.95rem;
}

.info-system-card--featured .info-system-card__head h3 {
	font-size: 1.15rem;
	padding-top: 0;
}

.info-system-card--featured .info-system-card__text {
	flex: 2 1 280px;
	text-align: justify;
	font-size: 0.92rem;
}

@media (max-width: 575.98px) {
	.info-system-card--featured {
		flex-direction: column;
		align-items: flex-start;
	}
	.info-system-card--featured .info-system-card__head {
		flex: none;
	}
	.info-system-card--featured .info-system-card__text {
		flex: none;
		width: 100%;
	}
}

.info-panel .horizontal-table {
	width: 100%;
}

/*
 * Font Awesome: style.min3860.css define * { font-family: "Roboto Condensed" ... !important },
 * o que impede ícones FA de usarem "Font Awesome 6 Free". Repor fonte nos utilitários FA.
 */
.fa,
.fa-solid,
.fa-regular,
.fa-classic,
.fa-sharp,
.fas,
.far {
	font-family: "Font Awesome 6 Free" !important;
	font-style: normal !important;
	font-variant: normal !important;
}

.fa-solid,
.fas {
	font-weight: 900 !important;
}

.fa-regular,
.far {
	font-weight: 400 !important;
}

.fa-brands,
.fab {
	font-family: "Font Awesome 6 Brands" !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

/* Termos / Regras: ícones legais (FA + cores abaixo) */
.info-legal-icon {
	color: var(--info-accent, #4eacff);
	margin-right: 0.35rem;
	vertical-align: -0.12em;
	font-size: 1em;
	line-height: 1;
}

.info-legal-icon--section {
	font-size: 1.12em;
	vertical-align: -0.16em;
	color: var(--info-accent-deep, #2b8ae8);
	opacity: 0.95;
}

.info-legal-icon--rule {
	color: #c45c26;
	margin-right: 0.32rem;
	vertical-align: -0.1em;
}

.info-legal-icon--punish {
	color: #6b4c9a;
	margin-right: 0.32rem;
	vertical-align: -0.1em;
}

.info-legal-icon--note {
	color: #1a7a8c;
	margin-right: 0.32rem;
	vertical-align: -0.1em;
}

.info-legal-icon--bullet {
	font-size: 0.88em;
	margin-right: 0.3rem;
	vertical-align: 0.02em;
	color: var(--info-accent-deep, #2b8ae8);
}

.horizontal-table th .info-legal-icon {
	font-size: 1.18em;
	vertical-align: -0.2em;
	margin-right: 0.4rem;
}

.info-panel--wide .page {
	margin: 0;
}

@media (prefers-reduced-motion: reduce) {
	.info-top-nav__tab,
	.info-sidebar__link,
	.info-stat-grid .info-stat,
	.info-system-card {
		transition: none;
	}
	.info-top-nav__tab:hover,
	.info-top-nav__tab.is-active:hover {
		transform: none;
	}
	.info-stat-grid .info-stat:hover,
	.info-system-card:hover {
		transform: none;
	}
	.info-system-card:hover .info-system-card__icon {
		transform: none;
	}
	.wiki-booster .cashfree-cf-table tbody tr,
	.wiki-booster .cashfree-cf-table .cashfree-item-ico {
		transition: none;
	}
	.wiki-booster .cashfree-cf-table tbody tr:hover {
		transform: none;
	}
	.wiki-booster .cashfree-cf-table tbody tr:hover .cashfree-item-ico {
		transform: none;
		filter: none;
	}
}

/* --------------------------------------------------------------------------
   Wiki booster — wiki.php, sistema.php, eventos.php, instancias.php,
   downloads*.php (painel + tabelas com o mesmo tratamento visual)
   Layout: painel → tabelas → VIP → instâncias (spec / drops / MVPs / encantos)
   → mídia / screenshots → callout / TOC / links
   -------------------------------------------------------------------------- */

/* Contém largura da wiki — evita grade Bootstrap “esticar” com conteúdo largo */
.container.info-layout-wrap.wiki-booster {
	overflow-x: clip;
	max-width: 1200px;
}

.container.info-layout-wrap.wiki-booster.wiki-booster--nav-layout {
	max-width: 1320px;
}

.page-box > .breadcrumb.bg-ranking + .container.info-layout-wrap.wiki-booster--nav-layout {
	margin-top: 0;
}

.page-box > .breadcrumb.bg-ranking + .container.info-layout-wrap.wiki-booster--nav-layout::before {
	top: 0;
	inset: 0 -0.75rem 2rem;
}

/* Painel wiki: base visual em css/site-showcase.css; hover reforçado abaixo */
.wiki-booster .info-panel {
	transition:
		border-color 0.22s ease,
		box-shadow 0.22s ease;
	max-width: 100%;
}

/* Galeria Prestação de Serviços — hover só na borda */
.wiki-booster .prestacao-gallery__img {
	height: 220px;
	width: auto;
	border: 2px solid rgba(78, 172, 255, 0.22);
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}

.wiki-booster .prestacao-gallery__img:hover {
	border-color: #4eacff;
}

/* Fluxo visual — Transferência de Personagem */
.wiki-booster .transferchar-flow__panel {
	border-radius: 16px;
	border: 1px solid rgba(78, 172, 255, 0.2);
	background: linear-gradient(155deg, #fff 0%, #f5f8fc 100%);
	box-shadow:
		0 2px 12px rgba(15, 23, 42, 0.04),
		inset 0 1px 0 rgba(255, 255, 255, 0.85);
	padding: 1.25rem 0.85rem 1rem;
	overflow: hidden;
	position: relative;
}

.wiki-booster .transferchar-flow__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 55% 45% at 18% 35%, rgba(25, 135, 84, 0.07) 0%, transparent 70%),
		radial-gradient(ellipse 55% 45% at 82% 35%, rgba(13, 110, 253, 0.07) 0%, transparent 70%),
		radial-gradient(ellipse 40% 35% at 50% 18%, rgba(255, 193, 7, 0.1) 0%, transparent 72%);
	pointer-events: none;
}

.wiki-booster .transferchar-flow__track {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 0.5rem 0.25rem;
}

.wiki-booster .transferchar-flow__node {
	flex: 1 1 10rem;
	max-width: 13rem;
	display: flex;
}

.wiki-booster .transferchar-flow__card {
	flex: 1 1 auto;
	width: 100%;
	text-align: center;
	padding: 0.85rem 0.65rem 0.75rem;
	border-radius: 14px;
	border: 1px solid rgba(78, 172, 255, 0.14);
	background: rgba(255, 255, 255, 0.72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
	transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.wiki-booster .transferchar-flow__card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(78, 172, 255, 0.1);
}

.wiki-booster .transferchar-flow__card--origin {
	border-color: rgba(25, 135, 84, 0.22);
}

.wiki-booster .transferchar-flow__card--origin:hover {
	border-color: rgba(25, 135, 84, 0.42);
	box-shadow: 0 8px 22px rgba(25, 135, 84, 0.12);
}

.wiki-booster .transferchar-flow__card--ticket {
	border-color: rgba(255, 193, 7, 0.28);
	background: linear-gradient(180deg, rgba(255, 251, 235, 0.95) 0%, rgba(255, 255, 255, 0.82) 100%);
}

.wiki-booster .transferchar-flow__card--ticket:hover {
	border-color: rgba(255, 193, 7, 0.48);
	box-shadow: 0 8px 22px rgba(255, 193, 7, 0.16);
}

.wiki-booster .transferchar-flow__card--dest {
	border-color: rgba(13, 110, 253, 0.22);
}

.wiki-booster .transferchar-flow__card--dest:hover {
	border-color: rgba(13, 110, 253, 0.42);
	box-shadow: 0 8px 22px rgba(13, 110, 253, 0.12);
}

.wiki-booster .transferchar-flow__portrait {
	position: relative;
	width: 6.25rem;
	height: 6.25rem;
	margin: 0 auto 0.6rem;
}

.wiki-booster .transferchar-flow__portrait-inner {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, 0.95);
	box-sizing: border-box;
}

.wiki-booster .transferchar-flow__portrait--origin .transferchar-flow__portrait-inner {
	background: linear-gradient(180deg, #dff5ea 0%, #ecfbf3 55%, #f8fffb 100%);
	box-shadow:
		0 0 0 2px rgba(25, 135, 84, 0.38),
		0 8px 18px rgba(25, 135, 84, 0.16);
}

.wiki-booster .transferchar-flow__portrait--dest .transferchar-flow__portrait-inner {
	background: linear-gradient(180deg, #dcecff 0%, #ebf3ff 55%, #f7faff 100%);
	box-shadow:
		0 0 0 2px rgba(13, 110, 253, 0.35),
		0 8px 18px rgba(13, 110, 253, 0.14);
}

.wiki-booster .transferchar-flow__portrait img {
	width: 88%;
	height: 88%;
	object-fit: contain;
	object-position: center bottom;
	display: block;
	filter: drop-shadow(0 3px 6px rgba(15, 23, 42, 0.18));
}

.wiki-booster .transferchar-flow__badge {
	position: absolute;
	right: -0.05rem;
	bottom: 0.1rem;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.68rem;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);
	z-index: 2;
}

.wiki-booster .transferchar-flow__badge--origin {
	background: linear-gradient(145deg, #28a745 0%, #198754 100%);
}

.wiki-booster .transferchar-flow__badge--dest {
	background: linear-gradient(145deg, #4dabff 0%, #0d6efd 100%);
}

.wiki-booster .transferchar-flow__role {
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #94a3b8;
	margin: 0;
	font-weight: 600;
}

.wiki-booster .transferchar-flow__title {
	font-size: 0.92rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.25;
}

.wiki-booster .transferchar-flow__title--origin {
	color: #157347;
}

.wiki-booster .transferchar-flow__title--dest {
	color: #0b5ed7;
}

.wiki-booster .transferchar-flow__title--ticket {
	color: #b8860b;
}

.wiki-booster .transferchar-flow__desc,
.wiki-booster .transferchar-flow__meta {
	font-size: 0.76rem;
	color: #64748b;
	line-height: 1.35;
}

.wiki-booster .transferchar-flow__connector {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.2rem;
	color: var(--info-accent-deep, #2b8ae8);
	padding: 0 0.1rem;
	min-width: 2.75rem;
	align-self: center;
}

.wiki-booster .transferchar-flow__line {
	display: block;
	width: 1.5rem;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, rgba(78, 172, 255, 0.2) 0%, rgba(78, 172, 255, 0.75) 100%);
}

.wiki-booster .transferchar-flow__chev-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.45rem;
	height: 1.45rem;
	border-radius: 50%;
	background: var(--info-accent-soft, rgba(78, 172, 255, 0.14));
	border: 1px solid rgba(78, 172, 255, 0.28);
}

.wiki-booster .transferchar-flow__chev {
	font-size: 0.72rem;
	opacity: 0.95;
}

.wiki-booster .transferchar-flow__ticket {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 5.15rem;
	height: 5.15rem;
	margin: 0 auto 0.55rem;
}

.wiki-booster .transferchar-flow__ticket-ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid rgba(255, 193, 7, 0.45);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}

.wiki-booster .transferchar-flow__ticket-glow {
	position: absolute;
	inset: -0.15rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 193, 7, 0.28) 0%, rgba(255, 193, 7, 0) 68%);
	animation: transferchar-ticket-pulse 2.8s ease-in-out infinite;
}

.wiki-booster .transferchar-flow__ticket-inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	border-radius: 12px;
	background: linear-gradient(145deg, #fffef8 0%, #fff8e6 100%);
	box-shadow: 0 4px 14px rgba(255, 193, 7, 0.18);
}

.wiki-booster .transferchar-flow__ticket img {
	width: 3.15rem;
	height: 3.15rem;
	object-fit: contain;
	filter: drop-shadow(0 2px 6px rgba(184, 134, 11, 0.35));
	transition: transform 0.22s ease;
}

.wiki-booster .transferchar-flow__ticket:hover img {
	transform: scale(1.07);
}

.wiki-booster .transferchar-flow__caption {
	text-align: center;
	font-size: 0.82rem;
	color: #64748b;
	padding: 0.65rem 0.85rem;
	border-radius: 12px;
	border: 1px dashed rgba(78, 172, 255, 0.28);
	background: rgba(255, 255, 255, 0.65);
	line-height: 1.45;
}

.wiki-booster .transferchar-inline-item__ico {
	flex-shrink: 0;
	object-fit: contain;
	vertical-align: middle;
	display: inline-block;
}

.wiki-booster .transferchar-inline-item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	vertical-align: middle;
	line-height: 1.45;
}

.wiki-booster p .transferchar-inline-item,
.wiki-booster li .transferchar-inline-item,
.wiki-booster .transferchar-flow__caption .transferchar-inline-item {
	vertical-align: middle;
}

.wiki-booster .table td .transferchar-inline-item__ico,
.wiki-booster .table td .d-inline-flex .transferchar-inline-item__ico {
	width: 22px;
	height: 22px;
}

.wiki-booster .transferchar-flow__caption .transferchar-inline-item__ico {
	width: 22px;
	height: 22px;
}

.wiki-booster .info-system-card.info-system-card--link .info-system-card__icon:has(.info-system-thumb[src*="transfer"]) {
	width: 3rem;
	height: 3rem;
	padding: 0.2rem;
	overflow: visible;
}

.wiki-booster .info-system-card.info-system-card--link .info-system-card__icon .info-system-thumb[src*="transfer"] {
	width: 2.35rem;
	height: 2.35rem;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
}

@keyframes transferchar-ticket-pulse {
	0%, 100% { transform: scale(0.94); opacity: 0.7; }
	50% { transform: scale(1.04); opacity: 1; }
}

@media (max-width: 767.98px) {
	.wiki-booster .transferchar-flow__connector {
		display: none;
	}

	.wiki-booster .transferchar-flow__node--ticket {
		order: -1;
		flex: 1 1 100%;
		max-width: 100%;
	}

	.wiki-booster .transferchar-flow__node--origin,
	.wiki-booster .transferchar-flow__node--dest {
		flex: 1 1 calc(50% - 0.35rem);
		max-width: calc(50% - 0.35rem);
	}
}

/* Links da grelha de sistemas (wiki): nomes completos, sem corte */
.wiki-booster .wiki-sistemas-grid > [class*="col-"] > .info-system-card {
	overflow: visible;
}

.wiki-booster .wiki-sistemas-grid a.info-system-card--link {
	overflow: visible;
	padding: 0.7rem 0.85rem;
}

.wiki-booster .wiki-sistemas-grid a.info-system-card--link .info-system-card__head {
	align-items: center;
	margin-bottom: 0;
	gap: 0.65rem;
	min-width: 0;
}

.wiki-booster .wiki-sistemas-grid a.info-system-card--link .info-system-card__icon {
	width: 2.35rem;
	height: 2.35rem;
}

.wiki-booster .wiki-sistemas-grid a.info-system-card--link .info-system-card__icon .info-system-thumb {
	width: 1.45rem;
	height: 1.45rem;
}

.wiki-booster .wiki-sistemas-grid a.info-system-card--link .info-system-card__head h3 {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.95rem;
	line-height: 1.3;
	padding-top: 0;
	overflow: visible;
	overflow-wrap: anywhere;
	word-break: break-word;
	hyphens: auto;
}

.wiki-booster .info-system-card.info-system-card--link .info-system-card__head {
	min-width: 0;
}

.wiki-booster .info-system-card.info-system-card--link .info-system-card__head h3 {
	flex: 1 1 auto;
	min-width: 0;
	overflow: visible;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.wiki-booster .table-responsive {
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(78, 172, 255, 0.22);
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
	background: #fff;
}

.wiki-booster .table-responsive .table {
	margin-bottom: 0;
}

/* Sala VIP (sistema?id=vip) */
.wiki-booster .vip-sala-booster {
	padding: 1.35rem 1.5rem;
	border-radius: 16px;
	border: 1px solid rgba(111, 66, 193, 0.32);
	background: linear-gradient(160deg, rgba(111, 66, 193, 0.09) 0%, #fff 52%);
	box-shadow:
		0 6px 24px rgba(111, 66, 193, 0.1),
		0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.wiki-booster .vip-sala-booster .table-responsive {
	border-color: rgba(111, 66, 193, 0.28);
	box-shadow: 0 2px 14px rgba(111, 66, 193, 0.07);
}

.wiki-booster .vip-sala-booster .table thead.table-dark th {
	background: linear-gradient(135deg, #4a2d7a 0%, #6f42c1 100%) !important;
	border-color: rgba(111, 66, 193, 0.35);
}

.wiki-booster .vip-cura-shots img,
.wiki-booster .vip-sala-hero img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	background: #1a1030;
	border-color: rgba(111, 66, 193, 0.28) !important;
}

.wiki-booster .vip-cura-shots img {
	max-height: 280px;
}

.wiki-booster .vip-sala-hero img {
	max-height: 340px;
	object-position: center 42%;
}

/* Wiki — Pacote Fundadores (menu simples acima dos destaques) */
.wiki-pacote-wrap {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #0f766e 0%, #0d9488 48%, #14b8a6 100%);
	border-radius: 18px;
	padding: 1rem;
	box-shadow: 0 12px 34px rgba(15, 118, 110, 0.28);
	animation: wiki-pacote-glow 3.2s ease-in-out infinite;
}

.wiki-pacote-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.18) 50%, transparent 65%);
	transform: translateX(-120%);
	animation: wiki-pacote-shine 4.5s ease-in-out infinite;
	pointer-events: none;
}

@keyframes wiki-pacote-glow {
	0%, 100% { box-shadow: 0 12px 34px rgba(15, 118, 110, 0.28); }
	50% { box-shadow: 0 14px 40px rgba(20, 184, 166, 0.42); }
}

@keyframes wiki-pacote-shine {
	0%, 60%, 100% { transform: translateX(-120%); }
	75% { transform: translateX(120%); }
}

.wiki-pacote-wrap .info-section-title {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	color: #ffffff;
	margin-bottom: 0.85rem !important;
	border: 0;
	padding: 0;
	background: none;
}

.wiki-pacote-wrap__ico {
	image-rendering: pixelated;
	flex-shrink: 0;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.wiki-pacote-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	position: relative;
	z-index: 1;
}

.wiki-pacote-wrap__title-link {
	text-decoration: none;
	color: inherit;
	display: block;
	position: relative;
	z-index: 1;
}

.wiki-pacote-wrap__title-link:hover .info-section-title {
	opacity: 0.92;
}

.wiki-pacote-menu__item {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem 0.85rem;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.55);
	box-shadow: 0 8px 18px rgba(6, 78, 59, 0.18);
	color: #134e4a;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wiki-pacote-menu__item:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 22px rgba(6, 78, 59, 0.26);
	color: #134e4a;
}

.wiki-pacote-menu__item img {
	image-rendering: pixelated;
}

.wiki-pacote-menu__item strong {
	font-size: 0.9rem;
	font-weight: 800;
}

.wiki-pacote-menu__item em {
	font-style: normal;
	font-size: 0.82rem;
	font-weight: 800;
	color: #0f766e;
	background: rgba(15, 118, 110, 0.1);
	padding: 0.12rem 0.45rem;
	border-radius: 999px;
}

.wiki-pacote-wrap__hint {
	position: relative;
	z-index: 1;
	margin-top: 0.75rem;
	font-size: 0.8rem;
	color: rgba(255, 255, 255, 0.88);
}

.wiki-pacote-wrap__hint a {
	color: #ffffff;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.wiki-pacote-wrap__hint a:hover {
	color: #ecfdf5;
}

/* Página Pacote Fundadores */
.pf-page__title-ico {
	image-rendering: pixelated;
	vertical-align: middle;
	margin-right: 0.35rem;
}

.info-panel__title:has(.pf-page__title-ico) {
	display: flex;
	align-items: center;
	gap: 0.45rem;
}

.pf-page__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.9rem;
	align-items: stretch;
}

@media (min-width: 768px) {
	.pf-page__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 1rem;
	}
}

.pf-page__pack {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 14px;
	background: #fff;
	padding: 1rem 1rem 0.85rem;
	scroll-margin-top: 5.5rem;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pf-page__pack:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.1);
}

.pf-page__pack--bronze {
	border-top: 4px solid #b87333;
}

.pf-page__pack--prata {
	border-top: 4px solid #94a3b8;
}

.pf-page__pack--ouro {
	border-top: 4px solid #c9a227;
}

.pf-page__pack-head {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin-bottom: 0.75rem;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.pf-page__pack-head img {
	image-rendering: pixelated;
	flex-shrink: 0;
}

.pf-page__pack-title {
	margin: 0 0 0.15rem;
	font-size: 1rem;
	font-weight: 800;
	color: #1e293b;
	line-height: 1.2;
}

.pf-page__pack-price {
	font-size: 1.05rem;
	font-weight: 800;
	color: #0f766e;
}

.pf-page__items {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
}

.pf-page__items li {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.42rem 0.1rem;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
	color: #475569;
	font-size: 0.9rem;
}

.pf-page__items li:last-child {
	border-bottom: 0;
}

.pf-page__items img {
	image-rendering: pixelated;
	flex-shrink: 0;
}

.pf-page__item-link {
	color: inherit;
	text-decoration: none;
}

.pf-page__item-link:hover,
.pf-page__item-link:focus-visible {
	color: #2563eb;
	text-decoration: underline;
}

.pf-page__item-text {
	display: inline;
	line-height: 1.35;
}

.pf-page__item-actions {
	display: inline;
	margin-left: 0.35rem;
	white-space: nowrap;
}

.pf-page__item-actions__sep {
	color: #94a3b8;
	margin: 0 0.2rem;
}

/* --- Instância: requisitos e premiação (cartões) --- */
.wiki-booster .instancia-spec-booster,
.instancia-spec-booster {
	padding: 1.25rem 1.35rem;
	border-radius: 14px;
	border: 1px solid rgba(78, 172, 255, 0.22);
	background: #fff;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.wiki-booster .instancia-spec-booster .info-section-title:first-of-type,
.instancia-spec-booster .info-section-title:first-of-type {
	margin-top: 0;
}

/* Grid igual — evita 3 em cima e 1 sozinho */
.instancia-spec-booster__reqs {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: 1fr;
}

@media (min-width: 576px) {
	.instancia-spec-booster__reqs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.instancia-spec-booster__reqs[data-count="3"],
	.instancia-spec-booster__reqs[data-count="6"] {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.instancia-spec-booster__reqs[data-count="4"] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* 5 itens: 3 + 2 com largura igual */
	.instancia-spec-booster__reqs[data-count="5"] {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.instancia-spec-booster__reqs[data-count="5"] > .instancia-spec-booster__req:not(.instancia-spec-booster__req--wide) {
		grid-column: span 2;
	}
}

.instancia-spec-booster__req--wide {
	grid-column: 1 / -1;
}

.wiki-booster .instancia-spec-booster__card,
.instancia-spec-booster__card {
	background: #fff;
	box-shadow: none;
	padding: 0.85rem 0.95rem;
	margin-bottom: 0;
}

.instancia-spec-booster__card-head {
	display: flex;
	align-items: flex-start;
	gap: 0.7rem;
	margin-bottom: 0 !important;
}

.instancia-spec-booster__card-copy {
	min-width: 0;
	flex: 1;
}

.wiki-booster .instancia-spec-booster__card .info-system-card__head h3,
.instancia-spec-booster__card .info-system-card__head h3,
.instancia-spec-booster__card-copy h3 {
	font-size: 0.88rem;
	margin: 0 0 0.2rem;
	padding-top: 0.1rem;
	line-height: 1.25;
	color: #5a6573;
	font-weight: 700;
}

.instancia-spec-booster__card-copy .info-system-card__text {
	font-size: 0.98rem;
	line-height: 1.35;
	color: #2c3540;
}

.wiki-booster .instancia-spec-booster__card--boss {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(254, 242, 242, 0.65) 100%);
}

.wiki-booster .instancia-spec-booster__card--boss .info-system-card__text {
	font-size: 1.05rem;
}

/* Sprite de monstro (GIF em img_site) no lugar do ícone Font Awesome */
.wiki-booster .instancia-spec-booster__icon-sprite {
	line-height: 0;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.wiki-booster .instancia-spec-booster__sprite {
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
	image-rendering: pixelated;
}

/* --- Instância: tabela de drops --- */
.wiki-booster .instancia-drops-booster {
	padding: 1.25rem 1.35rem;
	border-radius: 16px;
	border: 1px solid rgba(78, 172, 255, 0.28);
	background: linear-gradient(168deg, rgba(78, 172, 255, 0.09) 0%, #fff 48%, rgba(78, 172, 255, 0.05) 100%);
	box-shadow:
		0 6px 22px rgba(78, 172, 255, 0.08),
		0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

.wiki-booster .instancia-drops-booster__table-wrap {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(78, 172, 255, 0.22);
	background: #fff;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.wiki-booster .instancia-drops-booster__table {
	margin-bottom: 0;
}

.wiki-booster .instancia-drops-booster__table thead th {
	background: linear-gradient(180deg, #f8fbff 0%, #e0f2fe 100%);
	font-weight: 600;
	color: #0c4a6e;
	border-bottom: 1px solid rgba(78, 172, 255, 0.28);
	vertical-align: middle;
}

/* --- Instância: MVPs por andar (Espaço Infinito) --- */
.wiki-booster .instancia-mvps-andar-booster {
	padding: 1.25rem 1.35rem;
	border-radius: 16px;
	border: 1px solid rgba(78, 172, 255, 0.28);
	background: linear-gradient(168deg, rgba(78, 172, 255, 0.1) 0%, #fff 48%, rgba(99, 102, 241, 0.06) 100%);
	box-shadow:
		0 6px 22px rgba(78, 172, 255, 0.08),
		0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

.wiki-booster .instancia-mvps-andar-booster__table-wrap {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(78, 172, 255, 0.22);
	background: #fff;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.wiki-booster .instancia-mvps-andar-booster__table {
	margin-bottom: 0;
}

.wiki-booster .instancia-mvps-andar-booster__table thead th {
	background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
	font-weight: 600;
	color: #153a55;
	border-bottom: 1px solid rgba(78, 172, 255, 0.28);
	vertical-align: middle;
}

.wiki-booster .instancia-mvps-andar-booster__sprite-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	flex-shrink: 0;
}

.wiki-booster .instancia-mvps-andar-booster__sprite {
	width: auto;
	height: auto;
	max-width: 56px;
	max-height: 56px;
	display: block;
	image-rendering: pixelated;
}

.wiki-booster .instancia-mvps-andar-booster__nome {
	font-weight: 500;
	color: #1e293b;
	text-align: left;
}

/* Corpo de tabela partilhado: drops, MVPs por andar, encantamentos */
.wiki-booster .instancia-drops-booster__table tbody td,
.wiki-booster .instancia-mvps-andar-booster__table tbody td,
.wiki-booster .instancia-encantos-booster__table tbody td {
	border-color: rgba(15, 23, 42, 0.07);
	vertical-align: middle;
}

.wiki-booster .instancia-drops-booster__table tbody tr:last-child td,
.wiki-booster .instancia-mvps-andar-booster__table tbody tr:last-child td {
	border-bottom: 0;
}

/* --- Instância: tabela de encantamentos (Vila dos Porings / Caverna do Polvo) --- */
.wiki-booster .instancia-encantos-booster {
	padding: 1.25rem 1.35rem;
	border-radius: 16px;
	border: 1px solid rgba(99, 102, 241, 0.28);
	background: linear-gradient(168deg, rgba(99, 102, 241, 0.08) 0%, #fff 48%, rgba(78, 172, 255, 0.05) 100%);
	box-shadow:
		0 6px 22px rgba(99, 102, 241, 0.08),
		0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

.wiki-booster .instancia-encantos-booster__table-wrap {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(99, 102, 241, 0.22);
	background: #fff;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.wiki-booster .instancia-encantos-booster__table {
	margin-bottom: 0;
}

.wiki-booster .instancia-encantos-booster__table thead.table-dark th {
	border-color: rgba(15, 23, 42, 0.35);
	vertical-align: middle;
}

.wiki-booster .instancia-encantos-booster__table tbody tr:nth-child(even) td {
	background: rgba(248, 250, 252, 0.65);
}

/* Sprites / ícones de itens em tabela ou texto */
.wiki-booster .instancia-encantos-booster__ico,
.wiki-item-id-ico {
	object-fit: contain;
	image-rendering: pixelated;
}

.wiki-item-id-ico {
	vertical-align: middle;
	flex-shrink: 0;
}

/* Cash Free (sistema?id=cashfree): tabela + ícones 24px — hover alinhado aos .info-system-card */
.wiki-booster .cashfree-cf-table-wrap {
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(78, 172, 255, 0.22);
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
	background: #fff;
}

.wiki-booster .cashfree-cf-table thead th {
	background: linear-gradient(180deg, #f3f8fd 0%, #e8f0fa 100%);
	font-weight: 700;
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.045em;
	color: var(--info-ink, #2c3544);
	border-color: rgba(78, 172, 255, 0.14);
	vertical-align: middle;
}

.wiki-booster .cashfree-cf-table tbody td {
	border-color: rgba(15, 23, 42, 0.06);
	vertical-align: middle;
}

.wiki-booster .cashfree-cf-table tbody tr:nth-child(even) {
	background: rgba(240, 247, 255, 0.42);
}

.wiki-booster .cashfree-cf-table tbody tr {
	transition:
		border-color 0.22s ease,
		box-shadow 0.22s ease,
		transform 0.22s ease,
		background-color 0.22s ease;
}

.wiki-booster .cashfree-cf-table tbody tr:hover {
	background: linear-gradient(90deg, rgba(240, 247, 255, 0.95) 0%, #fff 55%);
	box-shadow:
		0 8px 26px rgba(78, 172, 255, 0.12),
		0 2px 8px rgba(15, 23, 42, 0.04);
	transform: translateY(-2px);
}

.wiki-booster .cashfree-cf-table .cashfree-item-ico {
	width: 24px;
	height: 24px;
	max-width: 24px;
	max-height: 24px;
	object-fit: contain;
	image-rendering: pixelated;
	display: block;
	transition: transform 0.22s ease, filter 0.22s ease;
}

.wiki-booster .cashfree-cf-table tbody tr:hover .cashfree-item-ico {
	transform: scale(1.08);
	filter: drop-shadow(0 2px 8px rgba(78, 172, 255, 0.35));
}

/* Repouso Diário (sistema?id=repouso) */
.wiki-booster .repouso-page {
	position: relative;
}

.wiki-booster .repouso-page > .row,
.wiki-booster .repouso-page > h3,
.wiki-booster .repouso-page > .alert,
.wiki-booster .repouso-page > .table-responsive,
.wiki-booster .repouso-page > .info-system-card,
.wiki-booster .repouso-page > .repouso-hero {
	position: relative;
	z-index: 1;
}

.wiki-booster .repouso-intro-row {
	align-items: flex-start !important;
}

.wiki-booster .repouso-intro-side {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.wiki-booster .repouso-hero {
	border-radius: 18px;
	border: 1px solid rgba(78, 172, 255, 0.22);
	background:
		radial-gradient(circle at 100% 0%, rgba(78, 172, 255, 0.14) 0%, transparent 42%),
		linear-gradient(155deg, #f7fbff 0%, #fff 58%, #f4f9ff 100%);
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
	padding: 1.15rem 1.15rem 1rem;
}

.wiki-booster .repouso-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-bottom: 0.85rem;
}

.wiki-booster .repouso-hero__badge-live {
	background: rgba(34, 197, 94, 0.14) !important;
	color: #15803d !important;
	font-weight: 700;
	border: 1px solid rgba(34, 197, 94, 0.28);
}

.wiki-booster .repouso-hero__badge-soft {
	background: rgba(78, 172, 255, 0.12) !important;
	color: var(--info-accent-deep, #2b8ae8) !important;
	font-weight: 700;
	border: 1px solid rgba(78, 172, 255, 0.22);
}

.wiki-booster .repouso-hero__lead {
	color: #5a6575;
	font-size: 0.96rem;
	line-height: 1.65;
	max-width: 62rem;
}

.wiki-booster .missoes-hero-alert {
	flex-wrap: wrap;
}

.wiki-booster .missoes-npc-shot {
	margin-left: auto;
}

.wiki-booster .missoes-npc-shot__img {
	display: block;
	width: 7.5rem;
	height: auto;
	border-radius: 12px;
	border: 1px solid rgba(234, 179, 8, 0.35);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
	background: #fff;
}

@media (max-width: 575.98px) {
	.wiki-booster .missoes-npc-shot {
		width: 100%;
		margin-left: 0;
		text-align: right;
	}
}

.wiki-booster .repouso-stat {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	height: 100%;
	min-height: 4.35rem;
	padding: 0.75rem 0.85rem;
	border-radius: 14px;
	border: 1px solid rgba(78, 172, 255, 0.16);
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.wiki-booster .repouso-stat__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	height: 2.35rem;
	border-radius: 12px;
	background: linear-gradient(145deg, rgba(78, 172, 255, 0.18) 0%, #fff 100%);
	color: var(--info-accent-deep, #2b8ae8);
	flex-shrink: 0;
}

.wiki-booster .repouso-stat__icon--gold {
	background: linear-gradient(145deg, rgba(255, 193, 7, 0.22) 0%, #fff 100%);
	color: #b8860b;
}

.wiki-booster .repouso-stat__icon--blue {
	background: linear-gradient(145deg, rgba(59, 130, 246, 0.18) 0%, #fff 100%);
	color: #2563eb;
}

.wiki-booster .repouso-stat__icon--teal {
	background: linear-gradient(145deg, rgba(20, 184, 166, 0.18) 0%, #fff 100%);
	color: #0f766e;
}

.wiki-booster .repouso-stat__value {
	display: block;
	font-size: 1.02rem;
	line-height: 1.2;
	color: var(--info-ink, #2c3544);
}

.wiki-booster .repouso-stat__label {
	display: block;
	font-size: 0.72rem;
	line-height: 1.35;
	color: #6b7788;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.wiki-booster .repouso-shot {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(78, 172, 255, 0.2);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
	background: #0f172a;
}

.wiki-booster .repouso-shot__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.wiki-booster .repouso-shot__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.75rem 0.9rem;
	background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.82) 100%);
	color: #fff;
	font-size: 0.78rem;
}

.wiki-booster .repouso-shot__pin {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-weight: 700;
}

.wiki-booster .repouso-shot__hint {
	opacity: 0.88;
}

.wiki-booster .repouso-locate {
	flex: 0 0 auto;
}

.wiki-booster .repouso-locate__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem;
}

.wiki-booster .repouso-locate__item {
	padding: 0.65rem 0.75rem;
	border-radius: 12px;
	background: rgba(78, 172, 255, 0.06);
	border: 1px solid rgba(78, 172, 255, 0.12);
}

.wiki-booster .repouso-locate__item--cmd {
	grid-column: 1 / -1;
}

.wiki-booster .repouso-locate__key {
	display: block;
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #7a8698;
	margin-bottom: 0.15rem;
}

.wiki-booster .repouso-locate__val {
	display: block;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--info-ink, #2c3544);
}

.wiki-booster .repouso-steps {
	border-radius: 14px;
	border: 1px solid rgba(78, 172, 255, 0.14);
	background: #fff;
	padding: 0.95rem 1rem 0.85rem;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
	position: relative;
	overflow: hidden;
	flex: 0 0 auto;
}

.wiki-booster .repouso-steps__title {
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #6b7788;
	margin-bottom: 0.75rem;
}

.wiki-booster .repouso-steps__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wiki-booster .repouso-steps__item {
	display: flex;
	gap: 0.75rem;
	padding: 0.65rem 0;
	border-top: 1px dashed rgba(78, 172, 255, 0.16);
}

.wiki-booster .repouso-steps__item:first-child {
	border-top: 0;
	padding-top: 0;
}

.wiki-booster .repouso-steps__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 999px;
	background: linear-gradient(145deg, rgba(78, 172, 255, 0.22) 0%, #fff 100%);
	color: var(--info-accent-deep, #2b8ae8);
	font-size: 0.78rem;
	font-weight: 800;
	flex-shrink: 0;
}

.wiki-booster .repouso-steps__head {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin-bottom: 0.2rem;
	font-size: 0.88rem;
	color: var(--info-ink, #2c3544);
}

.wiki-booster .repouso-steps__body p {
	font-size: 0.82rem;
	color: #6b7788;
	line-height: 1.55;
}

.wiki-booster .repouso-rule-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wiki-booster .repouso-rule-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07);
}

.wiki-booster .repouso-reward-card {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	height: 100%;
	padding: 1rem 1.05rem;
	border-radius: 14px;
	border: 1px solid rgba(78, 172, 255, 0.18);
	background: linear-gradient(145deg, #fff 0%, #f7fbff 100%);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.wiki-booster .repouso-reward-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 14px;
	font-size: 1.1rem;
	flex-shrink: 0;
}

.wiki-booster .repouso-reward-card__icon--base {
	background: linear-gradient(145deg, rgba(59, 130, 246, 0.18) 0%, #fff 100%);
	color: #2563eb;
}

.wiki-booster .repouso-reward-card__icon--job {
	background: linear-gradient(145deg, rgba(20, 184, 166, 0.18) 0%, #fff 100%);
	color: #0f766e;
}

.wiki-booster .repouso-reward-card__label {
	display: block;
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #7a8698;
}

.wiki-booster .repouso-reward-card__value {
	display: block;
	font-size: 1.35rem;
	line-height: 1.15;
	color: var(--info-ink, #2c3544);
}

.wiki-booster .repouso-reward-card__note {
	display: block;
	font-size: 0.78rem;
	color: #6b7788;
	margin-top: 0.15rem;
}

.wiki-booster .repouso-bonus-callout__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 12px;
	background: rgba(78, 172, 255, 0.14);
	color: var(--info-accent-deep, #2b8ae8);
	flex-shrink: 0;
}

.wiki-booster .repouso-loot-item {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
}

.wiki-booster .repouso-loot-item__name {
	font-weight: 600;
	color: var(--info-ink, #2c3544);
}

.wiki-booster .repouso-loot-ico {
	border-radius: 6px;
	background: rgba(78, 172, 255, 0.06);
	padding: 2px;
	transition: transform 0.18s ease;
}

.wiki-booster .repouso-loot-table tbody tr {
	transition: background 0.18s ease;
}

.wiki-booster .repouso-loot-table tbody tr:hover {
	background: rgba(78, 172, 255, 0.05);
}

.wiki-booster .repouso-loot-table tbody tr:hover .repouso-loot-ico {
	transform: scale(1.06);
}

.wiki-booster .repouso-chance,
.wiki-booster .repouso-tier {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4.5rem;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1.2;
}

.wiki-booster .repouso-chance--comum,
.wiki-booster .repouso-tier.repouso-chance--comum {
	background: rgba(59, 130, 246, 0.12);
	color: #2563eb;
}

.wiki-booster .repouso-chance--raro,
.wiki-booster .repouso-tier.repouso-chance--raro {
	background: rgba(139, 92, 246, 0.12);
	color: #7c3aed;
}

.wiki-booster .repouso-chance--epico,
.wiki-booster .repouso-tier.repouso-chance--epico {
	background: rgba(245, 158, 11, 0.14);
	color: #d97706;
}

.wiki-booster .repouso-chance--lendario,
.wiki-booster .repouso-tier.repouso-chance--lendario {
	background: rgba(239, 68, 68, 0.12);
	color: #dc2626;
}

@media (max-width: 767.98px) {
	.wiki-booster .repouso-locate__grid {
		grid-template-columns: 1fr;
	}

	.wiki-booster .repouso-shot__caption {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Vídeo embutido em páginas de sistema */
.wiki-booster .sistema-page-video-wrap {
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(78, 172, 255, 0.22);
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
	background: #0f172a;
}

.wiki-booster .sistema-page-video {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle;
}

/* Screenshots de sistema — Altar Selado (300×170) */
.wiki-booster .altarselado-shot {
	width: 300px;
	max-width: 100%;
	margin-left: 0;
	margin-right: auto;
}

.wiki-booster .altarselado-shot__img {
	display: block;
	width: 300px;
	max-width: 100%;
	height: 170px;
	object-fit: contain;
	box-sizing: border-box;
}

@media (max-width: 360px) {
	.wiki-booster .altarselado-shot__img {
		width: 100%;
		height: auto;
		aspect-ratio: 300 / 170;
	}
}

/* Variante larga (ex.: minimapa Ninho de Nidhogg, 400×190) */
.wiki-booster .altarselado-shot--wide {
	width: 400px;
	max-width: 100%;
}

.wiki-booster .altarselado-shot__img--wide {
	width: 400px;
	height: 190px;
	max-width: 100%;
	object-fit: contain;
	box-sizing: border-box;
}

@media (max-width: 360px) {
	.wiki-booster .altarselado-shot__img--wide {
		width: 100%;
		height: auto;
		aspect-ratio: 400 / 190;
	}
}

.wiki-booster .altarselado-item-ico {
	display: inline-block;
	vertical-align: -0.35em;
	margin-right: 0.2rem;
	object-fit: contain;
}

.wiki-booster-callout {
	border-radius: 14px !important;
	border-color: rgba(78, 172, 255, 0.35) !important;
	background: linear-gradient(155deg, rgba(78, 172, 255, 0.08) 0%, #fff 100%) !important;
	box-shadow: 0 2px 10px rgba(78, 172, 255, 0.08);
}

/* instancias.php: faixa do bloco de calabouços + cartões com CTA alinhado (ícone SC_ico) */
.instancias-page .info-section-title--instancias-dungeons {
	margin-top: 2.35rem;
	padding: 0.55rem 1rem 0.6rem 1rem;
	background: linear-gradient(90deg, rgba(78, 172, 255, 0.26) 0%, rgba(78, 172, 255, 0.08) 50%, transparent 92%);
	border-radius: 0 8px 8px 0;
	box-shadow: inset 0 -1px 0 rgba(78, 172, 255, 0.14);
}

.instancias-page a.info-system-card--instancia {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	min-height: 11.75rem;
}

@media (min-width: 576px) {
	.instancias-page a.info-system-card--instancia {
		min-height: 12.25rem;
	}
}

.instancias-page a.info-system-card--instancia .info-system-card__text {
	flex: 1 1 auto;
}

.instancias-page a.info-system-card--instancia .info-system-card__more {
	margin-top: 0.55rem;
	padding-top: 0.45rem;
	border-top: 1px solid rgba(78, 172, 255, 0.14);
	text-align: center;
	width: 100%;
	text-transform: none;
	letter-spacing: 0.02em;
	font-size: 0.82rem;
}

.instancias-page .info-system-card__icon--sc {
	background: linear-gradient(145deg, rgba(78, 172, 255, 0.22) 0%, #fff 100%);
	box-shadow: 0 2px 10px rgba(78, 172, 255, 0.12);
}

.instancias-page .info-system-card__icon--sc .info-system-thumb {
	width: 1.82rem;
	height: 1.82rem;
}

.wiki-eventos-instancias .wiki-instancias-list__icon {
	background: linear-gradient(145deg, rgba(78, 172, 255, 0.2) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.wiki-booster .info-panel__body a[href="./wiki"] {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-weight: 700;
	font-size: 0.88rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--info-accent-deep, #2b8ae8);
	text-decoration: none;
	padding: 0.45rem 0.95rem;
	border-radius: 999px;
	border: 1px solid rgba(78, 172, 255, 0.35);
	background: linear-gradient(180deg, #fff 0%, #f0f7ff 100%);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		color 0.2s ease;
}

.wiki-booster .info-panel__body a[href="./wiki"]:hover {
	border-color: rgba(78, 172, 255, 0.55);
	box-shadow: 0 4px 14px rgba(78, 172, 255, 0.18);
	color: var(--info-accent, #4eacff);
}

.wiki-booster-toc-stack .wiki-booster-toc-link {
	padding: 0.85rem 1rem;
}

.wiki-booster-toc-stack .wiki-booster-toc-link .info-system-card__head {
	margin-bottom: 0;
	align-items: flex-start;
}

.wiki-booster-toc-stack .wiki-booster-toc-link .info-system-card__head h3 {
	font-size: 0.95rem;
	padding-top: 0.15rem;
}

.wiki-booster-toc-stack .wiki-booster-toc-link .info-system-card__icon {
	font-size: 1rem;
	color: var(--info-accent-deep, #2b8ae8);
}

.wiki-booster-toc-link--static.info-system-card:hover {
	transform: none;
	border-color: rgba(78, 172, 255, 0.2);
	box-shadow:
		0 2px 12px rgba(15, 23, 42, 0.04),
		inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.wiki-booster-toc-link--static.info-system-card:hover::after {
	opacity: 0;
}

.wiki-booster-toc-link--static {
	cursor: default;
}

/* ---------- fim Wiki booster ---------- */

/* Cadastro — layout e cartões de secção */
.start-wnd__content-item.cadastro-card-wrap {
	position: relative;
	z-index: 2;
	padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.25rem, 3vw, 2rem) !important;
}
.cadastro-header {
	margin-bottom: 1.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid rgba(78, 172, 255, 0.18);
}
.cadastro-header__title {
	letter-spacing: 0.04em;
}
.cadastro-lead {
	font-family: 'Open Sans', 'Roboto Condensed', sans-serif;
	font-size: 0.92rem !important;
	line-height: 1.55;
	color: #4a5a6a !important;
	max-width: 36rem;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px) {
	.cadastro-lead {
		margin-left: 0;
		margin-right: 0;
	}
}
.cadastro-panel {
	text-align: left;
}
.cadastro-section {
	margin-bottom: 1.1rem;
	padding: 1.2rem 1.25rem 1.35rem;
	border-radius: 12px;
	background: linear-gradient(165deg, rgba(255, 255, 255, 0.92) 0%, rgba(240, 248, 255, 0.88) 100%);
	border: 1px solid rgba(78, 172, 255, 0.14);
	box-shadow: 0 4px 20px rgba(15, 60, 100, 0.06);
}
.cadastro-section:last-of-type {
	margin-bottom: 0.75rem;
}
.cadastro-section__head {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(78, 172, 255, 0.12);
}
.cadastro-section__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	height: 2.35rem;
	border-radius: 10px;
	background: linear-gradient(145deg, #0d6efd 0%, #0a58ca 100%);
	color: #fff !important;
	font-size: 0.95rem;
	line-height: 1;
	box-shadow: 0 2px 8px rgba(13, 110, 253, 0.28);
}
.cadastro-section__icon .fa-solid {
	font-size: 0.95rem;
}
.cadastro-section__title {
	font-family: 'Open Sans', 'Roboto Condensed', sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #153a55;
}
.start-wnd__content-item .cadastro-grid .form-group {
	margin-bottom: 0;
}
.start-wnd__content-item.cadastro-card-wrap .cadastro-panel .form-control.input-ragna,
.start-wnd__content-item.cadastro-card-wrap .cadastro-panel .form-select.input-ragna {
	border-radius: 9px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.start-wnd__content-item.cadastro-card-wrap .cadastro-panel .form-control.input-ragna:focus,
.start-wnd__content-item.cadastro-card-wrap .cadastro-panel .form-select.input-ragna:focus {
	border-color: rgba(13, 110, 253, 0.65);
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.18);
}
.cadastro-hint {
	font-size: 0.8rem !important;
	color: #5a6b7a !important;
	line-height: 1.45;
	padding: 0.35rem 0.5rem;
	margin-top: 0.35rem !important;
	border-radius: 6px;
	background: rgba(78, 172, 255, 0.06);
	border-left: 3px solid rgba(13, 110, 253, 0.45);
}
.cadastro-terms {
	padding: 1rem 1.1rem;
	border-radius: 10px;
	background: rgba(78, 172, 255, 0.05);
	border: 1px solid rgba(78, 172, 255, 0.12);
}
.cadastro-terms .form-check {
	padding-left: 1.65rem;
}
.cadastro-terms .form-check-input {
	margin-top: 0.35rem;
	border-radius: 4px;
	border-color: rgba(78, 172, 255, 0.45);
}
.cadastro-terms .form-check-input:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
}
.cadastro-terms .form-check-label {
	font-size: 0.9rem;
	line-height: 1.45;
	color: #2c3e50;
}
.cadastro-terms .form-check-label a {
	font-weight: 600;
}
.cadastro-actions {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 0.5rem;
	padding-top: 0.35rem;
}
.cadastro-actions .golden-button,
.cadastro-actions .cadastro-submit,
.cadastro-actions .site-cta-pill {
	margin-top: 0;
	max-width: 100%;
	width: min(100%, 380px);
}
.cadastro-footer-note {
	text-align: center;
	margin: 1.35rem 0 0;
	font-size: 0.9rem;
	color: #5a6b7a;
}
.cadastro-footer-note a {
	font-weight: 600;
	color: #0d6efd;
	text-decoration: none;
}
.cadastro-footer-note a:hover {
	text-decoration: underline;
	color: #0a58ca;
}

/* Login — mesmo cartão que cadastro (reutiliza .cadastro-*) */
.login-forgot {
	text-align: right;
}
.login-forgot__link {
	font-size: 0.88rem;
	font-weight: 600;
	color: #0d6efd;
	text-decoration: none;
}
.login-forgot__link:hover {
	color: #0a58ca;
	text-decoration: underline;
}
/* -------------------------------------------------------------------------
   Login — fila decorativa (sprites / GIFs em círculos)
   Escopo: só dentro de .login-decorative (outras páginas mantêm o estilo global)
   ------------------------------------------------------------------------- */
.login-decorative {
	border-top: 1px solid rgba(78, 172, 255, 0.14);
	opacity: 1;
	text-align: center;
}

.login-decorative__kicker {
	margin: 0 0 1rem;
	font-family: 'Open Sans', 'Roboto Condensed', sans-serif;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6b7c8f;
}

/* Grelha / fila */
.login-decorative .login-sprite-row {
	margin-top: 0;
	width: 100%;
	max-width: 100%;
	gap: clamp(10px, 2.8vw, 22px);
	row-gap: clamp(14px, 3vw, 20px);
	justify-content: center;
}

/* Cada “orb” (moldura + sprite) */
.login-decorative .login-sprite {
	flex: 0 0 auto;
	width: clamp(72px, 16vw, 92px);
	height: clamp(72px, 16vw, 92px);
	background-size: contain;
	transition:
		transform 0.38s cubic-bezier(0.33, 1.15, 0.48, 1),
		filter 0.35s ease;
	will-change: transform;
	outline: none;
}

.login-decorative .login-sprite:hover,
.login-decorative .login-sprite:focus-visible {
	z-index: 25;
	transform: translateY(-6px) scale(1.05);
	filter: drop-shadow(0 12px 24px rgba(13, 110, 253, 0.2))
		drop-shadow(0 4px 10px rgba(78, 172, 255, 0.16));
}

.login-decorative .login-sprite:focus-visible {
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.35);
	border-radius: 50%;
}

/* Viewport interno — normaliza tamanho dos GIFs sem cortar o pixel art */
.login-sprite__viewport {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 68%;
	height: 68%;
	overflow: hidden;
	pointer-events: none;
}

.login-decorative .login-sprite__img {
	display: block;
	width: auto !important;
	height: auto;
	max-width: none;
	max-height: none;
	border-radius: 0 !important;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	transform-origin: center bottom;
	transition:
		transform 0.38s cubic-bezier(0.33, 1.15, 0.48, 1),
		filter 0.35s ease;
}

/* Ajustes por sprite — peso visual equilibrado dentro da moldura */
.login-decorative .login-sprite__img--1096 {
	height: 52px !important;
	width: auto !important;
}

.login-decorative .login-sprite__img--1874 {
	height: 46px !important;
	width: auto !important;
	transform: scale(0.92);
}

.login-decorative .login-sprite__img--1159 {
	height: 48px !important;
	width: auto !important;
	transform: scale(0.88);
}

.login-decorative .login-sprite__img--1120 {
	height: 34px !important;
	width: auto !important;
	transform: translateY(4px);
}

.login-decorative .login-sprite__img--1150 {
	height: 50px !important;
	width: auto !important;
}

.login-decorative .login-sprite:hover .login-sprite__img,
.login-decorative .login-sprite:focus-visible .login-sprite__img {
	filter: drop-shadow(0 0 10px rgba(13, 110, 253, 0.35));
}

.login-decorative .login-sprite:hover .login-sprite__img--1096,
.login-decorative .login-sprite:focus-visible .login-sprite__img--1096 {
	transform: scale(1.08);
}

.login-decorative .login-sprite:hover .login-sprite__img--1874,
.login-decorative .login-sprite:focus-visible .login-sprite__img--1874 {
	transform: scale(1);
}

.login-decorative .login-sprite:hover .login-sprite__img--1159,
.login-decorative .login-sprite:focus-visible .login-sprite__img--1159 {
	transform: scale(0.96);
}

.login-decorative .login-sprite:hover .login-sprite__img--1120,
.login-decorative .login-sprite:focus-visible .login-sprite__img--1120 {
	transform: translateY(2px) scale(1.1);
}

.login-decorative .login-sprite:hover .login-sprite__img--1150,
.login-decorative .login-sprite:focus-visible .login-sprite__img--1150 {
	transform: scale(1.06);
}

/* Tooltip das frases */
.login-decorative .start-wnd__items-item-desc {
	width: min(220px, 72vw);
	max-width: 220px;
	padding: 8px 12px;
	background: linear-gradient(165deg, #1e2633 0%, #2a3341 100%);
	border: 1px solid rgba(100, 180, 255, 0.2);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
	font-size: 11px;
	line-height: 1.35;
	text-transform: none;
	letter-spacing: 0.02em;
	transition:
		opacity 0.28s ease,
		transform 0.28s cubic-bezier(0.33, 1.15, 0.48, 1);
}

.login-decorative .start-wnd__items-item-desc::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #2a3341;
}

.login-decorative .login-sprite:hover .start-wnd__items-item-desc,
.login-decorative .login-sprite:focus-visible .start-wnd__items-item-desc,
.login-decorative .login-sprite:focus-within .start-wnd__items-item-desc {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

@media (max-width: 575.98px) {
	.login-decorative .login-sprite-row {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0.25rem 0.35rem 0.75rem;
		margin: 0 -0.35rem;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: rgba(13, 110, 253, 0.35) transparent;
	}

	.login-decorative .login-sprite-row::-webkit-scrollbar {
		height: 4px;
	}

	.login-decorative .login-sprite-row::-webkit-scrollbar-thumb {
		background: rgba(13, 110, 253, 0.35);
		border-radius: 999px;
	}

	.login-decorative .login-sprite {
		scroll-snap-align: center;
		width: 76px;
		height: 76px;
	}

	.login-decorative .login-sprite:hover,
	.login-decorative .login-sprite:focus-visible {
		transform: none;
		filter: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.login-decorative .login-sprite,
	.login-decorative .login-sprite__img,
	.login-decorative .start-wnd__items-item-desc {
		transition-duration: 0.01ms !important;
	}

	.login-decorative .login-sprite:hover,
	.login-decorative .login-sprite:focus-visible {
		transform: none;
		filter: none;
	}

	.login-decorative .login-sprite:hover .login-sprite__img,
	.login-decorative .login-sprite:focus-visible .login-sprite__img,
	.login-decorative .login-sprite:hover .login-sprite__img--1096,
	.login-decorative .login-sprite:focus-visible .login-sprite__img--1096,
	.login-decorative .login-sprite:hover .login-sprite__img--1874,
	.login-decorative .login-sprite:focus-visible .login-sprite__img--1874,
	.login-decorative .login-sprite:hover .login-sprite__img--1159,
	.login-decorative .login-sprite:focus-visible .login-sprite__img--1159,
	.login-decorative .login-sprite:hover .login-sprite__img--1120,
	.login-decorative .login-sprite:focus-visible .login-sprite__img--1120,
	.login-decorative .login-sprite:hover .login-sprite__img--1150,
	.login-decorative .login-sprite:focus-visible .login-sprite__img--1150 {
		transform: none;
		filter: none;
	}
}

/* Minha conta — cartões alinhados ao cadastro */
.painel-conta__card {
	border-radius: 12px !important;
	background: linear-gradient(165deg, rgba(255, 255, 255, 0.96) 0%, rgba(240, 248, 255, 0.92) 100%) !important;
	border: 1px solid rgba(78, 172, 255, 0.14) !important;
	box-shadow: 0 4px 22px rgba(15, 60, 100, 0.07) !important;
	padding: 1.2rem 1.25rem 1.35rem !important;
	overflow: hidden;
}
.painel-conta__card--wide {
	padding: 1.2rem 1.25rem 1.25rem !important;
}
.painel-conta__card-head {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(78, 172, 255, 0.12);
}
.painel-conta__card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	height: 2.35rem;
	border-radius: 10px;
	background: linear-gradient(145deg, #0d6efd 0%, #0a58ca 100%);
	color: #fff !important;
	font-size: 0.95rem;
	box-shadow: 0 2px 8px rgba(13, 110, 253, 0.28);
}
.painel-conta__card-icon .fa-solid {
	font-size: 0.95rem;
}
.painel-conta__card-title {
	font-family: 'Open Sans', 'Roboto Condensed', sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #153a55;
}
.painel-conta__avatar {
	max-width: 120px;
	height: auto;
	margin-bottom: 0.35rem;
}
.painel-conta__userid {
	margin-top: 0.25rem !important;
	color: #153a55;
}
.painel-conta__actions .btn {
	margin: 0.2rem 0.15rem;
	border-radius: 8px;
}
.painel-conta__card .table td {
	vertical-align: middle;
	padding: 0.65rem 0.75rem;
}
.painel-conta__card .table tbody tr:hover {
	background: rgba(78, 172, 255, 0.06);
}

.painel-conta__char-card {
	padding: 1.15rem 1.2rem 1.25rem !important;
	border-radius: 12px;
}
.painel-conta__char-head {
	margin-bottom: 0.85rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid rgba(78, 172, 255, 0.14);
}
.painel-conta__char-head .bg-title-char {
	border-radius: 6px;
}
.painel-conta__char-level {
	color: #fff;
	padding: 0.3rem 0.65rem;
	background: #53c15a;
	font-weight: 700;
	border-radius: 6px;
	font-size: 0.9rem;
	white-space: nowrap;
}

.bg-char .char-eq-slots {
	position: absolute;
	top: 10px;
	right: 8px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bg-char .char-eq-slot {
	width: 42px;
	min-height: 42px;
	padding: 3px 2px 2px;
	border: 1px solid rgba(255, 220, 120, 0.45);
	border-radius: 6px;
	background: rgba(12, 10, 8, 0.72);
	text-align: center;
	line-height: 1;
}
.bg-char .char-eq-slot img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	image-rendering: pixelated;
}
.bg-char .char-eq-slot span {
	display: block;
	margin-top: 2px;
	font-size: 9px;
	color: #f3e6c8;
	letter-spacing: 0.02em;
}
.bg-char .char-eq-slot.is-empty {
	opacity: 0.4;
}

/* —— Home: hero com header_bg.gif (tema original) + leitura na vinheta —— */
.page-home {
	scroll-behavior: smooth;
}

.page-home .header {
	position: relative;
	margin-top: 0;
}

.page-home .header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse 92% 70% at 50% 58%, rgba(8, 28, 52, 0.38) 0%, transparent 62%),
		linear-gradient(
			180deg,
			rgba(6, 22, 42, 0.42) 0%,
			rgba(6, 22, 42, 0.2) 38%,
			rgba(6, 22, 42, 0.36) 100%
		);
	pointer-events: none;
}

.page-home .header .content-area {
	position: relative;
	z-index: 2;
}

.page-home .header .home-hero__tagline.p-title {
	font-family: "Open Sans", sans-serif !important;
	font-size: clamp(1rem, 2.15vw, 1.15rem) !important;
	line-height: 1.62 !important;
	font-weight: 400 !important;
	max-width: 36rem;
	margin: 0.5rem auto 1.25rem;
	color: rgba(255, 255, 255, 0.97) !important;
	text-shadow:
		0 0 1px rgba(4, 18, 40, 0.9),
		0 1px 2px rgba(2, 12, 32, 0.95),
		0 2px 14px rgba(0, 35, 72, 0.55),
		0 0 32px rgba(78, 172, 255, 0.2);
}

.page-home .home-hero-rebalance {
	margin: 1.15rem auto 0;
	max-width: 28rem;
}

.page-home .home-hero-rebalance__link {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 0.45rem;
	text-decoration: none !important;
	color: inherit;
}

.page-home .home-hero-rebalance__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.22rem 0.75rem;
	border-radius: 999px;
	background: linear-gradient(135deg, #22c55e, #16a34a);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	box-shadow:
		0 0 0 0 rgba(34, 197, 94, 0.55),
		0 4px 14px rgba(0, 0, 0, 0.25);
	animation: home-rebalance-badge 2.2s ease-in-out infinite;
}

.page-home .home-hero-rebalance__text {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-size: clamp(0.95rem, 2vw, 1.08rem);
	font-weight: 600;
	line-height: 1.35;
	color: #fff;
	text-shadow:
		0 0 8px rgba(78, 172, 255, 0.55),
		0 1px 2px rgba(2, 12, 32, 0.95),
		0 0 24px rgba(34, 197, 94, 0.35);
	animation: home-rebalance-glow 2.8s ease-in-out infinite;
}

.page-home .home-hero-rebalance__text strong {
	font-weight: 800;
	background: linear-gradient(90deg, #7dd3fc, #fff, #86efac, #7dd3fc);
	background-size: 220% auto;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: home-rebalance-shimmer 3.2s linear infinite;
	filter: drop-shadow(0 0 10px rgba(125, 211, 252, 0.55));
}

.page-home .home-hero-rebalance__link:hover .home-hero-rebalance__badge,
.page-home .home-hero-rebalance__link:focus-visible .home-hero-rebalance__badge {
	transform: translateY(-1px) scale(1.04);
}

@keyframes home-rebalance-badge {
	0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5), 0 4px 14px rgba(0, 0, 0, 0.25); }
	50% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0), 0 6px 18px rgba(34, 197, 94, 0.35); }
}

@keyframes home-rebalance-glow {
	0%, 100% { opacity: 0.92; transform: translateY(0); }
	50% { opacity: 1; transform: translateY(-1px); }
}

@keyframes home-rebalance-shimmer {
	0% { background-position: 0% center; }
	100% { background-position: 220% center; }
}

@media (prefers-reduced-motion: reduce) {
	.page-home .home-hero-rebalance__badge,
	.page-home .home-hero-rebalance__text,
	.page-home .home-hero-rebalance__text strong {
		animation: none;
	}
}

/* CTA pílula — home (hero), login “Logar”, reutilizável */
.site-cta-pill {
	--site-cta-blue: #0d6efd;
	--site-cta-blue-hover: #0a58ca;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.65rem 2.25rem;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	line-height: 1.2;
	color: #fff !important;
	background-color: var(--site-cta-blue) !important;
	border: 1px solid var(--site-cta-blue) !important;
	box-shadow: 0 4px 20px rgba(13, 110, 253, 0.45);
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.site-cta-pill:hover,
.site-cta-pill:focus-visible {
	color: #fff !important;
	background-color: var(--site-cta-blue-hover) !important;
	border-color: var(--site-cta-blue-hover) !important;
	box-shadow: 0 6px 26px rgba(13, 110, 253, 0.55);
	transform: translateY(-1px);
}

.site-cta-pill:active {
	transform: translateY(0);
	box-shadow: 0 2px 14px rgba(13, 110, 253, 0.4);
}

.site-cta-pill:disabled {
	opacity: 0.65;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.page-home .home-hero-panel__logo {
	margin: 0;
	font-size: 0;
	line-height: 0;
	font-weight: 700;
}

.page-home .home-hero-panel__logo .img-logo {
	display: inline-block;
	vertical-align: middle;
}

.page-home .home-hero-panel__logo-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.page-home .home-players-online {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	margin: 0.65rem auto 0;
	padding: 0.4rem 1rem 0.45rem;
	border-radius: 999px;
	background: rgba(6, 22, 42, 0.42);
	border: 1px solid rgba(120, 198, 255, 0.35);
	box-shadow:
		0 2px 12px rgba(0, 24, 48, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	font-size: 0.82rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.95);
	text-shadow: 0 1px 3px rgba(2, 12, 32, 0.85);
}

.page-home .home-players-online__pulse {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #3ddc84;
	box-shadow: 0 0 0 0 rgba(61, 220, 132, 0.65);
	animation: home-players-online-pulse 2s ease-out infinite;
	flex-shrink: 0;
}

.page-home .home-players-online__count {
	font-weight: 700;
	font-size: 0.95rem;
	color: #fff;
}

.page-home .home-players-online__label--muted {
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.78rem;
}

@keyframes home-players-online-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(61, 220, 132, 0.55);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(61, 220, 132, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(61, 220, 132, 0);
	}
}

/* Cadastro / Login — vinheta sobre header_bg.gif para leitura do texto */
.header.login-bg {
	position: relative;
}

.header.login-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse 92% 70% at 50% 58%, rgba(8, 28, 52, 0.38) 0%, transparent 62%),
		linear-gradient(
			180deg,
			rgba(6, 22, 42, 0.42) 0%,
			rgba(6, 22, 42, 0.2) 38%,
			rgba(6, 22, 42, 0.36) 100%
		);
	pointer-events: none;
}

.header.login-bg .content-area-2 {
	position: relative;
	z-index: 2;
}

.referal__swiper {
	position: relative;
}

/*
 * Com um único slide, antes do Swiper marcar .swiper-slide-active o bloco ficava
 * opacity:0 — conteúdo “sumido” / piscar. Removido para recuperar qualidade percebida.
 */

/* Footer hub (versao moderna para avaliacao) */
.footer-hub {
	background: inherit;
}

.footer-hub__container {
	padding-top: 2.5rem;
	padding-bottom: 1.5rem;
}

.footer-hub__brand h3 {
	margin: 0.75rem 0 0.5rem;
	color: #1f2a44;
	font-size: 1.35rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.footer-hub__brand p {
	margin: 0;
	color: #5b6476;
	font-size: 0.92rem;
	line-height: 1.55;
	max-width: 360px;
}

.footer-hub__title {
	margin: 0 0 0.75rem;
	color: #2a3552;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.footer-hub__links li + li {
	margin-top: 0.5rem;
}

.footer-hub__links a {
	color: #606a7f;
	text-decoration: none;
	font-size: 0.9rem;
	transition: color 0.2s ease, transform 0.2s ease;
	display: inline-block;
}

.footer-hub__links a:hover {
	color: #1d4ed8;
	transform: translateX(2px);
}

.footer-hub__status li {
	color: #4f5b72;
	font-size: 0.9rem;
}

.footer-hub__status li + li {
	margin-top: 0.45rem;
}

.footer-hub__dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.26);
	margin-right: 0.5rem;
}

.footer-hub__cta-wrap .btn {
	font-weight: 700;
}

.footer-hub__bottom {
	border-top: 1px solid rgba(31, 42, 68, 0.15);
	margin-top: 1.5rem;
	padding-top: 1rem;
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.footer-hub__meta {
	color: #7a8191;
	font-size: 0.78rem;
}

@media (max-width: 991.98px) {
	.footer-hub__container {
		padding-top: 2rem;
	}
	.footer-hub__brand p {
		max-width: none;
	}
}

/* Miniaturas das cartas nas p�ginas de transpar�ncia (MVP / Mini Boss) */
.transparencia-card-table-wrap {
	overflow: visible !important;
}

.table.table-standings tbody td.transparencia-card-td {
	overflow: visible;
	vertical-align: middle;
}

.transparencia-card-dp {
	display: inline-block;
	line-height: 0;
	text-decoration: none;
	color: inherit;
	border-radius: 4px;
}

.transparencia-card-dp:hover {
	text-decoration: none;
}

.transparencia-card-dp:focus-visible {
	text-decoration: none;
	box-shadow: 0 0 0 2px #4eacff;
	border-radius: 4px;
}

.transparencia-card-zoom {
	display: inline-block;
	position: relative;
	z-index: 1;
	line-height: 0;
	cursor: pointer;
	outline: none;
}

.transparencia-card-zoom .transparencia-card-thumb {
	transition: transform 0.22s ease, box-shadow 0.22s ease;
	transform-origin: center bottom;
}

@media (hover: hover) and (pointer: fine) {
	.transparencia-card-dp:hover,
	.transparencia-card-dp:focus-visible {
		position: relative;
		z-index: 200;
	}

	.transparencia-card-dp:hover .transparencia-card-thumb,
	.transparencia-card-dp:focus-visible .transparencia-card-thumb {
		position: relative;
		transform: scale(2.75);
		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
	}
}

@media (prefers-reduced-motion: reduce) {
	.transparencia-card-zoom .transparencia-card-thumb {
		transition: none;
	}

	.transparencia-card-dp:hover .transparencia-card-thumb,
	.transparencia-card-dp:focus-visible .transparencia-card-thumb {
		transform: none;
		box-shadow: none;
	}
}

.transparencia-card-thumb {
	display: inline-block;
	width: 60px;
	height: 60px;
	max-width: 60px;
	max-height: 60px;
	object-fit: contain;
	vertical-align: middle;
}

/* --- Drops Alterados MvP / listas colapsáveis da wiki --- */
/* Evita que tabelas/GIFs abertas “estiquem” a grade Bootstrap ao expandir */
.wiki-booster .info-panel,
.wiki-booster .info-panel__body {
	min-width: 0;
	max-width: 100%;
}

.wiki-booster .info-panel__body > .row {
	max-width: 100%;
}

.wiki-booster .drops-alt-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.55rem;
	max-width: 100%;
	min-width: 0;
}

.wiki-booster .drops-alt-nav__link {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.7rem;
	border-radius: 999px;
	border: 1px solid rgba(78, 172, 255, 0.28);
	background: rgba(78, 172, 255, 0.08);
	color: #0c4a6e;
	font-size: 0.82rem;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.wiki-booster .drops-alt-nav__link:hover,
.wiki-booster .drops-alt-nav__link:focus-visible {
	background: rgba(78, 172, 255, 0.18);
	border-color: rgba(78, 172, 255, 0.45);
	color: #075985;
}

.wiki-booster .drops-alt-toc {
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 12px;
	background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
	padding: 0.85rem 1rem 1rem;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
}

.wiki-booster .drops-alt-toc__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.55rem;
}

.wiki-booster .drops-alt-toc__title {
	font-size: 1rem;
	color: #0f172a;
}

.wiki-booster .drops-alt-toc__toggle {
	border: 0;
	background: transparent;
	color: #0369a1;
	font-size: 0.85rem;
	font-weight: 600;
	padding: 0.15rem 0.35rem;
	cursor: pointer;
}

.wiki-booster .drops-alt-toc__toggle:hover,
.wiki-booster .drops-alt-toc__toggle:focus-visible {
	text-decoration: underline;
}

.wiki-booster .drops-alt-toc__list {
	margin: 0;
	padding-left: 1.25rem;
	color: #334155;
}

.wiki-booster .drops-alt-toc__list ol {
	margin: 0.25rem 0 0.55rem;
	padding-left: 1.15rem;
}

.wiki-booster .drops-alt-toc__list a {
	color: #0369a1;
	text-decoration: none;
	font-weight: 600;
}

.wiki-booster .drops-alt-toc__list a:hover,
.wiki-booster .drops-alt-toc__list a:focus-visible {
	text-decoration: underline;
}

.wiki-booster .drops-alt-accordion {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.wiki-booster .drops-alt-card {
	border-radius: 16px;
	border: 1px solid rgba(78, 172, 255, 0.24);
	background: linear-gradient(168deg, rgba(78, 172, 255, 0.08) 0%, #fff 46%, rgba(78, 172, 255, 0.04) 100%);
	box-shadow: 0 6px 20px rgba(78, 172, 255, 0.07);
	scroll-margin-top: 5.5rem;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.wiki-booster .drops-alt-card__summary {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.85rem 1rem;
	cursor: pointer;
	list-style: none;
	user-select: none;
	max-width: 100%;
	min-width: 0;
}

.wiki-booster .drops-alt-card__summary::-webkit-details-marker {
	display: none;
}

.wiki-booster .drops-alt-card__summary-text {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
	flex: 1;
}

.wiki-booster .drops-alt-card__chevron {
	color: #64748b;
	transition: transform 0.2s ease;
	flex-shrink: 0;
}

.wiki-booster .drops-alt-card[open] .drops-alt-card__chevron {
	transform: rotate(180deg);
}

.wiki-booster .drops-alt-card__body {
	padding: 0 1.1rem 1.2rem;
	border-top: 1px solid rgba(78, 172, 255, 0.16);
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
}

.wiki-booster .drops-alt-card .table-responsive,
.wiki-booster .drops-alt-card .instancia-drops-booster__table-wrap {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* details genéricos (caixas / álbum): mesma contenção de largura */
.wiki-booster details.border {
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
}

.wiki-booster details.border > .table-responsive {
	max-width: 100%;
	overflow-x: auto;
}

.wiki-booster .drops-alt-card__hero {
	display: flex;
	justify-content: center;
	padding-top: 1rem;
}

.wiki-booster .drops-alt-card__mob {
	width: 140px;
	height: 140px;
	object-fit: contain;
	image-rendering: pixelated;
	flex-shrink: 0;
	background: #fff;
	border: 1px solid rgba(78, 172, 255, 0.22);
	border-radius: 14px;
	padding: 8px;
}

.wiki-booster .drops-alt-card__mob--thumb {
	width: 72px;
	height: 72px;
	padding: 4px;
	border-radius: 12px;
}

.wiki-booster .wiki-quests-list .drops-alt-card__mob--thumb {
	width: 24px;
	height: 24px;
	padding: 2px;
	border-radius: 6px;
}

.wiki-booster .drops-alt-card__title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0;
}

.wiki-booster .drops-alt-table__item {
	font-weight: 600;
	color: #0f172a;
	vertical-align: middle;
}

.wiki-booster .drops-alt-item {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	min-width: 0;
}

.wiki-booster .drops-alt-item__ico {
	width: 32px;
	height: 32px;
	object-fit: contain;
	image-rendering: pixelated;
	flex-shrink: 0;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 6px;
}

.wiki-booster .drops-alt-item__name {
	line-height: 1.25;
}

.wiki-booster .drops-alt-table__desc div + div {
	margin-top: 0.2rem;
}

@media (max-width: 575.98px) {
	.wiki-booster .drops-alt-card__summary {
		padding: 0.75rem;
	}

	.wiki-booster .drops-alt-card__body {
		padding: 0 0.85rem 0.95rem;
	}

	.wiki-booster .drops-alt-card__mob {
		width: 112px;
		height: 112px;
	}

	.wiki-booster .drops-alt-card__mob--thumb {
		width: 56px;
		height: 56px;
	}

	.wiki-booster .wiki-quests-list .drops-alt-card__mob--thumb {
		width: 24px;
		height: 24px;
	}

	.wiki-booster .drops-alt-item__ico {
		width: 28px;
		height: 28px;
	}
}

.wiki-booster .drops-alt-special {
	border: 1px solid rgba(139, 92, 246, 0.28);
	border-radius: 16px;
	background:
		radial-gradient(ellipse 80% 60% at 100% 50%, rgba(139, 92, 246, 0.12) 0%, transparent 70%),
		linear-gradient(135deg, rgba(78, 172, 255, 0.06) 0%, rgba(255, 255, 255, 0.98) 55%);
	padding: 1.15rem 1.25rem;
	box-shadow: 0 8px 24px rgba(88, 28, 135, 0.08);
	overflow: hidden;
}

.wiki-booster .drops-alt-special__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: 1.25rem 1.5rem;
	align-items: center;
}

.wiki-booster .drops-alt-special__head {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin-bottom: 0.7rem;
}

.wiki-booster .drops-alt-special__icon {
	font-size: 1.15rem;
	line-height: 1;
	color: #7c3aed;
}

.wiki-booster .drops-alt-special__lead {
	margin: 0 0 0.85rem;
	color: #334155;
	font-size: 0.95rem;
	line-height: 1.55;
}

.wiki-booster .drops-alt-special__notes {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.wiki-booster .drops-alt-special__notes li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	font-size: 0.88rem;
	color: #475569;
	line-height: 1.45;
}

.wiki-booster .drops-alt-special__badge {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	background: rgba(139, 92, 246, 0.14);
	border: 1px solid rgba(139, 92, 246, 0.28);
	color: #6d28d9;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.wiki-booster .drops-alt-special__badge--rate {
	background: rgba(78, 172, 255, 0.12);
	border-color: rgba(78, 172, 255, 0.3);
	color: #0369a1;
}

.wiki-booster .drops-alt-special__notes-item--highlight {
	padding: 0.45rem 0.6rem;
	border-radius: 12px;
	background: linear-gradient(90deg, rgba(245, 158, 11, 0.16) 0%, rgba(245, 158, 11, 0.05) 100%);
	border: 1px solid rgba(245, 158, 11, 0.35);
	color: #1e293b;
	font-weight: 600;
}

.wiki-booster .drops-alt-special__badge--highlight {
	background: #d97706;
	border-color: #b45309;
	color: #fff;
	font-size: 0.82rem;
	padding: 0.2rem 0.65rem;
	box-shadow: 0 2px 8px rgba(217, 119, 6, 0.35);
}

.wiki-booster .drops-alt-special__showcase {
	min-width: 0;
	padding: 0.75rem 0.85rem;
	border-radius: 14px;
	background: #fff;
	border: 1px solid rgba(139, 92, 246, 0.22);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.wiki-booster .drops-alt-special__showcase-label {
	margin: 0 0 0.65rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6d28d9;
	text-align: center;
}

.wiki-booster .drops-alt-special__gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55rem;
	align-items: stretch;
}

.wiki-booster .drops-alt-special__shot {
	margin: 0;
	min-width: 0;
}

.wiki-booster .drops-alt-special__frame {
	position: relative;
	height: 118px;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(139, 92, 246, 0.18);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.wiki-booster .drops-alt-special__frame::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.08);
}

.wiki-booster .drops-alt-special__frame img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}

@media (max-width: 767.98px) {
	.wiki-booster .drops-alt-special__layout {
		grid-template-columns: 1fr;
	}

	.wiki-booster .drops-alt-special__frame {
		height: 100px;
	}
}

@media (min-width: 992px) {
	.wiki-booster .drops-alt-special__frame {
		height: 132px;
	}
}

/* Loot MVP — Divine Pride + mock da lápide */
.dropmvp-hero-gallery {
	margin: 0;
	padding: 1rem 1.1rem;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(78, 172, 255, 0.08) 0%, rgba(255, 255, 255, 0.95) 55%);
	border: 1px solid rgba(78, 172, 255, 0.2);
}

.dropmvp-hero-gallery__caption {
	line-height: 1.45;
}

.dropmvp-hero-gallery__row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.dropmvp-hero-gallery__chip {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	min-width: 5.5rem;
	padding: 0.55rem 0.45rem 0.5rem;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(78, 172, 255, 0.16);
	font-size: 0.72rem;
	font-weight: 600;
	color: #4a5568;
	text-align: center;
	line-height: 1.2;
}

.dropmvp-dp-mob {
	display: block;
	margin: 0 auto;
	object-fit: contain;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	filter: drop-shadow(0 4px 10px rgba(15, 23, 42, 0.12));
}

.dropmvp-dp-mob--featured {
	padding: 0.35rem;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.75);
	border: 1px solid rgba(78, 172, 255, 0.18);
}

.dropmvp-dp-mob--chip {
	width: 72px;
	height: 72px;
}

.dropmvp-dp-mob--tomb {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	filter: none;
}

.dropmvp-reward-items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.75rem;
	margin-bottom: 0.15rem;
}

.dropmvp-reward-items__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.2rem 0.45rem 0.2rem 0.25rem;
	border-radius: 999px;
	background: rgba(78, 172, 255, 0.08);
	border: 1px solid rgba(78, 172, 255, 0.14);
	color: #3d4a5c;
}

.dropmvp-tomb-mock__line--boss-row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.dropmvp-tomb-card .info-system-card__text {
	max-width: none;
}

.dropmvp-tomb-mock {
	margin-top: 0.25rem;
}

.dropmvp-tomb-mock__frame {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.18);
	box-shadow:
		0 10px 28px rgba(15, 23, 42, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dropmvp-tomb-mock__titlebar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.45rem 0.85rem;
	background: linear-gradient(180deg, #3d4654 0%, #2a313c 100%);
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	color: #e8edf3;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.dropmvp-tomb-mock__close {
	opacity: 0.55;
	font-size: 1rem;
	line-height: 1;
}

.dropmvp-tomb-mock__body {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, transparent 18%),
		#1a1f27;
	color: #d8dee8;
	padding: 1rem 1.05rem 1.15rem;
	font-family: Consolas, "Courier New", monospace;
	font-size: 0.78rem;
	line-height: 1.45;
}

.dropmvp-tomb-mock__line {
	margin: 0 0 0.35rem;
}

.dropmvp-tomb-mock__line--boss {
	color: #7eb8ff;
	font-weight: 600;
}

.dropmvp-tomb-mock__line--muted {
	color: #9aa5b5;
}

.dropmvp-tomb-mock__line--winner {
	color: #ffd86b;
	font-size: 0.92rem;
	margin-bottom: 0.85rem;
}

.dropmvp-tomb-mock__section {
	margin-top: 0.35rem;
	padding-top: 0.65rem;
	border-top: 1px dashed rgba(255, 255, 255, 0.08);
}

.dropmvp-tomb-mock__section-title {
	color: #5eb0ff;
	font-size: 0.76rem;
	font-weight: 700;
	margin: 0 0 0.65rem;
	letter-spacing: 0.02em;
}

.dropmvp-tomb-mock__groups {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.dropmvp-tomb-mock__group {
	padding: 0.65rem 0.75rem;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.dropmvp-tomb-mock__group--winner {
	background: linear-gradient(135deg, rgba(255, 215, 0, 0.12) 0%, rgba(255, 215, 0, 0.04) 100%);
	border-color: rgba(255, 215, 0, 0.35);
	box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.08);
}

.dropmvp-tomb-mock__group-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem 0.65rem;
	margin-bottom: 0.45rem;
}

.dropmvp-tomb-mock__group-name {
	color: #f3f6fa;
	font-weight: 600;
	font-size: 0.82rem;
}

.dropmvp-tomb-mock__group--winner .dropmvp-tomb-mock__group-name {
	color: #ffe27a;
}

.dropmvp-tomb-mock__solo {
	display: inline-block;
	margin-left: 0.15rem;
	padding: 0.05rem 0.4rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #b8c2d0;
	font-size: 0.62rem;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: middle;
}

.dropmvp-tomb-mock__badge {
	display: inline-flex;
	align-items: center;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	background: rgba(94, 176, 255, 0.16);
	color: #9fd0ff;
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.dropmvp-tomb-mock__badge--winner {
	background: rgba(255, 215, 0, 0.2);
	color: #ffe27a;
}

.dropmvp-tomb-mock__badge--muted {
	background: rgba(255, 255, 255, 0.06);
	color: #8b96a6;
}

.dropmvp-tomb-mock__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.dropmvp-tomb-stat {
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.45rem;
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.22);
	font-size: 0.68rem;
	font-variant-numeric: tabular-nums;
}

.dropmvp-tomb-stat abbr {
	text-decoration: none;
	font-weight: 700;
	margin-right: 0.2rem;
}

.dropmvp-tomb-stat--d {
	color: #ff9a9a;
	border: 1px solid rgba(255, 120, 120, 0.18);
}

.dropmvp-tomb-stat--c {
	color: #8ef0b0;
	border: 1px solid rgba(120, 230, 160, 0.18);
}

.dropmvp-tomb-stat--t {
	color: #9ec5ff;
	border: 1px solid rgba(120, 170, 255, 0.18);
}

.dropmvp-tomb-stat--lead {
	box-shadow: 0 0 0 1px rgba(158, 197, 255, 0.35);
}

.dropmvp-tomb-mock__group-note {
	margin: 0.45rem 0 0;
	color: #8b96a6;
	font-size: 0.68rem;
	font-family: inherit;
}

.dropmvp-tomb-mock__tops {
	margin-top: 0.85rem;
	padding-top: 0.75rem;
	border-top: 1px dashed rgba(255, 255, 255, 0.08);
}

.dropmvp-tomb-mock__top {
	height: 100%;
	padding: 0.65rem 0.7rem;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.dropmvp-tomb-mock__top--d {
	border-left: 3px solid #ff7b7b;
}

.dropmvp-tomb-mock__top--c {
	border-left: 3px solid #5fd88a;
}

.dropmvp-tomb-mock__top--t {
	border-left: 3px solid #6ea8ff;
}

.dropmvp-tomb-mock__top-list {
	padding-left: 1.15rem;
	color: #e2e8f0;
}

.dropmvp-tomb-mock__top-list li + li {
	margin-top: 0.2rem;
}

.dropmvp-tomb-mock__top-list span {
	color: #8b96a6;
}

.dropmvp-tomb-mock__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.85rem;
	margin-top: 0.75rem;
	padding: 0.65rem 0.75rem;
	border-radius: 8px;
	background: rgba(15, 23, 42, 0.04);
	border: 1px solid rgba(15, 23, 42, 0.08);
	font-size: 0.72rem;
	color: #5c6b7a;
}

.dropmvp-tomb-mock__legend .dropmvp-tomb-stat {
	background: #fff;
	font-size: 0.68rem;
}

.dropmvp-tomb-callout {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	padding: 0.75rem 0.85rem;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 193, 7, 0.03) 100%);
	border: 1px solid rgba(255, 193, 7, 0.22);
}

.dropmvp-tomb-callout i {
	margin-top: 0.1rem;
	flex-shrink: 0;
}

@media (max-width: 767.98px) {
	.dropmvp-tomb-mock__body {
		padding: 0.85rem;
		font-size: 0.74rem;
	}

	.dropmvp-tomb-mock__legend {
		flex-direction: column;
		gap: 0.35rem;
	}
}

/* —— Sistema Mutação: regras —— */
.mutacao-rules .mutacao-rule-card {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-height: 100%;
}

.mutacao-rule-card__head {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	margin-bottom: 0.15rem;
}

.mutacao-rule-card__label {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
	margin: 0;
}

.mutacao-rule-card__value {
	font-size: 2.35rem;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: #0f172a;
	margin: 0.15rem 0 0.35rem;
	background: linear-gradient(120deg, #0f172a 20%, #2563eb 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mutacao-rule-card__value--sm {
	font-size: 1.85rem;
}

.mutacao-rule-card--accent {
	background: linear-gradient(155deg, #fff 0%, #eef6ff 100%);
	border-color: rgba(37, 99, 235, 0.28);
}

.mutacao-rule-card .info-system-card__text {
	margin-top: auto;
}

.fragmento-drop-ico {
	object-fit: cover;
	border-radius: 6px;
}

@media (max-width: 767.98px) {
	.mutacao-rule-card__value {
		font-size: 2rem;
	}

	.mutacao-rule-card__value--sm {
		font-size: 1.6rem;
	}
}

/* —— Sistema Mutação: aviso GvG —— */
.mutacao-gvg-alert {
	border: 1px solid rgba(185, 28, 28, 0.35);
	background: linear-gradient(135deg, #fff5f5 0%, #fee2e2 55%, #fecaca 100%);
	border-radius: 0.85rem;
	padding: 1rem 1.15rem;
	box-shadow: 0 8px 22px rgba(185, 28, 28, 0.12);
}

.mutacao-gvg-alert__inner {
	display: flex;
	align-items: flex-start;
	gap: 0.9rem;
}

.mutacao-gvg-alert__icon {
	flex: 0 0 auto;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: #fff;
	background: linear-gradient(145deg, #dc2626, #991b1b);
	box-shadow: 0 4px 12px rgba(185, 28, 28, 0.35);
}

.mutacao-gvg-alert__badge {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #991b1b;
	background: rgba(185, 28, 28, 0.12);
	border-radius: 999px;
	padding: 0.15rem 0.55rem;
}

.mutacao-gvg-alert__title {
	font-size: 1.05rem;
	font-weight: 800;
	color: #7f1d1d;
	line-height: 1.25;
}

.mutacao-gvg-alert__text {
	font-size: 0.95rem;
	color: #7f1d1d;
	line-height: 1.45;
}

@media (max-width: 575.98px) {
	.mutacao-gvg-alert__inner {
		gap: 0.75rem;
	}

	.mutacao-gvg-alert__icon {
		width: 2.4rem;
		height: 2.4rem;
		font-size: 1.05rem;
	}
}

/* —— Sistema Mutação: exemplo visual ao lado do lead —— */
.mutacao-intro {
	margin-top: -0.35rem;
}

.mutacao-intro .info-panel__lead {
	margin-bottom: 0;
}

.mutacao-intro__shot {
	margin: 0;
	text-align: right;
}

.mutacao-intro__shot img {
	max-height: 200px;
	width: auto;
	object-fit: contain;
	background: #0f172a;
}

@media (max-width: 767.98px) {
	.mutacao-intro__shot {
		text-align: center;
	}

	.mutacao-intro__shot img {
		max-height: 170px;
	}
}

/* �� Wiki: capturas de tela dos sistemas �� */
.wiki-shot {
	margin: 0;
}

.wiki-shot img {
	max-height: 280px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	background: #0f172a;
}

.wiki-shot--wide img {
	max-height: 220px;
	width: 100%;
	object-fit: contain;
}

.wiki-shot figcaption {
	line-height: 1.4;
}

@media (max-width: 767.98px) {
	.wiki-shot,
	.wiki-shot--wide {
		text-align: center;
	}

	.wiki-shot img,
	.wiki-shot--wide img {
		max-height: 200px;
	}
}

/* —— Sistema PvP Mode —— */
.info-panel__head--pvpmode {
	padding-bottom: 0.35rem;
	background:
		radial-gradient(ellipse 80% 120% at 92% 0%, rgba(220, 38, 38, 0.12), transparent 55%),
		linear-gradient(180deg, rgba(220, 38, 38, 0.06) 0%, transparent 100%);
	border-radius: 18px 18px 0 0;
}

.info-panel__head--pvpmode .info-panel__kicker {
	color: #b91c1c;
}

.info-panel__head--pvpmode .info-panel__kicker::before {
	background: linear-gradient(135deg, #f87171 0%, #991b1b 100%);
	box-shadow: 0 2px 8px rgba(185, 28, 28, 0.35);
}

.info-panel__head--pvpmode + .info-panel__body {
	padding-top: 1.15rem;
}

.info-system-card__icon:has(.info-system-thumb[src*="pvpmode.png"]) {
	background: #12141c;
	border-color: rgba(80, 160, 255, 0.35);
	overflow: hidden;
}

.info-system-card__icon:has(.info-system-thumb[src*="pvpmode.png"]) .info-system-thumb {
	width: 2.2rem;
	height: 2.2rem;
	object-fit: cover;
}

.info-system-card--featured .info-system-card__icon:has(.info-system-thumb[src*="pvpmode.png"]) .info-system-thumb {
	width: 2.7rem;
	height: 2.7rem;
}

.pvpmode-page {
	--pvp-red: #c23030;
	--pvp-red-deep: #8f1d1d;
	--pvp-gold: #c9a227;
	--pvp-ink: #1f2937;
	--pvp-muted: #5b6777;
	color: var(--pvp-ink);
}

.pvpmode-page .info-section-title {
	scroll-margin-top: 6rem;
}

.pvpmode-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
	gap: 1.5rem 1.75rem;
	align-items: center;
	margin: 0 0 1.35rem;
	padding: 1.2rem 1.25rem 1.3rem;
	border-radius: 18px;
	background:
		radial-gradient(ellipse 70% 80% at 100% 0%, rgba(201, 162, 39, 0.12), transparent 50%),
		linear-gradient(155deg, #fff 0%, #fff7f5 42%, #f4f7fb 100%);
	border: 1px solid rgba(194, 48, 48, 0.16);
	box-shadow:
		0 10px 28px rgba(143, 29, 29, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.pvpmode-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-bottom: 0.85rem;
}

.pvpmode-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 0.28rem 0.7rem;
	border-radius: 999px;
	background: #fff;
	color: #475569;
	border: 1px solid rgba(15, 23, 42, 0.08);
}

.pvpmode-pill i {
	font-size: 0.7rem;
}

.pvpmode-pill--red {
	color: #fff;
	background: linear-gradient(135deg, #dc2626, #991b1b);
	border-color: transparent;
	box-shadow: 0 4px 12px rgba(185, 28, 28, 0.28);
}

.pvpmode-pill--gold {
	color: #7a5b00;
	background: linear-gradient(135deg, #fff7d6, #f6e7a3);
	border-color: rgba(201, 162, 39, 0.45);
}

.pvpmode-pill--ok {
	color: #166534;
	background: #ecfdf3;
	border-color: rgba(22, 163, 74, 0.28);
}

.pvpmode-hero__lead {
	margin: 0 0 1rem;
	font-size: 1.02rem;
	line-height: 1.7;
	color: var(--pvp-muted);
}

.pvpmode-hero__lead strong {
	color: var(--pvp-ink);
}

.pvpmode-hero__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.7rem 1rem;
	margin-bottom: 0.95rem;
}

.pvpmode-hero__cta-hint {
	font-size: 0.88rem;
	color: var(--pvp-muted);
}

.pvpmode-cmd {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.7rem;
	border-radius: 8px;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #fff7ed;
	background: linear-gradient(180deg, #3f1d1d 0%, #1c1212 100%);
	border: 1px solid rgba(248, 113, 113, 0.35);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pvpmode-cmd--inline {
	padding: 0.1rem 0.4rem;
	font-size: 0.85rem;
	vertical-align: baseline;
}

.pvpmode-cmd--alt {
	background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
	border-color: rgba(148, 163, 184, 0.35);
}

.pvpmode-toc {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.pvpmode-toc a {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--pvp-red-deep);
	padding: 0.28rem 0.65rem;
	border-radius: 999px;
	background: rgba(220, 38, 38, 0.07);
	border: 1px solid rgba(220, 38, 38, 0.14);
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.pvpmode-toc a:hover,
.pvpmode-toc a:focus-visible {
	background: rgba(220, 38, 38, 0.14);
	border-color: rgba(220, 38, 38, 0.3);
	color: #7f1d1d;
}

.pvpmode-hero__shot {
	margin: 0;
	text-align: center;
}

.pvpmode-frame {
	position: relative;
	border-radius: 16px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	overflow: hidden;
}

.pvpmode-frame img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 320px;
	object-fit: contain;
	object-position: center top;
	border-radius: 10px;
	background: transparent;
}

.pvpmode-frame--wide img {
	max-height: 210px;
	width: 100%;
}

.pvpmode-frame__tag {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, #dc2626, #991b1b);
	padding: 0.28rem 0.6rem;
	border-radius: 999px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

.pvpmode-hero__shot figcaption,
.pvpmode-shot figcaption {
	margin-top: 0.55rem;
	font-size: 0.8rem;
	color: #6b7788;
	line-height: 1.4;
}

.pvpmode-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0 0 1.75rem;
}

.pvpmode-stat {
	padding: 0.95rem 0.95rem 0.9rem;
	border-radius: 14px;
	background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
	min-height: 100%;
}

.pvpmode-stat__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.15rem;
	height: 2.15rem;
	border-radius: 10px;
	margin-bottom: 0.55rem;
	color: #fff;
	background: linear-gradient(145deg, #ef4444, #991b1b);
	box-shadow: 0 4px 10px rgba(185, 28, 28, 0.25);
}

.pvpmode-stat__label,
.pvpmode-stat__hint {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #64748b;
}

.pvpmode-stat__value {
	margin: 0.15rem 0 0.2rem;
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-size: 1.7rem;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.03em;
	background: linear-gradient(120deg, #7f1d1d 10%, #dc2626 70%, #c9a227 140%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pvpmode-stat__value--sm {
	font-size: 1.22rem;
	letter-spacing: -0.02em;
}

.pvpmode-stat__hint {
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.35;
}

.pvpmode-step {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 1.05fr);
	gap: 1.15rem 1.4rem;
	align-items: center;
	margin-bottom: 1.5rem;
}

.pvpmode-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.85rem;
}

.pvpmode-steps li {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
}

.pvpmode-steps__num {
	flex: 0 0 auto;
	width: 1.85rem;
	height: 1.85rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.82rem;
	font-weight: 800;
	color: #fff;
	background: linear-gradient(145deg, #dc2626, #7f1d1d);
}

.pvpmode-steps strong {
	display: block;
	margin-bottom: 0.15rem;
	color: var(--pvp-ink);
}

.pvpmode-steps p {
	margin: 0;
	font-size: 0.92rem;
	color: var(--pvp-muted);
	line-height: 1.5;
}

.pvpmode-shot {
	margin: 0;
}

.pvpmode-shot--block {
	margin: 0 0 1.5rem;
}

.pvpmode-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.9rem;
	margin: 0 0 0.4rem;
}

.pvpmode-card {
	padding: 1.1rem 1.15rem 1.05rem;
	border-radius: 16px;
	background: linear-gradient(155deg, #fff 0%, #f8fafc 100%);
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.pvpmode-card__head {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin-bottom: 0.7rem;
}

.pvpmode-card__head h3 {
	margin: 0;
	font-size: 1rem;
	font-weight: 800;
	color: var(--pvp-ink);
}

.pvpmode-card__icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.05rem;
	flex-shrink: 0;
}

.pvpmode-card--fight {
	border-color: rgba(220, 38, 38, 0.2);
	background: linear-gradient(165deg, #fff 0%, #fff1f1 100%);
}

.pvpmode-card--fight .pvpmode-card__icon {
	color: #fff;
	background: linear-gradient(145deg, #ef4444, #991b1b);
}

.pvpmode-card--ban {
	border-color: rgba(201, 162, 39, 0.28);
	background: linear-gradient(165deg, #fff 0%, #fffbeb 100%);
}

.pvpmode-card--ban .pvpmode-card__icon {
	color: #92400e;
	background: linear-gradient(145deg, #fde68a, #fbbf24);
}

.pvpmode-card ul {
	margin: 0;
	padding-left: 1.1rem;
	color: var(--pvp-muted);
	font-size: 0.92rem;
	line-height: 1.55;
}

.pvpmode-card li + li {
	margin-top: 0.35rem;
}

.pvpmode-section-lead {
	margin: 0 0 1rem;
	color: var(--pvp-muted);
	line-height: 1.65;
}

.pvpmode-bonus {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.85rem;
	margin-bottom: 1.15rem;
}

.pvpmode-bonus__tile {
	padding: 1.05rem 1.05rem 1rem;
	border-radius: 16px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.pvpmode-bonus__tile--on {
	border-color: rgba(22, 163, 74, 0.28);
	background: linear-gradient(165deg, #fff 0%, #f0fdf4 100%);
}

.pvpmode-bonus__tile--warn {
	border-color: rgba(217, 119, 6, 0.28);
	background: linear-gradient(165deg, #fff 0%, #fffbeb 100%);
}

.pvpmode-bonus__item {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.82rem;
	font-weight: 700;
	color: #334155;
	margin-bottom: 0.55rem;
}

.pvpmode-bonus__fa {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 10px;
	color: #166534;
	background: rgba(22, 163, 74, 0.12);
	border: 1px solid rgba(22, 163, 74, 0.22);
	flex-shrink: 0;
}

.pvpmode-bonus__kicker {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}

.pvpmode-bonus__num {
	margin: 0.1rem 0 0.35rem;
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-size: 2rem;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: #166534;
	line-height: 1;
}

.pvpmode-bonus__num--off {
	color: #b45309;
}

.pvpmode-bonus__note {
	margin: 0;
	font-size: 0.86rem;
	color: var(--pvp-muted);
	line-height: 1.5;
}

.pvpmode-callout {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.9rem 1rem;
	border-radius: 14px;
	margin: 0 0 0.35rem;
}

.pvpmode-callout--warn {
	background: linear-gradient(135deg, rgba(245, 158, 11, 0.14) 0%, rgba(245, 158, 11, 0.04) 100%);
	border: 1px solid rgba(217, 119, 6, 0.28);
}

.pvpmode-callout__icon {
	flex: 0 0 auto;
	width: 2.35rem;
	height: 2.35rem;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(145deg, #f59e0b, #b45309);
}

.pvpmode-callout strong {
	display: block;
	margin-bottom: 0.15rem;
	color: #7c2d12;
}

.pvpmode-callout p {
	margin: 0;
	font-size: 0.9rem;
	color: #9a3412;
	line-height: 1.5;
}

.pvpmode-rules {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.8rem;
	margin-bottom: 1.15rem;
}

.pvpmode-rule {
	padding: 1rem 1rem 0.95rem;
	border-radius: 14px;
	background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
	border: 1px solid rgba(15, 23, 42, 0.08);
	min-height: 100%;
}

.pvpmode-rule__icon {
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.55rem;
	color: var(--pvp-red-deep);
	background: rgba(220, 38, 38, 0.08);
	border: 1px solid rgba(220, 38, 38, 0.12);
}

.pvpmode-rule h4 {
	margin: 0 0 0.35rem;
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--pvp-ink);
}

.pvpmode-rule p {
	margin: 0;
	font-size: 0.86rem;
	color: var(--pvp-muted);
	line-height: 1.5;
}

.pvpmode-cmds {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.85rem;
	margin-bottom: 1.15rem;
}

.pvpmode-cmds__card {
	padding: 1.05rem 1.1rem;
	border-radius: 14px;
	background: linear-gradient(165deg, #1c1212 0%, #111827 100%);
	border: 1px solid rgba(248, 113, 113, 0.18);
	color: #e2e8f0;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.pvpmode-cmds__card p {
	margin: 0.65rem 0 0;
	font-size: 0.9rem;
	color: #cbd5e1;
	line-height: 1.5;
}

.pvpmode-resumo {
	margin: 0;
	padding: 1rem 1.15rem;
	border-radius: 16px;
	background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 45%, #1f2937 160%);
	color: #fff7ed;
	box-shadow: 0 12px 28px rgba(127, 29, 29, 0.22);
}

.pvpmode-resumo__kicker {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 0.4rem;
	opacity: 0.8;
}

.pvpmode-resumo p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.6;
}

.pvpmode-resumo code {
	color: #ffedd5;
	background: rgba(0, 0, 0, 0.22);
	padding: 0.05rem 0.35rem;
	border-radius: 5px;
}

@media (max-width: 991.98px) {
	.pvpmode-hero,
	.pvpmode-step,
	.pvpmode-stats,
	.pvpmode-bonus,
	.pvpmode-rules {
		grid-template-columns: 1fr 1fr;
	}

	.pvpmode-hero {
		grid-template-columns: 1fr;
	}

	.pvpmode-hero__shot {
		order: -1;
		max-width: 420px;
		margin-inline: auto;
		width: 100%;
	}
}

@media (max-width: 767.98px) {
	.pvpmode-hero {
		padding: 1rem 0.95rem 1.05rem;
	}

	.pvpmode-stats,
	.pvpmode-split,
	.pvpmode-bonus,
	.pvpmode-rules,
	.pvpmode-cmds,
	.pvpmode-step {
		grid-template-columns: 1fr;
	}

	.pvpmode-stat__value {
		font-size: 1.5rem;
	}

	.pvpmode-frame img,
	.pvpmode-frame--wide img {
		max-height: 200px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pvpmode-toc a {
		transition: none;
	}
}

/* Wiki — Sistema Visual PET (abas Geral / Pacotes; evita classe .nav do menu fixo) */
.visualpet-page {
	min-width: 0;
	max-width: 100%;
}

.visualpet-intro-card {
	overflow: visible;
	height: auto !important;
}

.visualpet-tabs-wrap {
	margin-bottom: 1.5rem;
	max-width: 100%;
	min-width: 0;
}

.visualpet-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	list-style: none;
	margin: 0 0 0.75rem;
	padding: 0;
	position: static;
	width: auto;
}

.visualpet-tabs__item {
	margin: 0;
	padding: 0;
}

.visualpet-tabs__btn {
	appearance: none;
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(78, 172, 255, 0.35);
	border-radius: 999px;
	color: var(--info-accent-deep, #2b8ae8);
	cursor: pointer;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.45rem 0.95rem;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.visualpet-tabs__btn:hover,
.visualpet-tabs__btn:focus-visible {
	background: rgba(78, 172, 255, 0.1);
	border-color: rgba(78, 172, 255, 0.45);
	color: var(--info-accent-deep, #2b8ae8);
	outline: none;
}

.visualpet-tabs__btn.active {
	background: linear-gradient(135deg, var(--info-accent, #4eacff) 0%, var(--info-accent-deep, #2b8ae8) 100%);
	border-color: transparent;
	box-shadow: 0 4px 14px rgba(78, 172, 255, 0.22);
	color: #fff;
}

.visualpet-tabs__content {
	border: 1px solid rgba(78, 172, 255, 0.22);
	border-radius: 0.75rem;
	padding: 1rem 1rem 0.25rem;
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 6px 22px rgba(15, 23, 42, 0.04);
}

.visualpet-tabs__content > .tab-pane:not(.show) {
	display: none;
}

.visualpet-package-card {
	border-top: 4px solid #c9a227;
	overflow: visible;
}

.visualpet-list-toggle {
	align-items: center;
	appearance: none;
	background: rgba(78, 172, 255, 0.08);
	border: 1px solid rgba(78, 172, 255, 0.28);
	border-radius: 0.65rem;
	color: var(--info-accent-deep, #2b8ae8);
	cursor: pointer;
	display: inline-flex;
	font-size: 0.84rem;
	font-weight: 700;
	gap: 0.55rem;
	line-height: 1.2;
	padding: 0.55rem 0.9rem;
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.visualpet-list-toggle:hover,
.visualpet-list-toggle:focus-visible {
	background: rgba(78, 172, 255, 0.14);
	border-color: rgba(78, 172, 255, 0.42);
	box-shadow: 0 4px 14px rgba(78, 172, 255, 0.12);
	color: var(--info-accent-deep, #2b8ae8);
	outline: none;
}

.visualpet-list-toggle__icon {
	font-size: 0.72rem;
	transition: transform 0.2s ease;
}

.visualpet-list-toggle__label--hide {
	display: none;
}

.visualpet-list-toggle:not(.collapsed) .visualpet-list-toggle__label--show {
	display: none;
}

.visualpet-list-toggle:not(.collapsed) .visualpet-list-toggle__label--hide {
	display: inline;
}

.visualpet-list-toggle:not(.collapsed) .visualpet-list-toggle__icon {
	transform: rotate(180deg);
}

#visualpet-geral-lista.collapsing,
#visualpet-geral-lista.show {
	margin-top: 0.75rem;
	margin-bottom: 0.25rem;
}

.wiki-booster .login-diario-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.75rem;
}

.wiki-booster .login-diario-cycle__thumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 10px;
	background: rgba(78, 172, 255, 0.1);
	flex-shrink: 0;
}

.wiki-booster .login-diario-cycle__status {
	display: inline-flex;
	align-items: center;
	margin-left: 0.5rem;
	padding: 0.1rem 0.55rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	vertical-align: middle;
}

.wiki-booster .login-diario-cycle__status--active {
	background: rgba(34, 197, 94, 0.14);
	color: #15803d;
}

.wiki-booster .login-diario-cycle__status--soon {
	background: rgba(59, 130, 246, 0.14);
	color: #2563eb;
}

.wiki-booster .login-diario-cycle__status--past {
	background: rgba(100, 116, 139, 0.14);
	color: #64748b;
}

.wiki-booster .login-diario-day {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.35rem;
	padding: 0.85rem 0.6rem 0.95rem;
	border: 1px solid rgba(78, 172, 255, 0.18);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.72);
	color: inherit;
	text-decoration: none;
	min-height: 100%;
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.wiki-booster .login-diario-day:hover,
.wiki-booster .login-diario-day:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(78, 172, 255, 0.55);
	box-shadow: 0 8px 18px rgba(43, 138, 232, 0.14);
	outline: none;
	color: inherit;
}

.wiki-booster .login-diario-day--star {
	border-color: rgba(212, 160, 23, 0.45);
	background: linear-gradient(180deg, rgba(255, 236, 179, 0.45), rgba(255, 255, 255, 0.8));
}

.wiki-booster .login-diario-day__num {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6b7788;
}

.wiki-booster .login-diario-day__art {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 12px;
	background: rgba(78, 172, 255, 0.08);
}

.wiki-booster .login-diario-day__ico {
	image-rendering: pixelated;
}

.wiki-booster .login-diario-day__qty {
	position: absolute;
	right: -0.2rem;
	bottom: -0.15rem;
	min-width: 1.35rem;
	padding: 0.05rem 0.28rem;
	border-radius: 999px;
	background: #2b8ae8;
	color: #fff;
	font-size: 0.68rem;
	font-weight: 700;
	line-height: 1.2;
}

.wiki-booster .login-diario-day__name {
	font-size: 0.82rem;
	line-height: 1.25;
	color: var(--info-ink, #2c3544);
}

.wiki-booster .login-diario-day__fx {
	font-size: 0.72rem;
	line-height: 1.3;
	color: #6b7788;
}

@media (max-width: 991.98px) {
	.wiki-booster .login-diario-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.wiki-booster .login-diario-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Wiki — Bônus aleatórios: navegação agrupada + painéis colapsáveis */
.wiki-booster .bonus-ro-nav-wrap__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 12px;
	flex-shrink: 0;
	background: linear-gradient(145deg, rgba(78, 172, 255, 0.14) 0%, rgba(255, 255, 255, 0.95) 100%);
	border: 1px solid rgba(78, 172, 255, 0.28);
	color: var(--info-accent-deep, #2b8ae8);
	font-size: 1.05rem;
}

.wiki-booster .bonus-ro-nav-wrap__body {
	padding-top: 0.35rem;
}

.wiki-booster .bonus-ro-nav__group + .bonus-ro-nav__group {
	margin-top: 1.15rem;
	padding-top: 1.15rem;
	border-top: 1px solid rgba(78, 172, 255, 0.16);
}

.wiki-booster .bonus-ro-nav__group-title {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.65rem;
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--info-ink-muted, #5a6573);
}

.wiki-booster .bonus-ro-nav__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
	gap: 0.55rem;
}

.wiki-booster .bonus-ro-nav__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0.45rem;
	min-height: 6.5rem;
	padding: 0.75rem 0.45rem 0.65rem;
	border-radius: 14px;
	border: 1px solid rgba(78, 172, 255, 0.2);
	background: linear-gradient(180deg, #fff 0%, rgba(248, 251, 255, 0.95) 100%);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
	text-decoration: none;
	color: var(--info-ink, #2c3544);
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.wiki-booster .bonus-ro-nav__link:hover,
.wiki-booster .bonus-ro-nav__link:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(78, 172, 255, 0.48);
	box-shadow: 0 8px 20px rgba(78, 172, 255, 0.14);
	background: #fff;
	color: var(--info-accent-deep, #2b8ae8);
}

.wiki-booster .bonus-ro-nav__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 12px;
	background: rgba(78, 172, 255, 0.08);
	border: 1px solid rgba(78, 172, 255, 0.14);
}

.wiki-booster .bonus-ro-nav__icon .wiki-item-id-ico {
	width: 40px;
	height: 40px;
}

.wiki-booster .bonus-ro-nav__label {
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

.wiki-booster .bonus-ro-panel__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 12px;
	flex-shrink: 0;
	background: rgba(78, 172, 255, 0.08);
	border: 1px solid rgba(78, 172, 255, 0.14);
}

.wiki-booster .bonus-ro-panel__icon .wiki-item-id-ico {
	width: 36px;
	height: 36px;
}

.wiki-booster .bonus-ro-examples {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.wiki-booster .bonus-ro-examples__item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.28rem 0.65rem 0.28rem 0.35rem;
	border-radius: 999px;
	border: 1px solid rgba(78, 172, 255, 0.22);
	background: #fff;
	color: var(--info-ink, #2c3544);
	font-size: 0.78rem;
	font-weight: 600;
}

.wiki-booster .bonus-ro-examples__item:hover {
	border-color: rgba(78, 172, 255, 0.5);
	background: rgba(78, 172, 255, 0.08);
	color: var(--info-accent-deep, #2b8ae8);
}

.wiki-booster .bonus-ro-origin,
.wiki-booster .bonus-ro-bonus {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	vertical-align: middle;
}

.wiki-booster .bonus-ro-origin .wiki-item-id-ico,
.wiki-booster .bonus-ro-bonus .wiki-item-id-ico {
	width: 22px;
	height: 22px;
}

/* Monstros Campe�o � wiki */
.campeao-hero {
	margin: 0;
	padding: 1rem 1.1rem;
	border-radius: 14px;
	background: #fff;
	border: 1px solid rgba(220, 20, 60, 0.18);
}

.campeao-hero__stage {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 0.55rem;
	padding: 1.15rem 1.1rem 0.65rem;
	border-radius: 14px;
	background: rgba(220, 20, 60, 0.08);
	border: 1px solid rgba(220, 20, 60, 0.2);
}

.campeao-hero__stage img.wiki-item-id-ico {
	width: 120px;
	height: 120px;
	object-fit: contain;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	position: relative;
	z-index: 1;
}

.campeao-hero__tag {
	display: inline-block;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	background: #DC143C;
	color: #fff;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.campeao-type-card {
	border-top: 4px solid var(--campeao-cor, #4eacff);
}

.campeao-type-card__mob {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 148px;
	margin-bottom: 0.65rem;
	padding: 0.85rem 0.55rem;
	border-radius: 12px;
	background: var(--campeao-soft, rgba(78, 172, 255, 0.1));
	overflow: hidden;
}

.campeao-type-card__mob img.wiki-item-id-ico {
	width: 88px;
	height: 88px;
	object-fit: contain;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	position: relative;
	z-index: 1;
}

.campeao-aura-img {
	position: absolute;
	left: 50%;
	top: 46%;
	width: 168px;
	height: 168px;
	transform: translate(-50%, -50%);
	object-fit: contain;
	pointer-events: none;
	z-index: 0;
}

.campeao-aura-img--hero {
	width: 196px;
	height: 196px;
	top: 42%;
}

.campeao-aura-img--chip {
	width: 108px;
	height: 108px;
	top: 48%;
}

.campeao-gallery__art {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 96px;
}

.campeao-gallery__art img.wiki-item-id-ico {
	position: relative;
	z-index: 1;
}

.campeao-type-card__mob-link {
	position: relative;
	z-index: 1;
}

.campeao-type-card__stats {
	padding-left: 1.1rem;
	margin-bottom: 0.5rem;
}

.campeao-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem;
}

@media (min-width: 576px) {
	.campeao-gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.campeao-gallery {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.campeao-gallery {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

.campeao-gallery__chip {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.3rem;
	padding: 0.65rem 0.4rem 0.55rem;
	border-radius: 12px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	text-decoration: none;
	color: inherit;
	text-align: center;
}

.campeao-gallery__chip:hover {
	border-color: var(--campeao-cor, #4eacff);
	background: rgba(78, 172, 255, 0.06);
}

.campeao-gallery__chip img.wiki-item-id-ico {
	width: 72px;
	height: 72px;
	object-fit: contain;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

.campeao-gallery__name {
	font-size: 0.78rem;
	font-weight: 700;
	color: #2c3544;
	line-height: 1.2;
}

.campeao-gallery__type {
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--campeao-cor, #4eacff);
	line-height: 1.2;
}

.campeao-reward-items {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.campeao-reward-items__chip {
	display: flex;
	align-items: center;
}

.eden-city-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 0.55rem;
}

.eden-city-chip {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.55rem 0.7rem;
	border: 1px solid rgba(78, 172, 255, 0.2);
	border-radius: 10px;
	background: linear-gradient(155deg, #fff 0%, #f5f8fc 100%);
	font-size: 0.82rem;
}

.eden-city-chip strong {
	color: var(--info-ink, #2c3544);
}

.eden-city-chip span {
	color: #6b7280;
	font-size: 0.75rem;
}

.eden-reward-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.1rem;
	font-size: 0.85rem;
}

.eden-hunt-grid,
.eden-shop-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
	gap: 0.6rem;
}

.eden-hunt-chip,
.eden-shop-chip {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.3rem;
	padding: 0.65rem 0.45rem 0.7rem;
	border: 1px solid rgba(78, 172, 255, 0.18);
	border-radius: 12px;
	background: #fff;
	text-decoration: none;
	color: inherit;
	text-align: center;
	min-height: 100%;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.eden-hunt-chip:hover,
.eden-shop-chip:hover {
	border-color: rgba(78, 172, 255, 0.5);
	box-shadow: 0 8px 20px rgba(78, 172, 255, 0.12);
	transform: translateY(-2px);
	color: inherit;
}

.eden-hunt-chip img,
.eden-shop-chip img {
	object-fit: contain;
}

.eden-hunt-chip__name,
.eden-shop-chip__name {
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--info-ink, #2c3544);
}

.eden-hunt-chip__qtd,
.eden-shop-chip__cost {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.72rem;
	font-weight: 700;
	color: #2b8ae8;
}

@media (max-width: 575.98px) {
	.eden-hunt-grid,
	.eden-shop-grid {
		grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	}
}

.eden-item-list {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.eden-item-row {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.4rem 0.55rem;
	border: 1px solid rgba(78, 172, 255, 0.16);
	border-radius: 10px;
	background: #fff;
	text-decoration: none;
	color: var(--info-ink, #2c3544);
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.3;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.eden-item-row:hover,
.eden-item-row:focus-visible {
	border-color: rgba(78, 172, 255, 0.5);
	box-shadow: 0 4px 14px rgba(78, 172, 255, 0.12);
	color: var(--info-ink, #2c3544);
}

.eden-item-row img {
	flex-shrink: 0;
	object-fit: contain;
}

/* Cadastro — banner de convite */
.cadastro-invite-banner {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	margin-bottom: 1.15rem;
	padding: 0.9rem 1rem;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(25, 135, 84, 0.12) 0%, rgba(13, 110, 253, 0.08) 100%);
	border: 1px solid rgba(25, 135, 84, 0.28);
	color: #1e3a2f;
}
.cadastro-invite-banner__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 8px;
	background: #198754;
	color: #fff;
	flex-shrink: 0;
}
.cadastro-invite-banner strong {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 0.92rem;
}
.cadastro-invite-banner p {
	font-size: 0.84rem;
	line-height: 1.45;
	color: #3d5a4e;
}

/* Minha Conta — painel Invite */
.painel-invite__lead {
	color: #4a5d6b;
	font-size: 0.92rem;
	margin-bottom: 1rem;
}
.painel-invite__stats .painel-invite__stat {
	background: rgba(78, 172, 255, 0.07);
	border: 1px solid rgba(78, 172, 255, 0.14);
	border-radius: 10px;
	padding: 0.75rem 0.85rem;
	text-align: center;
}
.painel-invite__stat-label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6a7d8c;
	margin-bottom: 0.2rem;
}
.painel-invite__stat strong {
	font-size: 1.15rem;
	color: #153a55;
}
.painel-invite__code {
	letter-spacing: 0.08em;
	font-family: Consolas, Monaco, monospace;
}
.painel-invite__label {
	display: block;
	font-weight: 700;
	font-size: 0.82rem;
	margin-bottom: 0.4rem;
	color: #153a55;
}
.painel-invite__copy {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}
.painel-invite__copy .form-control {
	flex: 1 1 220px;
	min-width: 0;
	font-size: 0.85rem;
}
.painel-invite__copy .btn {
	white-space: nowrap;
	border-radius: 8px;
}
.painel-invite__copy .btn.is-copied {
	background: #198754;
	border-color: #198754;
}
.painel-invite__hint {
	font-size: 0.82rem;
	color: #5a6b7a;
}
.painel-invite__badge {
	display: inline-block;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
}
.painel-invite__badge--pending {
	background: #fff3cd;
	color: #856404;
}
.painel-invite__badge--validated {
	background: #d1e7dd;
	color: #0f5132;
}
.painel-invite__badge--rejected {
	background: #f8d7da;
	color: #842029;
}

@media (max-width: 575.98px) {
	.painel-invite__copy {
		flex-direction: column;
	}
	.painel-invite__copy .btn {
		width: 100%;
	}
}

/* Wiki — Quest 7 de Setembro (Independência) */
.wiki-booster .indep7set-hero {
	border-color: rgba(0, 156, 59, 0.32);
	background:
		linear-gradient(90deg, rgba(0, 156, 59, 0.14) 0%, rgba(255, 215, 0, 0.16) 50%, rgba(0, 85, 255, 0.12) 100%),
		linear-gradient(155deg, #f4fff8 0%, #fff 58%, #f4f8ff 100%);
}

.wiki-booster .indep7set-npc-shot {
	background: #d8dde3;
}

.wiki-booster .indep7set-npc-shot .repouso-shot__img {
	aspect-ratio: 4 / 5;
	object-fit: contain;
	background: #d8dde3;
}

.wiki-booster .pipoca-wiki-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
	padding: 1.5rem 1.5rem 0;
}

.wiki-booster .pipoca-wiki-top .info-panel__head {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
}

.wiki-booster .pipoca-prize {
	flex: 0 0 248px;
	width: 248px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
	padding: 0.85rem 0.95rem 1rem;
}

.wiki-booster .pipoca-prize__badge {
	display: inline-flex;
	align-items: center;
	margin-bottom: 0.55rem;
	padding: 0.2rem 0.6rem;
	border-radius: 999px;
	background: #fff4cc;
	color: #8a5a00;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wiki-booster .pipoca-prize__shot {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0.65rem;
	padding: 0.45rem;
	border-radius: 12px;
	background: #f3f6fb;
}

.wiki-booster .pipoca-prize__shot img {
	width: 148px;
	height: 148px;
	object-fit: contain;
}

.wiki-booster .pipoca-prize__name {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin-bottom: 0.4rem;
}

.wiki-booster .pipoca-prize__name strong {
	font-size: 0.92rem;
	line-height: 1.2;
	color: #1b2433;
}

.wiki-booster .pipoca-prize__flavor {
	margin: 0 0 0.65rem;
	font-size: 0.78rem;
	line-height: 1.45;
	color: #5b6573;
}

.wiki-booster .pipoca-prize__effects-title {
	margin: 0 0 0.3rem;
	font-size: 0.72rem;
	font-weight: 700;
	color: #0055ff;
}

.wiki-booster .pipoca-prize__effects {
	margin: 0 0 0.65rem;
	padding-left: 1.05rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: #334155;
}

.wiki-booster .pipoca-prize__effects li + li {
	margin-top: 0.15rem;
}

.wiki-booster .pipoca-prize__meta {
	margin: 0;
	font-size: 0.7rem;
	color: #64748b;
}

@media (min-width: 768px) {
	.wiki-booster .pipoca-wiki-top {
		padding: 1.65rem 2.35rem 0;
	}
}

@media (max-width: 991.98px) {
	.wiki-booster .pipoca-wiki-top {
		flex-direction: column;
	}
	.wiki-booster .pipoca-prize {
		flex: 0 0 auto;
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
	}
}

.wiki-booster .evd-toc-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
	gap: 0.75rem;
}

.wiki-booster .evd-toc-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(78, 172, 255, 0.18);
	background: #fff;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wiki-booster .evd-toc-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 22px rgba(15, 23, 42, 0.12);
	color: inherit;
}

.wiki-booster .evd-toc-card__shot {
	display: block;
	aspect-ratio: 4 / 3;
	background: #d8dde3;
	overflow: hidden;
}

.wiki-booster .evd-toc-card__shot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	image-rendering: auto;
}

.wiki-booster .evd-toc-card__body {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.55rem 0.7rem 0.7rem;
}

.wiki-booster .evd-toc-card__body strong {
	font-size: 0.82rem;
	line-height: 1.25;
}

.wiki-booster .evd-toc-card__body span {
	font-size: 0.72rem;
	color: #6b7788;
	line-height: 1.3;
}

.wiki-booster .universo-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem 1.5rem;
}

.wiki-booster .universo-head__copy {
	flex: 1 1 18rem;
	min-width: 0;
}

.wiki-booster .universo-head__art {
	flex: 0 0 auto;
	margin: 0;
	max-width: 220px;
}

.wiki-booster .universo-head__art img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
	border: 1px solid rgba(78, 172, 255, 0.2);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.wiki-booster .universo-head__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.wiki-booster .universo-head .repouso-stat {
	text-align: center;
	padding: 0.55rem 0.35rem;
}

.wiki-booster .universo-raca-grid {
	grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
}

.wiki-booster .universo-raca-card {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.65rem 0.75rem;
}

.wiki-booster .universo-raca-card__icon {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.wiki-booster .evd-event {
	padding-top: 0.35rem;
	border-top: 1px solid rgba(78, 172, 255, 0.14);
}

.wiki-booster .evd-event__sub {
	font-weight: 500;
	color: #6b7788;
	font-size: 0.92em;
}

.wiki-booster .evd-reward-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	align-items: center;
	padding: 0.7rem 0.9rem;
	border-radius: 12px;
	background: rgba(255, 193, 7, 0.1);
	border: 1px solid rgba(255, 193, 7, 0.22);
	font-size: 0.86rem;
	font-weight: 600;
}

.wiki-booster .evd-reward-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.65rem;
}

.wiki-booster .evd-reward-tile {
	padding: 0.65rem 0.75rem;
	border-radius: 12px;
	background: rgba(78, 172, 255, 0.06);
	border: 1px solid rgba(78, 172, 255, 0.12);
}

.wiki-booster .evd-reward-tile--item {
	grid-column: 1 / -1;
}

.wiki-booster .evd-reward-tile--plus {
	background: rgba(255, 193, 7, 0.1);
	border-color: rgba(255, 193, 7, 0.22);
}

.wiki-booster .evd-reward-tile__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.wiki-booster .evd-reward-qty {
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--info-ink, #2c3544);
	white-space: nowrap;
}

.wiki-booster .evd-reward-nums {
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
	font-size: 0.86rem;
	color: #5b6778;
}

.wiki-booster .evd-reward-nums strong {
	color: var(--info-ink, #2c3544);
	font-variant-numeric: tabular-nums;
}

@media (max-width: 575.98px) {
	.wiki-booster .evd-reward-grid {
		grid-template-columns: 1fr;
	}
}

.wiki-booster .evd-other-card__shot {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #d8dde3;
	border-radius: 12px 12px 0 0;
}

.wiki-booster .evd-other-card__shot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.wiki-booster .evd-other-card .info-system-card__head {
	padding-top: 0.85rem;
}

/* Wiki — Séquito de Suporte */
.sequito-page {
	--sq-gold: #c9a227;
	--sq-rose: #c45c84;
	--sq-steel: #4f7ea8;
	--sq-teal: #2a9d8f;
	--sq-green: #5a8f3d;
	--sq-ink: #243044;
}

.sequito-hero {
	position: relative;
	overflow: hidden;
	border-radius: 22px;
	margin-bottom: 1.6rem;
	padding: 1.15rem 1.15rem 1.25rem;
	background:
		radial-gradient(circle at 12% 0%, rgba(201, 162, 39, 0.22), transparent 42%),
		radial-gradient(circle at 88% 10%, rgba(42, 157, 143, 0.18), transparent 40%),
		linear-gradient(160deg, #101826 0%, #1b2838 48%, #13202c 100%);
	box-shadow: 0 18px 48px rgba(16, 24, 38, 0.28);
	color: #e8eef6;
}

.sequito-hero__roster {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 0;
	min-height: 210px;
	margin: 0 0 1rem;
	pointer-events: none;
}

.sequito-hero__fig {
	width: 18%;
	max-width: 150px;
	margin: 0 -0.35rem;
	filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.35));
	transform-origin: bottom center;
	animation: sequito-float 5.6s ease-in-out infinite;
}

.sequito-hero__fig:nth-child(1) { animation-delay: 0s; z-index: 3; }
.sequito-hero__fig:nth-child(2) { animation-delay: 0.4s; z-index: 4; }
.sequito-hero__fig:nth-child(3) { animation-delay: 0.15s; z-index: 5; transform: scale(1.08); }
.sequito-hero__fig:nth-child(4) { animation-delay: 0.7s; z-index: 4; }
.sequito-hero__fig:nth-child(5) { animation-delay: 0.25s; z-index: 3; }

.sequito-hero__fig img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

@keyframes sequito-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

.sequito-hero__fig:nth-child(3) {
	animation-name: sequito-float-mid;
}
@keyframes sequito-float-mid {
	0%, 100% { transform: scale(1.08) translateY(0); }
	50% { transform: scale(1.08) translateY(-8px); }
}

.sequito-hero__badges,
.sequito-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.sequito-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.7rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.sequito-pill--live {
	background: rgba(34, 197, 94, 0.18);
	border-color: rgba(34, 197, 94, 0.35);
	color: #86efac;
}

.sequito-hero__lead {
	margin: 0.9rem 0 1rem;
	color: rgba(232, 238, 246, 0.86);
	line-height: 1.65;
	max-width: 58rem;
}

.sequito-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.65rem;
	margin-bottom: 1rem;
}

.sequito-stat {
	padding: 0.7rem 0.8rem;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.sequito-stat strong {
	display: block;
	font-size: 1.35rem;
	line-height: 1.1;
	color: #f3d27a;
}

.sequito-stat span {
	font-size: 0.78rem;
	color: rgba(232, 238, 246, 0.72);
}

.sequito-jump a {
	color: #dbe7f6;
	text-decoration: none;
	font-size: 0.82rem;
	font-weight: 700;
	padding: 0.32rem 0.7rem;
	border-radius: 999px;
	background: rgba(78, 172, 255, 0.12);
	border: 1px solid rgba(78, 172, 255, 0.22);
}

.sequito-jump a:hover {
	background: rgba(78, 172, 255, 0.22);
	color: #fff;
}

.sequito-muted {
	color: #5b6778;
	font-size: 0.94rem;
	line-height: 1.55;
}

.sequito-steps {
	list-style: none;
	padding: 0;
	margin: 0 0 1.6rem;
	display: grid;
	gap: 0.7rem;
}

.sequito-steps li {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.85rem;
	padding: 0.9rem 1rem;
	border-radius: 16px;
	background: linear-gradient(180deg, #f8fbff, #fff);
	border: 1px solid rgba(78, 172, 255, 0.14);
}

.sequito-steps__n {
	font-weight: 800;
	color: #c9a227;
	font-variant-numeric: tabular-nums;
	font-size: 1.05rem;
}

.sequito-steps strong {
	display: block;
	color: var(--sq-ink);
	margin-bottom: 0.2rem;
}

.sequito-steps p {
	margin: 0;
	color: #5b6778;
	font-size: 0.92rem;
}

.sequito-class-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.7rem;
	margin-bottom: 1.5rem;
}

.sequito-class-card {
	appearance: none;
	border: 1px solid rgba(36, 48, 68, 0.1);
	background: #fff;
	border-radius: 18px;
	padding: 0;
	overflow: hidden;
	text-align: left;
	cursor: pointer;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.sequito-class-card:hover,
.sequito-class-card.is-active {
	transform: translateY(-6px);
	box-shadow: 0 16px 32px rgba(15, 23, 42, 0.14);
}

.sequito-class-card.is-active {
	border-color: #c9a227;
}

.sequito-class-card__art {
	display: block;
	aspect-ratio: 3 / 4;
	background:
		radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.7), transparent 48%),
		#dfe7ef;
	overflow: hidden;
}

.sequito-class-card__art img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	display: block;
}

.sequito-class-card--gold .sequito-class-card__art { background-color: #efe2b6; }
.sequito-class-card--rose .sequito-class-card__art { background-color: #f3d0dc; }
.sequito-class-card--steel .sequito-class-card__art { background-color: #cddceb; }
.sequito-class-card--teal .sequito-class-card__art { background-color: #cdeadf; }
.sequito-class-card--green .sequito-class-card__art { background-color: #d7e6c4; }

.sequito-class-card__meta {
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
	padding: 0.7rem 0.75rem 0.85rem;
}

.sequito-class-card__job {
	font-size: 0.7rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 800;
	color: #8a94a3;
}

.sequito-class-card__meta strong {
	color: var(--sq-ink);
	font-size: 1rem;
}

.sequito-class-card__meta span:last-child {
	font-size: 0.8rem;
	color: #5b6778;
}

.sequito-table-wrap {
	margin-bottom: 1rem;
	border-radius: 14px;
	border: 1px solid rgba(36, 48, 68, 0.08);
}

.sequito-table {
	margin: 0;
	background: #fff;
}

.sequito-table th {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #5b6778;
	white-space: nowrap;
}

.sequito-tier {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 800;
}

.sequito-tier--0 { background: #eef2f6; color: #4b5565; }
.sequito-tier--1 { background: #e7f6ee; color: #157a3a; }
.sequito-tier--2 { background: #e7f0ff; color: #1d4f9a; }
.sequito-tier--3 { background: #fff4d6; color: #8a6408; }

.sequito-kit {
	margin-bottom: 1.15rem;
	padding: 1rem;
	border-radius: 20px;
	border: 1px solid rgba(36, 48, 68, 0.1);
	background: linear-gradient(180deg, #fbfcfe, #fff);
}

.sequito-kit__head {
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 1rem;
	margin-bottom: 1rem;
	align-items: start;
}

.sequito-kit__portrait {
	width: 100%;
	height: auto;
	border-radius: 16px;
	background: #e8eef4;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

.sequito-kit__job {
	margin: 0 0 0.2rem;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 800;
	color: #8a94a3;
}

.sequito-kit h4 {
	margin: 0 0 0.45rem;
	font-size: 1.45rem;
	color: var(--sq-ink);
}

.sequito-kit__when {
	margin: 0.5rem 0;
	color: var(--sq-ink);
}

.sequito-members {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.6rem;
	margin-bottom: 0.9rem;
}

.sequito-member {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0.7rem;
	border-radius: 14px;
	background: #f5f8fc;
	border: 1px solid rgba(36, 48, 68, 0.06);
	font-size: 0.84rem;
	color: #5b6778;
}

.sequito-member strong {
	color: var(--sq-ink);
}

.sequito-member__bonus {
	font-size: 0.78rem;
	line-height: 1.4;
}

.sequito-skill {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	text-decoration: none;
	color: var(--sq-ink);
	font-weight: 700;
}

.sequito-skill img {
	image-rendering: pixelated;
	flex-shrink: 0;
}

.sequito-skill:hover span {
	text-decoration: underline;
}

.sequito-notes {
	margin: 0.75rem 0 0;
	padding-left: 1.1rem;
	color: #5b6778;
	font-size: 0.92rem;
}

.sequito-combo-picks {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-bottom: 0.75rem;
}

.sequito-combo-pick {
	appearance: none;
	border: 1px solid rgba(36, 48, 68, 0.1);
	background: #fff;
	border-radius: 14px;
	padding: 0.35rem 0.7rem 0.35rem 0.35rem;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
	font-weight: 700;
	color: var(--sq-ink);
}

.sequito-combo-pick img {
	width: 36px;
	height: 48px;
	object-fit: contain;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	border-radius: 8px;
}

.sequito-combo-pick.is-picked {
	border-color: #c9a227;
	box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.18);
	background: #fff8e6;
}

.sequito-combo-out {
	min-height: 2.6rem;
	padding: 0.7rem 0.85rem;
	border-radius: 12px;
	background: rgba(201, 162, 39, 0.1);
	border: 1px solid rgba(201, 162, 39, 0.22);
	color: var(--sq-ink);
	margin-bottom: 0.9rem;
}

.sequito-combo-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}

.sequito-combo-card {
	padding: 0.85rem;
	border-radius: 16px;
	background: #fff;
	border: 1px solid rgba(36, 48, 68, 0.08);
}

.sequito-combo-card.is-highlight {
	border-color: #c9a227;
	box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.16);
}

.sequito-combo-card__faces {
	display: flex;
	gap: 0.35rem;
	margin-bottom: 0.5rem;
}

.sequito-combo-card__faces img {
	width: 64px;
	height: 86px;
	object-fit: contain;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	border-radius: 10px;
	background: #e8eef4;
}

.sequito-combo-card p {
	margin: 0.25rem 0 0;
	color: #5b6778;
	font-size: 0.9rem;
}

.sequito-cura-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.7rem;
	margin-bottom: 0.9rem;
}

.sequito-cura-card,
.sequito-item-card,
.sequito-callout {
	padding: 0.85rem 0.95rem;
	border-radius: 16px;
	background: #fff;
	border: 1px solid rgba(36, 48, 68, 0.08);
}

.sequito-cura-card p,
.sequito-item-card p {
	margin: 0.3rem 0 0;
	color: #5b6778;
	font-size: 0.9rem;
}

.sequito-callout {
	background: linear-gradient(135deg, rgba(201, 162, 39, 0.12), rgba(42, 157, 143, 0.08));
	border-color: rgba(201, 162, 39, 0.22);
	margin-bottom: 0.85rem;
}

.sequito-item-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.7rem;
	margin-bottom: 0.9rem;
}

.sequito-item-card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.75rem;
	align-items: start;
}

.sequito-item-card__ico {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.2rem;
}

.sequito-item-card__ico img {
	image-rendering: pixelated;
}

.sequito-item-card__ico code {
	font-size: 0.7rem;
	color: #8a94a3;
}

.sequito-cmd {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	cursor: pointer;
}

.sequito-cmd.is-copied code {
	background: #dcfce7;
}

.sequito-place {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 1rem;
	padding: 1rem;
	border-radius: 18px;
	background: #f7fafc;
	border: 1px solid rgba(36, 48, 68, 0.08);
	margin-bottom: 1.25rem;
}

.sequito-place__k {
	margin: 0;
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 800;
	color: #8a94a3;
}

.sequito-faq details {
	border: 1px solid rgba(36, 48, 68, 0.08);
	border-radius: 12px;
	padding: 0.7rem 0.9rem;
	background: #fff;
	margin-bottom: 0.5rem;
}

.sequito-faq summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--sq-ink);
}

.sequito-faq p {
	margin: 0.45rem 0 0;
	color: #5b6778;
	font-size: 0.92rem;
}

@media (max-width: 991.98px) {
	.sequito-class-grid,
	.sequito-members,
	.sequito-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sequito-hero__fig {
		width: 20%;
		max-width: 112px;
	}
}

@media (max-width: 767.98px) {
	.sequito-kit__head,
	.sequito-place,
	.sequito-combo-grid,
	.sequito-cura-grid,
	.sequito-item-grid {
		grid-template-columns: 1fr;
	}
	.sequito-class-grid,
	.sequito-members,
	.sequito-stats {
		grid-template-columns: 1fr 1fr;
	}
	.sequito-hero__roster {
		min-height: 150px;
	}
}