/* =====================================================================
   WarLover$Z - LAYOUT INTERNO (desenho MEUSITEPQP.png do YZZY). Prefixo: wf-
   Moldura dourada fina em fundo quase preto, menu lateral com as linhas da
   pasta FINAL, arena azul x vermelho, paineis com cantoneiras douradas.
   Base escura das paginas do MyAAC: estilo.css (.wlz .TableContainer etc.).
   ===================================================================== */
body.wlz.wf {
	--fundo: #07070a;
	--fundo-2: #0b0b10;
	--cartao: #121219;
	--cartao-2: #0e0e14;
	--texto: #e9dfc8;
	--texto-suave: #a99d84;
	--ouro: #d6a84e;
	--ouro-claro: #f3d892;
	--ouro-escuro: #7a5a22;
	--borda: rgba(214, 168, 78, .3);
	--titulo: 'WfNum', 'Cinzel', Georgia, 'Times New Roman', serif; /* digitos da Crimson (rev01#3) */
	--corpo: 'Crimson Pro', Georgia, 'Times New Roman', serif;
	--wf-ciano: #3fd8ff;
	--wf-verm: #ff3a3a;
	margin: 0;
	min-height: 100vh;
	color: var(--texto);
	font: 17px/1.45 var(--corpo);
	background:
		radial-gradient(ellipse 70% 38% at 50% 108%, rgba(255, 86, 20, .16), transparent 70%),
		radial-gradient(ellipse 60% 50% at 50% -10%, rgba(120, 30, 20, .22), transparent 70%),
		linear-gradient(180deg, #0a0a0f 0%, #07070a 50%, #0a0706 100%) fixed;
	overflow-x: hidden;
}
.wf a { color: var(--ouro-claro); }
.wf a:hover { color: #fff3cf; }
.wf .wf-ico { image-rendering: pixelated; flex: none; }
.wf-pular { position: absolute; left: -999px; top: 0; z-index: 99; padding: 8px 12px; background: #000; color: #fff; }
.wf-pular:focus { left: 8px; }

/* cenario das laterais (castelos, lua, estandartes e brasas recortados do desenho) */
.wf-cenario { position: fixed; inset: 0; z-index: -1; pointer-events: none; }
.wf-cenario span { position: absolute; top: 0; bottom: 0; width: min(17vw, 290px); background-repeat: no-repeat; background-size: cover; opacity: .8; }
.wf-cenario-e { left: 0; background-image: var(--wf-lado-e); background-position: right top;
	-webkit-mask-image: linear-gradient(90deg, #000 50%, transparent 100%); mask-image: linear-gradient(90deg, #000 50%, transparent 100%); }
.wf-cenario-d { right: 0; background-image: var(--wf-lado-d); background-position: left top;
	-webkit-mask-image: linear-gradient(270deg, #000 50%, transparent 100%); mask-image: linear-gradient(270deg, #000 50%, transparent 100%); }
.wf-cenario::after { /* brasas no chao */
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40vh;
	background: radial-gradient(ellipse 30% 60% at 8% 100%, rgba(255, 90, 20, .18), transparent 70%), radial-gradient(ellipse 30% 60% at 92% 100%, rgba(255, 70, 10, .16), transparent 70%);
}

/* ---------- grade ---------- */
.wf-pagina {
	position: relative;
	display: grid;
	grid-template-columns: 318px minmax(0, 1fr);
	gap: 22px;
	align-items: start;
	max-width: 1480px;
	margin: 0 auto;
	padding: 12px 22px 24px;
	box-sizing: border-box;
}

/* ---------- moldura dourada (paineis, arena, caixas) ---------- */
.wf-moldura {
	position: relative;
	background:
		radial-gradient(ellipse 80% 60% at 50% 0%, rgba(214, 168, 78, .06), transparent 70%),
		linear-gradient(180deg, rgba(16, 16, 22, .97), rgba(8, 8, 12, .98));
	border: 1px solid #b88c3e;
	box-shadow:
		inset 0 0 0 3px #08080b,
		inset 0 0 0 4px rgba(214, 168, 78, .42),
		inset 0 0 40px rgba(0, 0, 0, .7),
		0 0 0 1px #000,
		0 12px 32px rgba(0, 0, 0, .75);
}
/* cantoneiras em L nos 4 cantos + losango no topo */
.wf-moldura::before {
	content: ""; position: absolute; inset: -4px; pointer-events: none; z-index: 2;
	background:
		linear-gradient(#f0cf7c, #9b7230) left top / 22px 3px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) left top / 3px 22px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) right top / 22px 3px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) right top / 3px 22px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) left bottom / 22px 3px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) left bottom / 3px 22px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) right bottom / 22px 3px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) right bottom / 3px 22px no-repeat;
	filter: drop-shadow(0 0 3px rgba(255, 200, 100, .35));
}
.wf-moldura::after {
	content: ""; position: absolute; left: 50%; bottom: -7px; width: 12px; height: 12px; z-index: 2; pointer-events: none;
	transform: translateX(-50%) rotate(45deg);
	background: linear-gradient(135deg, #fff0bf, #d6a84e 45%, #7a5a22);
	box-shadow: 0 0 0 2px #08080b, 0 0 8px rgba(255, 190, 90, .6);
}

/* ---------- barra da esquerda ---------- */
.wf-lateral { position: relative; display: flex; flex-direction: column; min-width: 0; z-index: 3; }
.wf-logo { position: relative; z-index: 4; display: block; margin: -6px -14px -18px; line-height: 0; text-decoration: none !important; }
.wf-logo::before { /* brilho dourado/vermelho atras da logo */
	content: ""; position: absolute; left: 8%; right: 8%; top: 14%; bottom: 10%; z-index: -1; border-radius: 50%;
	background: radial-gradient(ellipse at 50% 55%, rgba(255, 170, 60, .34), rgba(180, 30, 10, .18) 45%, transparent 72%);
	filter: blur(6px);
}
.wf-logo img { display: block; width: 100%; height: auto; aspect-ratio: 960 / 470; object-fit: cover; object-position: 50% 40%;
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .9)) drop-shadow(0 0 14px rgba(255, 180, 70, .28)); transition: filter .2s ease, transform .2s ease; }
.wf-logo:hover img { filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .9)) drop-shadow(0 0 22px rgba(255, 190, 90, .5)); transform: scale(1.015); }
.wf-logo span { display: block; padding: 30px 0; text-align: center; font: 900 34px/1 var(--titulo); color: var(--ouro-claro); }
.wf-coluna {
	position: relative; display: flex; flex-direction: column; gap: 14px; padding: 30px 14px 18px;
	background: linear-gradient(180deg, rgba(12, 12, 17, .94), rgba(6, 6, 9, .97));
	border: 1px solid #b88c3e;
	box-shadow: inset 0 0 0 3px #08080b, inset 0 0 0 4px rgba(214, 168, 78, .38), 0 0 0 1px #000, 0 12px 32px rgba(0, 0, 0, .8);
}
.wf-coluna::before { /* cantoneiras como as dos paineis do centro */
	content: ""; position: absolute; inset: -4px; pointer-events: none;
	background:
		linear-gradient(#f0cf7c, #9b7230) left top / 22px 3px no-repeat, linear-gradient(#f0cf7c, #9b7230) left top / 3px 22px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) right top / 22px 3px no-repeat, linear-gradient(#f0cf7c, #9b7230) right top / 3px 22px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) left bottom / 22px 3px no-repeat, linear-gradient(#f0cf7c, #9b7230) left bottom / 3px 22px no-repeat,
		linear-gradient(#f0cf7c, #9b7230) right bottom / 22px 3px no-repeat, linear-gradient(#f0cf7c, #9b7230) right bottom / 3px 22px no-repeat;
}
.wf-coluna::after { /* losango dourado embaixo, igual aos paineis */
	content: ""; position: absolute; left: 50%; bottom: -7px; width: 12px; height: 12px; pointer-events: none;
	transform: translateX(-50%) rotate(45deg);
	background: linear-gradient(135deg, #fff0bf, #d6a84e 45%, #7a5a22);
	box-shadow: 0 0 0 2px #08080b, 0 0 8px rgba(255, 190, 90, .6);
}

/* online */
.wf-online {
	display: flex; align-items: center; gap: 10px; height: 54px; padding: 0 14px; box-sizing: border-box;
	border: 1px solid #b88c3e; border-radius: 3px;
	background: linear-gradient(180deg, #1a1820, #0b0b10);
	box-shadow: inset 0 0 0 2px #07070a, inset 0 0 0 3px rgba(214, 168, 78, .25), 0 0 14px rgba(0, 0, 0, .6);
	font: 600 19px/1 var(--corpo); color: #efe4cb;
}
.wf-online .wf-ico { width: 32px; height: 32px; }
.wf-online-rot { white-space: nowrap; }
.wf-online strong { font: 900 28px/1 var(--titulo); color: var(--wf-ciano); text-shadow: 0 0 10px rgba(63, 216, 255, .65); }
.wf-gema { width: 20px; height: 20px; margin-left: auto; animation: wf-pulso 1.8s ease-in-out infinite; }
@keyframes wf-pulso { 50% { filter: brightness(1.6) drop-shadow(0 0 6px #3cff6a); } }

.wf-voc { list-style: none; margin: -6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.wf-voc a {
	display: flex; align-items: center; justify-content: center; gap: 4px; height: 36px; border: 1px solid rgba(214, 168, 78, .4); border-radius: 3px;
	background: linear-gradient(180deg, #16151c, #09090d); color: #efe4cb !important; text-decoration: none !important; font: 700 17px/1 var(--corpo);
}
.wf-voc a:hover { border-color: #d6a84e; background: rgba(214, 168, 78, .14); }
.wf-voc .wf-ico { width: 24px; height: 24px; }
.wf-menu-botao { display: none; }
.wf-recolhe { display: flex; flex-direction: column; gap: 14px; }

/* top 5 */
.wf-caixa {
	border: 1px solid #8f6c2c; border-radius: 2px; background: rgba(5, 5, 8, .72);
	box-shadow: inset 0 0 0 2px #07070a, inset 0 0 0 3px rgba(214, 168, 78, .18);
}
.wf-top5 { padding: 8px 12px; }
.wf-top5 ol { list-style: none; margin: 0; padding: 0; }
.wf-top5 li { display: flex; align-items: center; gap: 6px; padding: 4px 0; font-size: 18px; line-height: 1.3; }
.wf-top5 li + li { border-top: 1px solid rgba(214, 168, 78, .12); }
.wf-pos { display: inline-flex; align-items: center; justify-content: flex-end; gap: 3px; min-width: 40px; color: #cdbb93; font-variant-numeric: lining-nums; }
.wf-coroa { font-style: normal; color: #f0c45a; text-shadow: 0 0 6px rgba(255, 190, 60, .7); }
.wf-top5 a { min-width: 0; color: #efe4cb; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wf-top5 a:hover { color: #fff3cf; }
.wf-top5 .wlz-skull { font-size: 13px; }
.wf-lvl { margin-left: auto; color: #b9a77f; font-size: 16px; white-space: nowrap; font-variant-numeric: lining-nums; }
.wf-vazio-mini { margin: 6px 0; text-align: center; color: var(--texto-suave); font-style: italic; }

/* menu: botoes grandes com a borda dourada inteira (icone do cliente 8.60 num medalhao + texto) */
.wf-menu ul, .wf-breves ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.wf-item {
	position: relative; display: flex; align-items: center; gap: 12px; height: 52px; box-sizing: border-box;
	padding: 0 14px 0 7px;
	border: 1px solid #a8803a; border-radius: 3px;
	background: linear-gradient(180deg, #1d1b22 0%, #121117 48%, #0a0a0e 100%);
	box-shadow: inset 0 0 0 1px #050507, inset 0 0 0 2px rgba(214, 168, 78, .16), inset 0 1px 0 2px rgba(255, 225, 160, .06), 0 2px 6px rgba(0, 0, 0, .7);
	color: #efe4cb !important; text-decoration: none !important;
	font: 600 20px/1 var(--corpo); letter-spacing: .01em; white-space: nowrap;
	text-shadow: 0 1px 2px #000;
	transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.wf-item::after { /* seta discreta a direita */
	content: ""; flex: none; margin-left: auto; width: 8px; height: 8px; margin-right: 4px;
	border-top: 2px solid rgba(214, 168, 78, .6); border-right: 2px solid rgba(214, 168, 78, .6); transform: rotate(45deg);
}
.wf-item.wf-breve::after { content: none; }
.wf-item-txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.wf-ico-slot {
	flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; box-sizing: border-box; border-radius: 50%;
	border: 1px solid #c99a45; background: radial-gradient(circle at 50% 40%, #2c2418, #0a0908 75%);
	box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #000, 0 0 6px rgba(255, 190, 90, .18);
}
.wf-ico-slot .wf-ico { width: 32px; height: 32px; filter: drop-shadow(0 1px 1px #000); }
a.wf-item:hover, a.wf-item:focus-visible, .wf-item.wf-ativo {
	border-color: #f0c96a; color: #fff3cf !important;
	background: linear-gradient(180deg, #3a2412 0%, #22140b 50%, #120a06 100%);
	box-shadow: inset 0 0 0 1px #050507, inset 0 0 0 2px rgba(240, 201, 106, .35), 0 0 12px rgba(255, 160, 60, .3), 0 2px 6px rgba(0, 0, 0, .7);
}
a.wf-item:hover::after, .wf-item.wf-ativo::after { border-color: #f3d892; }
a.wf-item:hover .wf-ico-slot, .wf-item.wf-ativo .wf-ico-slot { border-color: #f3d892; box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #000, 0 0 10px rgba(255, 190, 90, .55); }
a.wf-item:focus-visible { outline: 2px solid #f3d892; outline-offset: 2px; }
.wf-breve { opacity: .55; cursor: default; }

/* SHOPPING com o LEAMAS (mesmo sistema do tema; aqui so o lugar) */
.wf .wf-leamas { margin: 46px -8px 0; }
.wf .wf-leamas .wlz-bi-img { width: 100%; max-width: none; filter: drop-shadow(0 0 12px rgba(255, 90, 0, .45)); }
.wf .wlz-leamas-loja { color: #ffb36b; font-size: 17px; }
.wf .wlz-leamas-loja .wf-ico { width: 20px; height: 20px; }

/* em breve (itens que ainda nao existem) */
.wf-breves { margin-top: 2px; }
.wf-breves summary {
	cursor: pointer; list-style: none; padding: 10px; text-align: center; color: #cdbb93;
	font: 700 15px/1.2 var(--titulo); letter-spacing: .12em; text-transform: uppercase;
	border-top: 1px solid rgba(214, 168, 78, .22); border-bottom: 1px solid rgba(214, 168, 78, .22);
}
.wf-breves summary::-webkit-details-marker { display: none; }
.wf-breves summary::after { content: " ▾"; color: #d6a84e; }
.wf-breves[open] summary::after { content: " ▴"; }
.wf-breves summary small { font-size: 11px; color: var(--texto-suave); }
.wf-breves ul { margin-top: 8px; }
.wf-conta { text-align: center; font-size: 17px; color: #8f836c; }
.wf-conta span { color: #7a5a22; margin: 0 4px; }

/* ---------- centro ---------- */
.wf-centro { display: flex; flex-direction: column; gap: 22px; min-width: 0; }

/* ARENA */
.wf-arena { padding: 10px 16px 16px; border-color: #d0a24d; }
.wf-arena-topo { display: flex; align-items: center; justify-content: center; gap: 12px; text-align: center; margin: 0 0 6px; }
.wf-arena-titulo { min-width: 0; }
.wf-arena-topo h1 {
	margin: 0; font: 900 clamp(24px, 3.1vw, 44px)/1.05 var(--titulo); letter-spacing: .03em;
	background: linear-gradient(180deg, #fff6d6 0%, #f3d27a 38%, #c98d2c 70%, #7d4f12 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	filter: drop-shadow(0 2px 0 #000) drop-shadow(0 0 12px rgba(255, 170, 60, .25));
}
.wf-arena-topo p { margin: 4px 0 0; font: 600 13px/1.2 var(--titulo); letter-spacing: .16em; text-transform: uppercase; color: #e2d3ad; }
.wf-espadas { width: 64px; height: auto; flex: none; mix-blend-mode: lighten;
	-webkit-mask-image: radial-gradient(circle, #000 55%, transparent 74%); mask-image: radial-gradient(circle, #000 55%, transparent 74%); }

.wf-palco {
	position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(170px, 230px) minmax(0, 1fr); align-items: stretch;
	border: 1px solid #5d4519; border-radius: 2px; overflow: hidden; min-height: 280px;
	background-color: #07080c;
	background-image:
		linear-gradient(90deg, rgba(8, 40, 120, .55) 0%, rgba(8, 30, 90, .25) 32%, rgba(0, 0, 0, .55) 50%, rgba(110, 8, 8, .25) 68%, rgba(130, 10, 10, .55) 100%),
		linear-gradient(0deg, rgba(5, 5, 8, .92) 0%, rgba(5, 5, 8, .15) 55%, rgba(5, 5, 8, .35) 100%),
		var(--wf-arena);
	background-size: cover, cover, cover;
	background-position: center, center, center 30%;
	box-shadow: inset 0 0 50px rgba(0, 0, 0, .8);
}
.wf-lado { position: relative; padding: 14px 14px 12px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.wf-lado-cab { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; }
.wf-escudo { width: 92px; height: auto; border-radius: 6px;
	-webkit-mask-image: radial-gradient(ellipse 54% 56% at 50% 50%, #000 72%, transparent 100%); mask-image: radial-gradient(ellipse 54% 56% at 50% 50%, #000 72%, transparent 100%); }
.wf-lado-a .wf-escudo { filter: drop-shadow(0 0 14px rgba(63, 160, 255, .55)); }
.wf-lado-b .wf-escudo { filter: drop-shadow(0 0 14px rgba(255, 60, 60, .55)); }
.wf-escudo-logo { width: 72px; height: 72px; object-fit: contain; -webkit-mask-image: none; mask-image: none; }
.wf-lado h2 { margin: 0; max-width: 100%; font: 700 clamp(20px, 2.1vw, 32px)/1.1 var(--titulo); overflow-wrap: anywhere; }
.wf-lado h2 a { text-decoration: none; color: #f6e2a8; text-shadow: 0 2px 0 #000, 0 0 12px rgba(0, 0, 0, .9); }
.wf-guerreiros { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.wf-guerreiros li { position: relative; aspect-ratio: 1; border: 1px solid #8f6c2c; background: radial-gradient(circle at 50% 60%, rgba(255, 255, 255, .08), rgba(0, 0, 0, .7)); overflow: hidden; }
.wf-lado-a .wf-guerreiros li { border-color: #4b86d6; box-shadow: inset 0 0 12px rgba(60, 140, 255, .35), 0 0 6px rgba(60, 140, 255, .25); }
.wf-lado-b .wf-guerreiros li { border-color: #d64b4b; box-shadow: inset 0 0 12px rgba(255, 60, 60, .35), 0 0 6px rgba(255, 60, 60, .25); }
.wf-guerreiros li.wf-on::after { content: ""; position: absolute; top: 3px; right: 3px; width: 7px; height: 7px; border-radius: 50%; background: #3cff6a; box-shadow: 0 0 6px #3cff6a; }
.wf-guerreiros li.wf-slot-vazio { opacity: .45; }
.wf-guerreiros a { position: absolute; inset: 0; display: block; }
.wf-guerreiros img { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: contain; object-position: right bottom; image-rendering: pixelated; }
.wf-guerreiros span { position: absolute; left: 0; right: 0; bottom: 0; padding: 1px 2px; font: 600 11px/1.2 var(--corpo); background: rgba(0, 0, 0, .75); color: #efe4cb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.wf-stats { display: grid; grid-template-columns: repeat(3, auto) minmax(0, 1fr); align-items: end; gap: 4px 16px; margin: auto 0 0; }
.wf-stats div { min-width: 0; text-align: center; }
.wf-stats dt { display: flex; align-items: center; justify-content: center; gap: 3px; font: 700 11px/1.2 var(--titulo); letter-spacing: .08em; text-transform: uppercase; color: #d9c9a2; }
.wf-stats dd { margin: 0; font: 900 22px/1.1 var(--titulo); font-variant-numeric: lining-nums; }
.wf-lado-a .wf-stats dd { color: var(--wf-ciano); text-shadow: 0 0 8px rgba(63, 216, 255, .5); }
.wf-lado-b .wf-stats dd { color: var(--wf-verm); text-shadow: 0 0 8px rgba(255, 58, 58, .5); }
.wf-stats dd.wf-seq { color: #4dff7a !important; text-shadow: 0 0 8px rgba(77, 255, 122, .45) !important; }
.wf-mvp { text-align: left !important; }
.wf-mvp dt { justify-content: flex-start; }
.wf-mvp dd { font: 700 16px/1.2 var(--corpo) !important; color: #fff !important; text-shadow: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.wf-placar { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 14px 6px; text-align: center; }
.wf-numeros { display: flex; align-items: center; gap: 14px; font: 900 clamp(54px, 6.4vw, 96px)/1 var(--titulo); font-variant-numeric: lining-nums; }
.wf-numeros span { font-size: .45em; color: #e2d3ad; text-shadow: 0 2px 0 #000; }
.wf-azul { color: #4fe3ff; text-shadow: 0 0 14px rgba(63, 216, 255, .9), 0 0 34px rgba(30, 140, 255, .6); }
.wf-verm { color: #ff3a3a; text-shadow: 0 0 14px rgba(255, 58, 58, .9), 0 0 34px rgba(200, 0, 0, .6); }
.wf-numeros-vs { gap: 2px; font-size: clamp(44px, 5vw, 72px); }
.wf-relogio { padding: 6px 14px; border: 1px solid #b88c3e; background: rgba(0, 0, 0, .82); box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px rgba(214, 168, 78, .3); }
.wf-relogio span { display: block; font: 700 12px/1.2 var(--titulo); letter-spacing: .12em; text-transform: uppercase; color: #efe4cb; }
.wf-relogio time { display: block; font: 700 19px/1.3 var(--titulo); color: #ffe3a0; font-variant-numeric: lining-nums tabular-nums; }
.wf-limite { color: #cdbb93; font-size: 14px; }
.wf-sem-guerra { margin: 0; font: 700 18px/1.3 var(--titulo); color: #f6e2a8; text-shadow: 0 2px 4px #000; }
.wf-palco-vazio .wf-lado { justify-content: center; }
.wf-palco-vazio .wf-escudo { width: 120px; }

.wf-btn {
	display: inline-block; padding: 8px 18px; border: 1px solid #d6a84e; border-radius: 2px;
	background: linear-gradient(180deg, #4a1c0c, #1c0a05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .8), 0 0 12px rgba(255, 110, 30, .25);
	color: #ffe3a0 !important; font: 700 13px/1 var(--titulo); letter-spacing: .1em; text-transform: uppercase; text-decoration: none !important;
}
.wf-btn:hover { background: linear-gradient(180deg, #6a2a10, #2a1008); box-shadow: 0 0 16px rgba(255, 130, 40, .45); }

/* faixa de guerras */
.wf-faixa { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.wf-trilho { display: flex; gap: 12px; flex: 1; min-width: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px; }
.wf-trilho::-webkit-scrollbar { display: none; }
.wf-seta { flex: none; width: 30px; height: 52px; border: 0; background: none; color: #e9b955; font: 900 38px/1 var(--titulo); cursor: pointer; }
.wf-seta:hover { color: #fff1c4; }
.wf-cartao-guerra {
	flex: 0 0 calc(25% - 9px); min-width: 210px; scroll-snap-align: start;
	display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 6px 10px;
	background: linear-gradient(180deg, #14141b, #09090d); border: 1px solid #6d5220; text-decoration: none !important;
	box-shadow: inset 0 0 0 2px #07070a, inset 0 0 0 3px rgba(214, 168, 78, .15);
}
.wf-cartao-guerra:hover { border-color: #d6a84e; }
.wf-cartao-guerra.wf-sel { border-color: #4fb8ff; box-shadow: 0 0 12px rgba(79, 184, 255, .55), inset 0 0 14px rgba(79, 184, 255, .2); }
.wf .wf-escudo-mini { width: 40px; }
.wf .wf-cartao-guerra .wf-escudo-logo { width: 34px; height: 34px; }
.wf-cg-meio { display: flex; flex-direction: column; align-items: center; min-width: 0; text-align: center; }
.wf-cg-meio small { max-width: 130px; font-size: 13px; color: #e2d3ad; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wf-cg-meio b { font: 900 20px/1.2 var(--titulo); color: #fff; font-variant-numeric: lining-nums; }
.wf-cg-meio i { font: 700 11px/1 var(--titulo); font-style: normal; letter-spacing: .12em; }
.wf-vivo { color: #ff4a4a; text-shadow: 0 0 6px rgba(255, 60, 60, .6); }
.wf-breve-tag { color: #c9c9c9; }

/* ---------- paineis ---------- */
.wf-painel { padding: 12px 18px 18px; min-width: 0; }
.wf-painel-cab { display: flex; align-items: center; gap: 12px; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid rgba(214, 168, 78, .3); }
.wf-painel-cab h2 { margin: 0; font: 700 26px/1.1 var(--titulo); color: #f3e3b6; text-shadow: 0 2px 3px #000; }
.wf-hex { /* selo hexagonal dourado com o icone */
	position: relative; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 44px;
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	background: linear-gradient(160deg, #fff0bf, #d6a84e 40%, #6d4c16);
}
.wf-hex::before { content: ""; position: absolute; inset: 2px; clip-path: inherit; background: radial-gradient(circle at 50% 40%, #2a2216, #0a0908); }
.wf-hex img { position: relative; width: 24px; height: 24px; image-rendering: pixelated; }
.wf-hex-grande { width: 64px; height: 72px; }
.wf-hex-grande img { width: 32px; height: 32px; }
.wf-ver { margin-left: auto; font: 700 12px/1.2 var(--titulo); letter-spacing: .12em; text-transform: uppercase; text-decoration: none !important; color: #d6a84e !important; white-space: nowrap; }
.wf-ver:hover { color: #fff1c4 !important; }
.wf-ver-breve { color: #8f836c !important; }
.wf-vazio { margin: 6px 0; padding: 18px 10px; text-align: center; color: var(--texto-suave); font-style: italic; }

/* noticias em 3 colunas, data em caixinha dourada */
.wf-lista-noticias { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wf-noticia { display: flex; gap: 14px; padding: 4px 16px; min-width: 0; }
.wf-noticia:first-child { padding-left: 4px; }
.wf-noticia + .wf-noticia { border-left: 1px solid rgba(214, 168, 78, .22); }
.wf-noticia-txt { min-width: 0; }
.wf-data { flex: none; width: 50px; padding: 4px 0 3px; text-align: center; height: fit-content; border: 1px solid #b88c3e; background: #0b0b10; box-shadow: inset 0 0 0 2px #050507, inset 0 0 0 3px rgba(214, 168, 78, .2); }
.wf-data b { display: block; font: 700 22px/1 var(--titulo); color: #f3e3b6; font-variant-numeric: lining-nums; }
.wf-data span { font: 600 12px/1 var(--titulo); letter-spacing: .08em; color: #d9c9a2; }
.wf-noticia h3 { margin: 0 0 4px; font: 700 19px/1.2 var(--corpo); }
.wf-noticia h3 a { color: #f3d892; text-decoration: none; }
.wf-noticia h3 a:hover { color: #fff3cf; text-decoration: underline; }
.wf-noticia p { margin: 0; font-size: 16px; color: #d4cab4; overflow-wrap: anywhere; }

.wf-posts-vazio { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 10px 10px; text-align: center; }
.wf-posts-vazio p { margin: 0; color: var(--texto-suave); font-style: italic; }

/* ---------- paginas internas: placa do titulo (arte FINAL) + painel ---------- */
.wf-placa { position: relative; width: min(680px, 100%); margin: 0 auto -18px; aspect-ratio: 700 / 143; background: var(--wf-placa) center / 100% 100% no-repeat; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .7)); }
.wf-placa h1 {
	position: absolute; left: 19%; right: 19%; top: 25%; height: 35%; margin: 0;
	display: flex; align-items: center; justify-content: center; text-align: center;
	font: 700 clamp(15px, 2.2vw, 26px)/1 var(--titulo); letter-spacing: .06em; color: transparent;
}
.wf-placa h1 span {
	display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: .08em 0;
	background: linear-gradient(180deg, #fff6d6 0%, #f3d27a 45%, #b9802a 100%); -webkit-background-clip: text; background-clip: text;
	filter: drop-shadow(0 1px 0 #000);
}
.wf-conteudo { padding: 20px 22px 24px; }
.wf-corpo { min-height: 160px; font-size: 16px; overflow-wrap: break-word; }
.wf-corpo > :first-child { margin-top: 0; }

/* MyAAC dentro do painel escuro (ajustes finos sobre estilo.css) */
.wf .wf-corpo table { font-variant-numeric: lining-nums; }
.wf .wf-corpo td, .wf .wf-corpo th { font-size: 16px; }
.wf .wf-corpo h1, .wf .wf-corpo h2, .wf .wf-corpo h3 { color: #f3d892; text-shadow: 0 1px 2px #000; }
.wf .wf-corpo a { color: #f3d892; }
.wf .wf-corpo a:hover { color: #fff; }
.wf .TableContainer { margin: 0 0 18px; border: 1px solid #8f6c2c; border-radius: 0; background: rgba(10, 10, 15, .85);
	box-shadow: inset 0 0 0 2px #07070a, inset 0 0 0 3px rgba(214, 168, 78, .16); }
.wf .CaptionContainer { padding: 8px 14px; background: linear-gradient(90deg, #3a1a0a, #1a1410 55%, #0e0e14); border-bottom: 1px solid #8f6c2c; }
.wf .CaptionContainer .Text { font: 700 16px/1.2 var(--titulo); letter-spacing: .06em; color: #f3d892; text-shadow: 0 1px 2px #000; }
.wf .wf-corpo [bgcolor="#242422"] { background-color: #101017; }
.wf .wf-corpo [bgcolor="#2a2a28"] { background-color: #16161f; }
.wf .wf-corpo [bgcolor="#4a3a12"] { background: linear-gradient(90deg, #3a1a0a, #241a0e); color: #f3d892; }
.wf .wf-corpo [bgcolor="#4a3a12"] a, .wf .wf-corpo [bgcolor="#4a3a12"] b { color: #f3d892; }
.wf .wf-corpo tr:hover > td[bgcolor="#242422"], .wf .wf-corpo tr:hover > td[bgcolor="#2a2a28"] { background-color: #1d1a16; }
.wf .wlz-conteudo-corpo input[type=text], .wf .wlz-conteudo-corpo input[type=password], .wf .wlz-conteudo-corpo input[type=email],
.wf .wlz-conteudo-corpo input[type=number], .wf .wlz-conteudo-corpo input[type=search], .wf .wlz-conteudo-corpo select, .wf .wlz-conteudo-corpo textarea {
	background: #09090d; border: 1px solid #7a5a22; border-radius: 2px; color: #efe4cb; font: 16px var(--corpo);
	box-shadow: inset 0 2px 6px rgba(0, 0, 0, .7);
}
.wf .wlz-conteudo-corpo input[type=submit], .wf .wlz-conteudo-corpo input[type=button], .wf .wlz-conteudo-corpo button:not(.wlz-btn):not(.wlz-vitrine-seta):not(.w98-b):not(.w98-ok):not(.w98-aba) {
	background: linear-gradient(180deg, #5a2410, #2a0e06); color: #ffe3a0; border: 1px solid #d6a84e; border-radius: 2px;
	font: 700 13px/1 var(--titulo); letter-spacing: .08em; text-transform: uppercase; padding: 10px 18px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .8), 0 0 12px rgba(255, 110, 30, .2);
}
.wf .wlz-conteudo-corpo input[type=submit]:hover, .wf .wlz-conteudo-corpo input[type=button]:hover { background: linear-gradient(180deg, #7a3214, #3a1408); box-shadow: 0 0 16px rgba(255, 130, 40, .45); }
.wf .NewsHeadline { border-bottom: 1px solid rgba(214, 168, 78, .3); }
.wf .NewsHeadlineText { font: 700 20px/1.2 var(--titulo); color: #f3d892; }
/* diario de desbloqueios (pagina do personagem) no escuro */
.wf .wlz-diario-mini { display: block; margin: 8px auto 0; padding: 6px 8px; max-width: 230px; border: 1px solid rgba(214, 168, 78, .4); background: rgba(0, 0, 0, .35); text-decoration: none; color: #f3d892; }
.wf .wlz-diario-mini b { display: block; font-size: 14px; margin-bottom: 4px; }
.wf .wlz-diario-mini-icones { display: flex; flex-wrap: wrap; justify-content: center; gap: 3px; }
.wf .wlz-diario-mini-icones img { image-rendering: pixelated; }
.wf .wlz-diario-mini-icones img.bloqueado { filter: brightness(0) opacity(.4); }
.wf .wlz-diario-mini-icones img.ganho { filter: drop-shadow(0 0 3px rgba(255, 190, 60, .9)); }

/* ---------- rodape ---------- */
.wf-rodape { text-align: center; font-size: 15px; color: #8f836c; padding: 4px 0 8px; }
.wf-rodape-linha { position: relative; height: 1px; margin: 0 auto 14px; max-width: 760px; background: linear-gradient(90deg, transparent, #7a5a22 20%, #f3d892 50%, #7a5a22 80%, transparent); }
.wf-rodape-linha i { position: absolute; left: 50%; top: -5px; width: 10px; height: 10px; transform: translateX(-50%) rotate(45deg); background: #d6a84e; box-shadow: 0 0 8px rgba(255, 190, 90, .6); }
.wf-rodape nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; }
.wf-rodape nav a, .wf-link-btn { color: #d6a84e; font: 600 15px var(--corpo); }
.wf-link-btn { padding: 0; border: 0; background: none; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.wf-link-btn:hover { color: #fff3cf; }
.wf-rodape p { margin: 8px 0 0; }
.wf .wlz-modal-caixa { background: linear-gradient(180deg, #14141b, #09090d); border-radius: 0; color: #efe4cb; }
.wf .wlz-passos li > span { background: linear-gradient(160deg, #fff0bf, #d6a84e 45%, #7a5a22); color: #1a1408; box-shadow: 0 0 10px rgba(255, 190, 90, .35); }
.wf .wlz-passos strong { font: 700 18px var(--titulo); color: #f3d892; }

.wf-barra-celular { display: none; }

/* ---------- telas medias ---------- */
@media (max-width: 1240px) {
	.wf-pagina { grid-template-columns: 292px minmax(0, 1fr); gap: 18px; padding: 12px 14px 22px; }
	.wf-item { font-size: 19px; }
	.wf-lista-noticias { grid-template-columns: 1fr; }
	.wf-noticia, .wf-noticia:first-child { padding: 8px 4px; }
	.wf-noticia + .wf-noticia { border-left: 0; border-top: 1px solid rgba(214, 168, 78, .22); }
}
@media (max-width: 1080px) {
	.wf-palco { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.wf-placar { order: -1; grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; padding: 12px 6px 0; }
	.wf-cenario { display: none; }
}

/* ---------- celular ---------- */
@media (max-width: 900px) {
	body.wlz.wf { padding-bottom: 64px; font-size: 16px; }
	.wf-pagina { grid-template-columns: minmax(0, 1fr); padding: 4px 16px 16px; gap: 14px; }
	.wf-logo { width: min(400px, 100%); margin: 0 auto -16px; }
	.wf-coluna { padding: 28px 10px 12px; }
	.wf-menu-botao {
		display: block; width: 100%; padding: 10px; border: 1px solid #b88c3e; border-radius: 2px; cursor: pointer;
		background: linear-gradient(180deg, #2a1a0c, #120a06); color: #ffe3a0; font: 700 15px/1 var(--titulo); letter-spacing: .1em; text-transform: uppercase;
	}
	.wf-recolhe { display: none; flex-direction: column; gap: 12px; }
	.wf-lateral.wlz-aberto .wf-recolhe { display: flex; }
	.wf .wf-leamas { margin: 34px auto 2px; max-width: 320px; }
	.wf-arena { padding: 8px 8px 12px; }
	.wf-espadas { width: 40px; }
	.wf-arena-topo { gap: 6px; }
	.wf-arena-topo p { font-size: 10px; letter-spacing: .08em; }
	.wf-palco { grid-template-columns: minmax(0, 1fr); min-height: 0; }
	.wf-lado { padding: 10px 8px; }
	.wf-lado-cab { flex-direction: row; justify-content: center; gap: 10px; }
	.wf-escudo { width: 64px; }
	.wf-palco-vazio { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.wf-palco-vazio .wf-escudo { width: 84px; }
	.wf-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.wf-mvp { grid-column: 1 / -1; text-align: center !important; }
	.wf-mvp dt { justify-content: center; }
	.wf-cartao-guerra { flex-basis: 84%; min-width: 0; }
	.wf-seta { display: none; }
	.wf-painel { padding: 10px 12px 14px; }
	.wf-painel-cab { flex-wrap: wrap; }
	.wf-painel-cab h2 { font-size: 21px; }
	.wf-ver { margin-left: 52px; }
	.wf-conteudo { padding: 14px 10px 18px; }
	.wf-barra-celular {
		display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
		background: linear-gradient(180deg, #17120d, #08070a); border-top: 1px solid #b88c3e;
		box-shadow: 0 -1px 0 #000, 0 -6px 16px rgba(0, 0, 0, .75);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.wf-barra-celular a {
		flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 1px 5px;
		font: 700 9px/1.1 var(--titulo); text-transform: uppercase; color: #e9c46a; text-decoration: none; text-align: center;
		border-left: 1px solid rgba(214, 168, 78, .16);
	}
	.wf-barra-celular a:first-child { border-left: 0; }
	.wf-barra-celular img { image-rendering: pixelated; }
	.wf-bc-shop { color: #ffb067 !important; background: rgba(120, 30, 0, .35); }
	.wf .wlz-notificacoes { bottom: 74px; }
}
@media (max-width: 420px) {
	.wf-pagina { padding-left: 12px; padding-right: 12px; }
	.wf-barra-celular a { font-size: 8px; }
	.wf-guerreiros span { display: none; }
	.wf-espadas { display: none; }
	.wf-online { padding: 0 10px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .wf-gema { animation: none; } .wf-item { transition: none; } }

/* ===== 28/10: desafio dos icones (itens do cliente 8.60) + botoes e letras MAIORES ===== */
.wf-pagina { grid-template-columns: 340px minmax(0, 1fr); }
.wf-menu ul, .wf-breves ul { gap: 7px; }
.wf-item { height: 60px; gap: 13px; padding: 0 14px 0 7px; font-size: 23px; font-weight: 700; }
.wf-ico-slot { width: 46px; height: 46px; }
.wf-ico-slot .wf-ico { width: 32px; height: 32px; }
.wf-online { height: 60px; font-size: 21px; }
.wf-voc a { height: 40px; font-size: 19px; }
.wf-top5 li { font-size: 20px; padding: 3px 0; }
.wf-top5 .wf-pos { min-width: 58px; gap: 2px; }
.wf-top-ico { width: 32px; height: 32px; margin: -4px 0; }
.wf-lvl { font-size: 17px; }
.wf-conta { font-size: 18px; }
@media (max-width: 1240px) { .wf-pagina { grid-template-columns: 316px minmax(0, 1fr); } .wf-item { font-size: 21px; } }
@media (max-width: 900px) { .wf-pagina { grid-template-columns: minmax(0, 1fr); } .wf-item { font-size: 22px; } }

/* Red Skull do cliente 8.60 (9x9, ampliada 3x sem borrar) no lugar do orbe ao lado de "Players online" */
.wf-online .wf-redskull { width: 27px; height: 27px; image-rendering: pixelated; filter: drop-shadow(0 0 4px rgba(255, 30, 30, .75)) drop-shadow(0 1px 0 #000); }

/* olhos de verdade nas 3 caveiras da logo (seguem o mouse/toque, piscam) */
.wf-logo .wf-olhos { position: absolute; left: 0; top: 0; width: 100%; height: auto; aspect-ratio: 960 / 470; pointer-events: none; transition: transform .2s ease; }
.wf-logo:hover .wf-olhos { transform: scale(1.015); }
.wf-olho { filter: drop-shadow(0 0 5px rgba(255, 120, 20, .9)); }
.wf-olho-bola { transition: transform .25s ease; }
.wf-pupila { transition: transform .12s ease-out; }
.wf-palpebra { transform: scaleY(0); transform-origin: 0 -16px; transform-box: view-box; }
.wf-olho.wf-pisca .wf-palpebra { animation: wf-pisca .22s ease-in-out; }
.wf-olho .wf-palpebra { transform-box: fill-box; transform-origin: 50% 0; }
@keyframes wf-pisca { 0%, 100% { transform: scaleY(0); } 45%, 55% { transform: scaleY(1); } }
.wf-olhos.wf-raiva .wf-olho-bola { transform: scale(1.12); }
@media (prefers-reduced-motion: reduce) { .wf-pupila, .wf-olho-bola, .wf-logo .wf-olhos { transition: none; } .wf-olho.wf-pisca .wf-palpebra { animation: none; } }

/* DONATE no lugar do SHOPPING, integrado na coluna do menu (sem bloco isolado, sem "Loja em breve").
   O nome e a barra de vida do LEAMAS ficam onde estavam (estilo.css .wlz-arte-v2: 65%, acima do botao). */
.wf .wf-leamas.wf-donate { margin: 30px 0 0; }
.wf .wf-donate .wlz-leamas-corpo { cursor: default; border-radius: 0; }
.wf-donate-link { display: block; line-height: 0; border-radius: 10px; }
.wf-donate-link:focus-visible { outline: 2px solid #f3d892; outline-offset: 2px; }
.wf .wf-donate .wlz-bi-img { display: block; width: calc(100% + 16px); max-width: none; height: auto; margin: 0 -8px; filter: drop-shadow(0 0 10px rgba(255, 90, 0, .45)); transition: filter .15s ease; }
.wf-donate-link:hover .wlz-bi-img { filter: drop-shadow(0 0 16px rgba(255, 140, 30, .75)) brightness(1.08); }
.wf-donate .wlz-leamas-nome, .wf-donate .wlz-leamas-vida { cursor: crosshair; }
.wf-donate .wlz-leamas-vida { height: 8px; } /* um pouco mais facil de acertar; posicao igual */
.wf-leamas-cabeca { position: absolute; left: 57%; top: 0; width: 15%; height: 44%; padding: 0; border: 0; border-radius: 45%; background: transparent; cursor: crosshair; z-index: 3; }
.wf-leamas-cabeca:focus-visible { outline: 2px solid #ff6a3a; outline-offset: 1px; }
.wf .wf-donate .wlz-leamas-chamas { display: none; } /* o DONATE ja tem fogo no desenho */
.wf .wf-donate .wlz-leamas-corpo.wlz-leamas-morto { animation: none; }
.wf .wf-donate .wlz-leamas-corpo.wlz-leamas-morto .wf-leamas-cabeca { background: radial-gradient(circle, rgba(0, 0, 0, .55), transparent 70%); }

/* LETREIROS: titulos com as letras douradas desenhadas da pasta FINAL (imagem com alt = texto real) */
.wf-letreiro { max-width: 100%; height: auto; filter: drop-shadow(0 2px 2px #000) drop-shadow(0 0 8px rgba(255, 160, 50, .25)); }
.wf-arena-topo h1 .wf-letreiro { background: none; }
.wf-arena-topo h1:has(.wf-letreiro) { filter: none; background: none; -webkit-background-clip: border-box; background-clip: border-box; }
.wf-placa h1 .wf-letreiro { max-height: 44px; width: auto; }
.wf-letreiro.wlz-letreiro-texto { filter: none; }

/* ===== MENU ENXUTO (28/10) ===== */
/* Players online: a linha toda leva para "Quem esta online / Ultimas mortes"; a Red Skull leva aos rankings */
.wf-online { padding: 0 12px 0 8px; gap: 6px; }
.wf-online-skull { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: none; border-radius: 50%; transition: background .15s ease, transform .15s ease; }
.wf-online-skull:hover, .wf-online-skull:focus-visible { background: rgba(255, 40, 40, .18); transform: scale(1.12); }
.wf-online-link { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; height: 100%; color: inherit !important; text-decoration: none !important; }
.wf-online-link:hover .wf-online-rot, .wf-online-link:focus-visible .wf-online-rot { color: #fff3cf; text-decoration: underline; text-underline-offset: 4px; }
.wf-online-link .wf-gema { margin-left: auto; }
/* Top 5: botao MAIS bem grande (arte da pasta FINAL) = todos os rankings */
.wf-top5 { padding-bottom: 10px; }
/* DOWNLOAD e SUPORTE: botoes grandes de destaque, como o DONATE */
.wf-grande { display: block; margin: 0 -8px; line-height: 0; border-radius: 10px; text-decoration: none !important; }
.wf-grande .wlz-bi-img { display: block; width: 100%; max-width: none; height: auto; filter: drop-shadow(0 0 10px rgba(255, 170, 60, .3)); transition: filter .15s ease, transform .15s ease; }
.wf-grande-suporte .wlz-bi-img { filter: drop-shadow(0 0 10px rgba(60, 170, 255, .35)); }
.wf-grande:hover .wlz-bi-img, .wf-grande:focus-visible .wlz-bi-img, .wf-grande.wf-ativo .wlz-bi-img { filter: drop-shadow(0 0 16px rgba(255, 190, 80, .7)) brightness(1.08); transform: scale(1.015); }
.wf-grande:focus-visible { outline: 2px solid #f3d892; outline-offset: 2px; }
/* abas (Quem esta online / Ultimas mortes; Vendetta / Guilds / Wars; Infos / Regras / Monstros) */
.wf-abas { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 22px 0 -8px; position: relative; z-index: 2; }
.wf-aba {
	display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 4px 18px 4px 8px; box-sizing: border-box;
	border: 1px solid #a8803a; border-radius: 4px 4px 0 0; border-bottom-color: transparent;
	background: linear-gradient(180deg, #1d1b22, #0b0b10); color: #d9cba8 !important; text-decoration: none !important;
	font: 700 20px/1 var(--corpo); text-shadow: 0 1px 2px #000;
}
.wf-aba img { width: 32px; height: 32px; image-rendering: pixelated; }
.wf-aba:hover, .wf-aba:focus-visible { border-color: #f0c96a; color: #fff3cf !important; }
.wf-aba-on { background: linear-gradient(180deg, #3a2412, #120a06); border-color: #f0c96a; color: #fff3cf !important; box-shadow: 0 -2px 12px rgba(255, 160, 60, .3); }
/* castelinho do Ferumbras (castelo-ferumbras.php, so SVG) */
.wf-castelo { margin: 2px -4px -6px; line-height: 0; border: 1px solid rgba(214, 168, 78, .35); border-radius: 2px; overflow: hidden; box-shadow: inset 0 0 0 2px #07070a; }
.wf-castelo svg { display: block; width: 100%; height: auto; }
.wf-castelo-nome { font: 700 8.5px var(--titulo); letter-spacing: .14em; fill: #d6a84e; }
.wf-castelo .wf-j { animation: wf-vela 2.6s ease-in-out infinite; }
.wf-castelo .wf-j2 { animation-delay: -.7s; } .wf-castelo .wf-j3 { animation-delay: -1.3s; } .wf-castelo .wf-j4 { animation-delay: -1.9s; }
.wf-castelo .wf-j5 { animation-duration: 3.4s; } .wf-castelo .wf-j6 { animation-duration: 2.1s; }
@keyframes wf-vela { 0%, 100% { fill: #ff8a1e; opacity: 1; } 40% { fill: #ffc04a; opacity: .85; } 55% { fill: #ff5a12; opacity: .65; } 70% { opacity: 1; } }
.wf-castelo-bandeira { transform-box: fill-box; transform-origin: 0 50%; animation: wf-bandeira 1.4s ease-in-out infinite alternate; }
@keyframes wf-bandeira { to { transform: scaleX(.8) skewY(8deg); } }
.wf-morcego { animation: wf-voo 9s linear infinite; }
.wf-m2 { animation-duration: 12s; animation-delay: -5s; }
@keyframes wf-voo { 0% { transform: translate(-20px, 40px); } 50% { transform: translate(150px, 22px) scale(1.1); } 100% { transform: translate(320px, 46px); } }
.wf-castelo-estrela { animation: wf-pulso 2.2s ease-in-out infinite; }
@media (max-width: 900px) { .wf-abas { margin-top: 18px; } .wf-aba { font-size: 17px; min-height: 46px; padding-right: 12px; } }
@media (max-width: 420px) { .wf-aba { font-size: 15px; gap: 4px; padding: 4px 8px 4px 4px; } .wf-aba img { width: 24px; height: 24px; } }
@media (prefers-reduced-motion: reduce) { .wf-castelo *, .wf-mais .wf-mais-h, .wf-grande .wlz-bi-img { animation: none !important; transition: none !important; } }

/* MENU INTELIGENTE: bloco pequeno "Mais acessados" no topo da barra (os 3 mais clicados; o menu de baixo nao muda) */
.wf-top3 { margin: -10px 0 0; }
.wf-top3 h2 { margin: 0 0 6px; text-align: center; font: 700 13px/1 var(--titulo); letter-spacing: .16em; text-transform: uppercase; color: #cdbb93; }
.wf-top3 h2::before, .wf-top3 h2::after { content: "✦"; margin: 0 8px; color: #7a5a22; }
.wf-top3 ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.wf-top3 a {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; height: 62px; box-sizing: border-box; padding: 4px 2px;
	border: 1px solid rgba(214, 168, 78, .55); border-radius: 3px; background: linear-gradient(180deg, #1d1b22, #0a0a0e);
	color: #efe4cb !important; text-decoration: none !important; font: 700 16px/1 var(--corpo); text-shadow: 0 1px 2px #000;
}
.wf-top3 a img { width: 32px; height: 32px; image-rendering: pixelated; }
.wf-top3 a span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wf-top3 a:hover, .wf-top3 a:focus-visible { border-color: #f0c96a; color: #fff3cf !important; background: linear-gradient(180deg, #3a2412, #120a06); }

/* ===== PACOTE 2 (28/10) ===== */
/* 1) icones do menu maiores (sprite 32px ampliada 1,5x sem borrar) */
.wf-item { height: 66px; padding-left: 6px; }
.wf-ico-slot { width: 56px; height: 56px; }
.wf-ico-slot .wf-ico { width: 48px; height: 48px; image-rendering: pixelated; }
.wf-top3 a { height: 72px; }
.wf-top3 a img { width: 40px; height: 40px; }
/* 2) TOP 5: sem icones nem caveiras; coroa (item 2128) so no top 1; nome em 69/55/44/33/22px; Lv em negrito */
.wf-top5 { padding: 8px 10px 10px 6px; }
.wf-top5 li { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; column-gap: 6px; padding: 4px 0; }
.wf-top5 .wf-pos { min-width: 0; justify-content: flex-end; font: 700 18px/1 var(--titulo); color: #cdbb93; }
.wf-top5 .wf-top-1 .wf-pos { color: #f3d27a; font-size: 22px; }
.wf-top-linha { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; min-width: 0; }
.wf-coroa-item { width: 40px; height: 40px; image-rendering: pixelated; margin: 0 -2px 0 -4px; flex: none; filter: drop-shadow(0 0 6px rgba(255, 200, 60, .55)); }
.wf-top5 .wf-top-linha a { flex: 0 1 auto; min-width: 0; line-height: 1.05; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #efe4cb; }
.wf-top5 .wf-top-1 a { color: #ffe9a8; text-shadow: 0 0 12px rgba(255, 190, 60, .45), 0 2px 0 #000; }
.wf-top5 .wf-lvl { margin-left: auto; font-size: 16px; font-weight: 800; color: #e2cf9f; }
/* 3) botao simples (so CSS) para os rankings, no canto de baixo a direita do Top 5 */
.wf-ver-rank { display: table; margin: 8px 0 0 auto; padding: 7px 14px; border: 1px solid #f0c96a; border-radius: 3px;
	background: linear-gradient(180deg, #8a3a10, #3a1206); color: #fff3cf !important; text-decoration: none !important;
	font: 700 15px/1 var(--titulo); letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 0 10px rgba(255, 140, 40, .35), inset 0 1px 0 rgba(255, 220, 150, .3); }
.wf-ver-rank:hover, .wf-ver-rank:focus-visible { background: linear-gradient(180deg, #b44e14, #4a1808); box-shadow: 0 0 16px rgba(255, 160, 60, .6); }
/* 4) PLAYERS ONLINE = barra de vida ligada a Red Skull (cheia = recorde de online) */
.wf-vida-online { position: relative; height: 62px; padding: 0 10px 0 0; gap: 0; overflow: visible; }
.wf-vida-online .wf-online-skull {
	position: relative; z-index: 2; width: 60px; height: 60px; margin: 0 -10px 0 -6px; border-radius: 50%;
	background: radial-gradient(circle at 50% 42%, #3a0606, #0a0303 70%); border: 2px solid #c99a45;
	box-shadow: 0 0 0 2px #050304, 0 0 14px rgba(255, 40, 30, .45), inset 0 0 10px rgba(0, 0, 0, .9);
}
.wf-vida-online .wf-redskull { width: 36px; height: 36px; }
.wf-vida-online .wf-online-link { position: relative; height: 40px; padding: 0 8px 0 18px; gap: 8px; border: 1px solid #000; border-radius: 0 3px 3px 0;
	background: #160505; box-shadow: 0 0 0 1px #8f6c2c, inset 0 2px 6px rgba(0, 0, 0, .9); }
.wf-vida-barra { position: absolute; inset: 2px; z-index: 0; pointer-events: none; }
.wf-vida-barra i { display: block; height: 100%; max-width: 100%; background: linear-gradient(180deg, #ff6a5a 0%, #d01818 45%, #7a0606 100%);
	box-shadow: inset 0 1px 0 rgba(255, 200, 190, .45); transition: width .6s ease; }
.wf-vida-online .wf-online-rot, .wf-vida-online .wf-online-num, .wf-vida-online .wf-starlight { position: relative; z-index: 1; }
.wf-vida-online .wf-online-rot { font: 700 19px/1 var(--corpo); color: #fff3e0; text-shadow: 0 1px 0 #000, 0 0 3px #000, 0 0 6px #000; }
.wf .wf-vida-online .wf-online-num { font: 900 30px/1 var(--titulo); color: #ff2a2a; -webkit-text-stroke: 1.5px #000; paint-order: stroke fill;
	text-shadow: 0 0 8px rgba(255, 200, 70, .95), 0 0 2px rgba(255, 210, 100, 1), 0 2px 0 #000; }
/* item 2361 (frozen starlight): no Tibia.dat tem LUZ nivel 6, cor 29 (paleta 6x6x6 = #00ccff). Brilho simulado em CSS. */
.wf-starlight { margin-left: auto; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%;
	background: radial-gradient(circle, rgba(0, 204, 255, .55) 0%, rgba(0, 204, 255, .22) 38%, rgba(0, 204, 255, 0) 70%); animation: wf-starluz 3.2s ease-in-out infinite; }
.wf-starlight img { width: 32px; height: 32px; image-rendering: pixelated; filter: drop-shadow(0 0 4px #00ccff) drop-shadow(0 0 10px rgba(0, 204, 255, .8)); }
@keyframes wf-starluz { 50% { box-shadow: 0 0 22px 6px rgba(0, 204, 255, .35); filter: brightness(1.25); } }
@media (prefers-reduced-motion: reduce) { .wf-starlight { animation: none; } .wf-vida-barra i { transition: none; } }
/* 6) botao OFICIAL do Telegram (cores da marca: #2AABEE / #229ED9) no lugar do SUPORTE grande */
.wf-telegram { display: flex; align-items: center; gap: 12px; height: 62px; padding: 0 14px 0 10px; box-sizing: border-box; border-radius: 31px;
	background: linear-gradient(180deg, #2aabee, #229ed9); color: #fff !important; text-decoration: none !important;
	box-shadow: 0 0 0 1px #0b5f8a, 0 4px 12px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .35); transition: filter .15s ease, box-shadow .15s ease; }
.wf-telegram:hover, .wf-telegram:focus-visible { filter: brightness(1.08); box-shadow: 0 0 0 1px #0b5f8a, 0 0 16px rgba(42, 171, 238, .7), inset 0 1px 0 rgba(255, 255, 255, .35); }
.wf-telegram-logo { flex: none; width: 40px; height: 40px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35)); }
.wf-telegram-logo circle { fill: #fff; }
.wf-telegram-logo path:last-child { fill: #229ed9; }
.wf-telegram-logo path:first-of-type, .wf-telegram-logo path:nth-of-type(2) { fill: #b8dcf2; }
.wf-telegram span { display: flex; flex-direction: column; gap: 3px; }
.wf-telegram b { font: 700 19px/1 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
.wf-telegram small { font: 400 14px/1 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; opacity: .9; }
/* 7) nomes dos botoes do menu com a tipografia dourada */
.wf-letreiro-menu { display: block; max-width: 100%; height: auto; filter: drop-shadow(0 2px 1px #000) drop-shadow(0 0 4px rgba(0, 0, 0, .9)); }
a.wf-item:hover .wf-letreiro-menu, .wf-item.wf-ativo .wf-letreiro-menu { filter: drop-shadow(0 2px 1px #000) drop-shadow(0 0 8px rgba(255, 190, 80, .7)) brightness(1.12); }

/* 8) Spotify embaixo do castelo */
.wf-spotify { margin: 0 -4px; line-height: 0; border-radius: 12px; overflow: hidden; background: #121212; }
.wf-spotify iframe { display: block; width: 100%; height: 352px; border: 0; }
/* 9) castelo: cenas do carrossel (tema.js troca wf-cena-N a cada ~7 s) */
.wf-castelo { position: relative; }
.wf-ferumbras { transform: translateY(26px); }
.wf-cena-0 .wf-ferumbras { animation: wf-ferumbras-espia 6.6s ease-in-out both; }
@keyframes wf-ferumbras-espia {
	0% { transform: translateY(26px); } 14% { transform: translateY(0); } 26% { transform: translate(-3px, 0); } 40% { transform: translate(3px, 0); }
	52% { transform: translate(0, 0); } 60% { transform: translate(0, -1px) scale(1.04); } 78% { transform: translateY(0); } 92%, 100% { transform: translateY(26px); }
}
.wf-cena-0 .wf-ferumbras-olhos { animation: wf-pulso 1s ease-in-out infinite; }
.wf-cena-1 .wf-castelo-raio { animation: wf-raio 6.6s linear both; }
.wf-cena-1 .wf-castelo-clarao { animation: wf-clarao 6.6s linear both; }
@keyframes wf-raio { 0%, 18% { opacity: 0; } 19%, 21% { opacity: 1; } 22%, 24% { opacity: 0; } 25%, 27% { opacity: .9; } 30%, 100% { opacity: 0; } }
@keyframes wf-clarao { 0%, 18% { opacity: 0; } 19% { opacity: .45; } 23% { opacity: 0; } 25% { opacity: .3; } 32%, 100% { opacity: 0; } }
.wf-cena-1 .wf-morcego { animation-duration: 4s; }
.wf-m3 { animation-duration: 10s; animation-delay: -2s; }
.wf-cena-2 .wf-castelo-magia { animation: wf-magia 6.6s ease-in-out both; }
@keyframes wf-magia { 0% { opacity: 0; } 15%, 80% { opacity: 1; } 100% { opacity: 0; } }
.wf-anel { transform-box: fill-box; transform-origin: center; animation: wf-anel 1.6s linear infinite; }
.wf-anel2 { animation-duration: 2.3s; animation-direction: reverse; }
@keyframes wf-anel { 0% { transform: scale(.6); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
.wf-cena-2 .wf-castelo-estrela { animation: wf-pulso .5s ease-in-out infinite; }
.wf-castelo-lava { animation: wf-lava 3s ease-in-out infinite alternate; }
@keyframes wf-lava { to { opacity: .85; transform: translateX(-8px); } }
@media (prefers-reduced-motion: reduce) { .wf-castelo .wf-ferumbras { transform: translateY(26px); } }
/* 11) EXIVA: campo de busca maior e alinhado + "Quem esta sendo procurado" */
.wf form[action$="/characters"] table, .wf form[action$="/characters"] tbody { display: block; width: 100%; }
.wf form[action$="/characters"] tr { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.wf form[action$="/characters"] td { display: block; width: auto !important; padding: 0 !important; vertical-align: middle; }
.wf form[action$="/characters"] td.LabelV150 { flex: 0 0 auto; font-size: 18px; }
.wf form[action$="/characters"] td:nth-child(2) { flex: 1 1 260px; }
.wf form[action$="/characters"] input[name="name"] { width: 100% !important; height: 46px; box-sizing: border-box; padding: 0 14px; font-size: 20px; }
.wf form[action$="/characters"] td:nth-child(3) { flex: 0 0 auto; }
.wf form[action$="/characters"] td:nth-child(3) input, .wf form[action$="/characters"] td:nth-child(3) button { height: 46px; padding: 0 22px; font-size: 15px; }
.wlz-exiva { margin: 22px 0 0; }
.wlz-exiva h2 { margin: 0 0 10px; font: 700 22px/1.1 var(--titulo); color: #f3d892; }
.wlz-exiva-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px 10px; counter-reset: exiva; }
.wlz-exiva-lista li { display: flex; align-items: baseline; gap: 8px; padding: 7px 10px; border: 1px solid rgba(214, 168, 78, .25); background: rgba(0, 0, 0, .3); counter-increment: exiva; }
.wlz-exiva-lista li::before { content: counter(exiva) "."; color: #8f836c; font-size: 14px; min-width: 22px; }
.wlz-exiva-lista a { font-size: 18px; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wlz-exiva-lista small { margin-left: auto; color: #8f836c; white-space: nowrap; }
.wlz-exiva-vazio { color: #a99d84; font-style: italic; }
/* 15) WIKI/MONSTROS: tabela do DataTables no tema escuro, legivel, com a imagem do monstro */
.wf .dataTables_wrapper { color: #e9dfc8; font-size: 18px; }
.wf .dataTables_wrapper table.dataTable, .wf .dataTables_wrapper table.dataTable tbody tr, .wf table.dataTable.stripe tbody tr.odd, .wf table.dataTable.display tbody tr.odd { background: transparent !important; }
.wf table.dataTable tbody tr:nth-child(odd) { background: rgba(255, 255, 255, .035) !important; }
.wf table.dataTable tbody tr:hover { background: rgba(214, 168, 78, .12) !important; }
.wf table.dataTable tbody td { color: #e9dfc8 !important; border-top: 1px solid rgba(214, 168, 78, .14) !important; padding: 6px 10px !important; vertical-align: middle; font-size: 18px; }
.wf table.dataTable thead th { color: #f3d892 !important; background: linear-gradient(180deg, #2a1a0c, #120a06) !important; border-bottom: 1px solid #a8803a !important; font: 700 16px/1.2 var(--titulo); }
.wf .dataTables_wrapper .dataTables_length, .wf .dataTables_wrapper .dataTables_filter, .wf .dataTables_wrapper .dataTables_info { color: #cdbb93 !important; font-size: 16px; }
.wf .dataTables_wrapper select, .wf .dataTables_wrapper input { background: #0b0b10 !important; color: #f3e3b6 !important; border: 1px solid #8f6c2c !important; padding: 6px 8px; font-size: 16px; }
.wf .wf-monstro a { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 19px; }
.wf .wf-monstro-img { flex: none; width: 48px; height: 48px; object-fit: contain; object-position: center bottom; image-rendering: pixelated; filter: drop-shadow(0 2px 2px #000); }
/* 13) paginacao das listas: 6 por pagina, numeros grandes */
.wf .dataTables_wrapper .dataTables_paginate .paginate_button, .wf-pags button {
	min-width: 44px; height: 44px; margin: 3px; padding: 0 10px !important; box-sizing: border-box; border: 1px solid #8f6c2c !important; border-radius: 3px;
	background: linear-gradient(180deg, #1d1b22, #0a0a0e) !important; color: #f3e3b6 !important; font: 700 20px/42px var(--titulo) !important; cursor: pointer; }
.wf .dataTables_wrapper .dataTables_paginate .paginate_button.current, .wf-pags button[aria-current="page"] { background: linear-gradient(180deg, #8a3a10, #3a1206) !important; border-color: #f0c96a !important; color: #fff3cf !important; }
.wf .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .wf-pags button:hover { border-color: #f0c96a !important; color: #fff !important; }
.wf .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { opacity: .35; }
.wf-pags { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px; margin: 12px 0 4px; }
.wf-pags span { color: #8f836c; font-size: 20px; padding: 0 4px; }
/* 10) ALINHAMENTO (varredura PC 1366 / celular 390) */
.wlz-jogar .wlz-check, .wf .wlz-cadastro .wlz-check { display: block !important; padding-left: 28px; text-indent: -28px; }
.wlz-jogar .wlz-check input, .wf .wlz-cadastro .wlz-check input { margin: 0 8px 0 0 !important; vertical-align: -2px; text-indent: 0; }
.wf .wf-corpo input[type=text], .wf .wf-corpo input[type=password], .wf .wf-corpo input[type=email], .wf .wf-corpo select { vertical-align: middle; }
.wf .wf-corpo td { vertical-align: middle; }
@media (max-width: 760px) {
	body[data-pagina="highscores"] .wf-corpo > table > tbody > tr > td { display: block; width: auto !important; }
	body[data-pagina="highscores"] .wf-corpo > table > tbody > tr > td[style*="17px"] { display: none; }
	.wf .wf-corpo table { max-width: 100%; }
	.wf .wf-corpo { overflow-x: auto; }
}

/* ===== PACOTE 3 (28/10) ===== */
/* 1) barra de online: enche com o numero de online (cheia = 100 ou o recorde) e muda de cor como a vida do Tibia */
.wf-vida-barra i { background: var(--wf-cor-vida, #bf0a0a); background-image: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, .35) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); }
/* 2) botao do RANK com a estrela (item 2361) brilhando dentro */
.wf-ver-rank {
	position: relative; display: flex; align-items: center; gap: 10px; width: max-content; margin: 10px 0 0 auto; padding: 6px 18px 6px 8px; overflow: hidden;
	border: 1px solid #f0c96a; border-radius: 26px; text-decoration: none !important;
	background: radial-gradient(circle at 26px 50%, rgba(0, 204, 255, .35), transparent 38px), linear-gradient(180deg, #2a1d10 0%, #160d06 55%, #0b0604 100%);
	box-shadow: 0 0 0 1px #000, 0 0 0 3px rgba(240, 201, 106, .25), 0 6px 14px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 225, 160, .35), inset 0 -8px 14px rgba(0, 0, 0, .55);
	transition: transform .15s ease, box-shadow .15s ease;
}
.wf-ver-rank::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; transform: skewX(-20deg); background: linear-gradient(90deg, transparent, rgba(255, 240, 200, .35), transparent); animation: wf-brilho-rank 3.6s ease-in-out infinite; }
@keyframes wf-brilho-rank { 0%, 60% { left: -60%; } 100% { left: 140%; } }
.wf-ver-rank .wf-starlight { margin: 0; width: 36px; height: 36px; flex: none; }
.wf-ver-rank-txt { font: 900 20px/1 var(--titulo); letter-spacing: .14em; background: linear-gradient(180deg, #fff6d6, #f3d27a 45%, #c98d2c); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 #000); }
.wf-ver-rank:hover, .wf-ver-rank:focus-visible { transform: translateY(-1px); box-shadow: 0 0 0 1px #000, 0 0 0 3px rgba(240, 201, 106, .45), 0 0 18px rgba(0, 204, 255, .45), inset 0 1px 0 rgba(255, 225, 160, .45); }
@media (prefers-reduced-motion: reduce) { .wf-ver-rank::after { animation: none; display: none; } .wf-ver-rank { transition: none; } }
/* 3) Top 5: todos os nomes com 33px */
.wf-top5 li { padding: 3px 0; }
/* 5) SUPORTE: so a palavra (sem icone), centralizada */
.wf-item:not(:has(.wf-ico-slot)) { justify-content: center; padding: 0 14px; }
.wf-item:not(:has(.wf-ico-slot))::after { position: absolute; right: 14px; }
/* 7) DONATE logo acima da playlist */
.wf .wf-leamas.wf-donate { margin: 30px 0 0; }
/* 8) Spotify encaixado: tamanho compacto oficial (152px, sem a area vazia da lista), cantos iguais aos do player,
   mesma folga embaixo que dos lados da coluna */
.wf-spotify { margin: 0 0 -4px; height: 152px; border-radius: 12px; overflow: hidden; background: transparent; line-height: 0;
	box-shadow: 0 0 0 1px rgba(214, 168, 78, .45), 0 6px 14px rgba(0, 0, 0, .6); }
.wf-spotify iframe { display: block; width: 100%; height: 152px; border: 0; border-radius: 12px; }

/* ===== PACOTE 4 (28/10) ===== */
/* 2) barras do menu: fundo = sprite do VOID (item 100) tirado do Tibia.dat/.spr do cliente (padrao 4x4 = 128px, emenda sem costura) */
body.wf .wf-item, body.wf.wf-pedra .wf-item {
	background-color: #120604;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .5) 60%, rgba(0, 0, 0, .7) 100%), var(--wf-void);
	background-size: auto, 128px 128px; image-rendering: auto;
}
body.wf a.wf-item:hover, body.wf a.wf-item:focus-visible, body.wf .wf-item.wf-ativo, body.wf.wf-pedra a.wf-item:hover, body.wf.wf-pedra .wf-item.wf-ativo {
	background-image: linear-gradient(180deg, rgba(255, 140, 40, .12) 0%, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .55) 100%), var(--wf-void);
	background-size: auto, 128px 128px;
}
/* 4) botao RANK no nivel do DONATE: moldura dourada da pasta FINAL (4.png, normal + acesa), estrela 2361 brilhando no medalhao */
.wf-ver-rank.wf-rank-arte {
	position: relative; display: block; width: 100%; max-width: 330px; margin: 10px -6px 0 auto; padding: 0; border: 0; border-radius: 0; overflow: visible;
	background: none; box-shadow: none; line-height: 0; text-decoration: none !important; aspect-ratio: 1536 / 437;
}
.wf-rank-arte::after { content: none !important; }
.wf-rank-arte > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .8)); }
.wf-rank-arte .wf-rank-h { opacity: 0; transition: opacity .2s ease; }
.wf-rank-arte:hover .wf-rank-h, .wf-rank-arte:focus-visible .wf-rank-h { opacity: 1; }
.wf-rank-estrela { position: absolute; left: 14.3%; top: 50%; width: 15%; aspect-ratio: 1; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: 50%;
	background: radial-gradient(circle, rgba(0, 204, 255, .55) 0%, rgba(0, 204, 255, .18) 45%, transparent 72%); animation: wf-starluz 3.2s ease-in-out infinite; }
.wf-rank-estrela img { width: 70%; height: auto; image-rendering: pixelated; filter: drop-shadow(0 0 4px #00ccff) drop-shadow(0 0 12px rgba(0, 204, 255, .9)); }
.wf-rank-txt { position: absolute; left: 25%; right: 6%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; gap: 8px;
	font: 900 22px/1 var(--titulo); color: #f3d27a; text-shadow: 0 2px 0 #000, 0 0 8px rgba(255, 170, 60, .6); }
.wf-letreiro-rank { height: auto; filter: drop-shadow(0 2px 1px #000) drop-shadow(0 0 6px rgba(255, 160, 50, .45)); }
.wf-rank-arte:hover .wf-rank-txt, .wf-rank-arte:focus-visible .wf-rank-txt { filter: brightness(1.15); }
.wf-rank-arte:focus-visible { outline: 2px solid #f3d892; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .wf-rank-estrela { animation: none; } .wf-rank-arte .wf-rank-h { transition: none; } }
/* 1) EXIVA: lista de sugestoes embaixo do campo */
.wf-exiva-caixa { position: relative; width: 100%; }
.wf-exiva-sug { position: relative; z-index: 20; margin: 4px 0 0; padding: 4px 0; list-style: none;
	background: #0d0b0a; border: 1px solid #d6a84e; border-radius: 3px; box-shadow: 0 10px 22px rgba(0, 0, 0, .8); max-height: 360px; overflow-y: auto; }
.wf-exiva-sug li { padding: 9px 14px; font-size: 19px; color: #e9dfc8; cursor: pointer; }
.wf-exiva-sug li b { color: #ffe9a8; }
.wf-exiva-sug li:hover, .wf-exiva-sug li[aria-selected="true"] { background: linear-gradient(90deg, rgba(214, 168, 78, .28), rgba(214, 168, 78, .06)); color: #fff; }
.wf form[action$="/characters"] tr { align-items: flex-start; }
.wf form[action$="/characters"] td.LabelV150 { line-height: 46px; }
/* 7b) Download: verificacao do arquivo escondida num link pequeno e discreto */
.wlz-hash-det { margin: 18px auto 0; max-width: 680px; text-align: center; font-size: 14px; color: #a99d84; }
.wlz-hash-det summary { display: inline-block; cursor: pointer; list-style: none; color: #b9a77f; text-decoration: underline; text-underline-offset: 3px; font-size: 14px; }
.wlz-hash-det summary::-webkit-details-marker { display: none; }
.wlz-hash-det[open] summary { color: #f3d892; }
.wlz-hash-det p { margin: 8px 0 0; }

/* DONATE "abracando" o player do Spotify: o pe do botao encosta e cobre so a borda de cima do card (faixa de 10px
   sem nada clicavel); play, proxima e "+" ficam livres. Moldura dourada no card para virar um bloco so. */
.wf .wf-leamas.wf-donate { position: relative; z-index: 3; margin-bottom: 0; }
.wf .wf-donate .wlz-leamas-corpo { line-height: 0; }
.wf-spotify { position: relative; z-index: 2; margin-top: -16px; border-radius: 12px; overflow: hidden;
	box-shadow: 0 0 0 2px #c99a45, 0 0 0 3px #000, 0 0 14px rgba(255, 120, 30, .35), 0 8px 16px rgba(0, 0, 0, .7); }
.wf-spotify iframe { position: relative; z-index: 1; }
/* a parte transparente de baixo da imagem do DONATE nao rouba o clique do player */
.wf-donate-link { position: relative; pointer-events: none; }
.wf-donate-link .wlz-bi-img { pointer-events: none; }
.wf-donate-link::before { content: ""; position: absolute; z-index: 1; left: 2%; right: 2%; top: 18%; bottom: 20px; pointer-events: auto; cursor: pointer; }
.wf .wf-donate .wlz-leamas-corpo { pointer-events: none; }
.wf .wf-donate .wf-leamas-cabeca { pointer-events: auto; }
.wf .wf-leamas.wf-donate { pointer-events: none; }
.wf .wf-donate [data-ataca] { pointer-events: auto; }

/* ===== PACOTE 5 (28/10) ===== */
/* 1) "RANK" = nome + barra de vida de personagem do Tibia em cima da Red Skull (leva aos rankings) */
.wf .wf-vida-online { margin-top: 26px; }
.wf-vida-online .wf-online-skull { overflow: visible; }
.wf-rank-nick { position: absolute; left: 50%; bottom: calc(100% + 1px); transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 2px; pointer-events: none; }
.wf-rank-nick b { font: 700 12px/1 Verdana, Tahoma, sans-serif; color: #00c000; letter-spacing: 0; white-space: nowrap;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000; }
.wf-rank-nick i { display: block; width: 30px; height: 4px; background: #000; border: 1px solid #000; box-shadow: 0 0 0 1px #3a3a3a; }
.wf-rank-nick i span { display: block; width: 100%; height: 100%; background: #00c000; }
.wf-online-skull:hover .wf-rank-nick b, .wf-online-skull:focus-visible .wf-rank-nick b { color: #5cff5c; }
/* 2) Top 5: nomes 21px e levels 27px em negrito */
.wf-top5 .wf-lvl { font-size: 27px; font-weight: 800; line-height: 1; }
.wf-top5 li { padding: 5px 0; }
/* 3) menu sem icone nem circulo; nome dourado maior, centralizado na vertical */
.wf .wf-menu .wf-item { justify-content: flex-start; padding: 0 34px 0 18px; }
.wf .wf-menu .wf-item-txt { display: flex; align-items: center; height: 100%; min-width: 0; overflow: visible; }
.wf-letreiro-menu { display: block; max-width: 100%; max-height: 38px; width: auto; height: auto; }
.wf-item:not(:has(.wf-ico-slot))::after { position: absolute; right: 14px; top: 50%; margin-top: -5px; }
/* 4) caixas de Players online e vocacoes: mosaico dos pisos 3153-3157 (sorteado a cada acesso) + brilho de cristal */
body.wf .wf-online, body.wf .wf-voc a, body.wf.wf-pedra .wf-online, body.wf.wf-pedra .wf-voc a {
	background-color: #2a2a2a;
	background-image:
		linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .10) 44%, rgba(160, 210, 255, .07) 48%, rgba(255, 220, 160, .08) 52%, transparent 62%),
		linear-gradient(180deg, rgba(10, 8, 6, .22) 0%, rgba(4, 4, 6, .4) 55%, rgba(0, 0, 0, .6) 100%),
		var(--wf-pisos);
	background-size: auto, auto, 256px 256px;
}

/* MENU ATIVO: a barra da pagina atual em destaque, as outras escurecidas (como fundo de pop-up); continuam clicaveis */
.wf-menu .wf-item { transition: filter .18s ease, opacity .18s ease, box-shadow .18s ease, transform .18s ease; }
.wf-menu-foco .wf-item:not(.wf-ativo):not(.wf-item-livre) { filter: brightness(.38) saturate(.55); }
.wf-menu-foco a.wf-item:not(.wf-ativo):not(.wf-item-livre):hover,
.wf-menu-foco a.wf-item:not(.wf-ativo):not(.wf-item-livre):focus-visible { filter: brightness(.75) saturate(.85); }
.wf-menu-foco .wf-item.wf-ativo { position: relative; z-index: 1; transform: scale(1.025); border-color: #ffe08a;
	box-shadow: 0 0 0 1px #000, 0 0 18px rgba(255, 190, 80, .65), 0 6px 14px rgba(0, 0, 0, .8); }
@media (prefers-reduced-motion: reduce) { .wf-menu .wf-item { transition: none; } .wf-menu-foco .wf-item.wf-ativo { transform: none; } }
/* RANK maior (nome de personagem do Tibia: Verdana negrito verde com contorno preto) */
.wf .wf-vida-online { margin-top: 38px; }
.wf-rank-nick { gap: 3px; bottom: calc(100% + 2px); }
.wf-rank-nick b { font: 700 18px/1 Verdana, Tahoma, sans-serif; letter-spacing: .02em;
	text-shadow: 1.5px 1.5px 0 #000, -1.5px -1.5px 0 #000, 1.5px -1.5px 0 #000, -1.5px 1.5px 0 #000, 0 1.5px 0 #000, 0 -1.5px 0 #000, 1.5px 0 0 #000, -1.5px 0 0 #000, 0 0 6px rgba(0, 0, 0, .8); }
.wf-rank-nick i { width: 44px; height: 6px; }
/* barras do menu: fundo = o DIAMANTE do YZZY (images/arte/diamante.webp), escurecido do lado das letras para ler bem */
body.wf .wf-menu .wf-item, body.wf.wf-pedra .wf-menu .wf-item {
	background-color: #1a1612;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .62) 45%, rgba(0, 0, 0, .25) 100%), var(--wf-diamante);
	background-size: auto, cover; background-position: 0 0, center;
}
body.wf .wf-menu a.wf-item:hover, body.wf .wf-menu a.wf-item:focus-visible, body.wf .wf-menu .wf-item.wf-ativo {
	background-image: linear-gradient(90deg, rgba(40, 18, 0, .62) 0%, rgba(0, 0, 0, .42) 45%, rgba(0, 0, 0, .05) 100%), var(--wf-diamante);
	background-size: auto, cover; background-position: 0 0, center;
}
/* a mesma foto em posicoes diferentes por barra, para nao parecerem copias */
body.wf .wf-menu li:nth-child(2) .wf-item { background-position: 0 0, 20% 30%; }
body.wf .wf-menu li:nth-child(3) .wf-item { background-position: 0 0, 70% 60%; }
body.wf .wf-menu li:nth-child(4) .wf-item { background-position: 0 0, 35% 85%; }
body.wf .wf-menu li:nth-child(5) .wf-item { background-position: 0 0, 85% 15%; }
body.wf .wf-menu li:nth-child(6) .wf-item { background-position: 0 0, 10% 70%; }
body.wf .wf-menu li:nth-child(7) .wf-item { background-position: 0 0, 60% 40%; }
/* MUDANCA: barras do menu com o MIX sorteado dos pisos 3153-3157 (o mesmo sorteio da caixa de online), sem o diamante */
body.wf .wf-menu .wf-item, body.wf.wf-pedra .wf-menu .wf-item,
body.wf .wf-menu li:nth-child(n) .wf-item {
	background-color: #2a2a2a;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .55) 55%, rgba(0, 0, 0, .4) 100%), var(--wf-pisos);
	background-size: auto, 256px 256px;
}
body.wf .wf-menu li:nth-child(2) .wf-item { background-position: 0 0, -64px -32px; }
body.wf .wf-menu li:nth-child(3) .wf-item { background-position: 0 0, -128px -96px; }
body.wf .wf-menu li:nth-child(4) .wf-item { background-position: 0 0, -32px -160px; }
body.wf .wf-menu li:nth-child(5) .wf-item { background-position: 0 0, -192px -64px; }
body.wf .wf-menu li:nth-child(6) .wf-item { background-position: 0 0, -96px -192px; }
body.wf .wf-menu li:nth-child(7) .wf-item { background-position: 0 0, -160px -128px; }
body.wf .wf-menu a.wf-item:hover, body.wf .wf-menu a.wf-item:focus-visible, body.wf .wf-menu .wf-item.wf-ativo {
	background-image: linear-gradient(90deg, rgba(60, 26, 0, .6) 0%, rgba(0, 0, 0, .38) 55%, rgba(0, 0, 0, .2) 100%), var(--wf-pisos);
	background-size: auto, 256px 256px;
}
/* vocacoes: icones no DOBRO (24 -> 48px), visual original, alinhados dentro da caixinha */
.wf .wf-voc a { height: 58px; gap: 2px; padding: 0 4px; }
.wf .wf-voc .wf-ico { width: 48px; height: 48px; image-rendering: pixelated; flex: none; }
@media (max-width: 420px) { .wf .wf-voc a { height: 54px; } .wf .wf-voc .wf-ico { width: 44px; height: 44px; } .wf .wf-voc b { font-size: 17px; } }
/* barras do menu: icone do desafio de volta, SOLTO (sem medalhao), a esquerda do texto, centralizado na vertical */
.wf .wf-menu .wf-item { gap: 12px; padding-left: 10px; }
.wf .wf-menu .wf-ico-solto { flex: none; width: 48px; height: 48px; image-rendering: pixelated;
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .95)) drop-shadow(0 0 5px rgba(0, 0, 0, .7)); }
.wf .wf-menu .wf-item-txt { flex: 1 1 auto; min-width: 0; }
.wf-letreiro-menu { max-width: 100%; max-height: 34px; }
@media (max-width: 420px) { .wf .wf-menu .wf-ico-solto { width: 42px; height: 42px; } }

/* ===== PACOTE 6: PAINEL DE GUERRA ===== */
.wf-guerra { padding: 10px 16px 16px; border-color: #d0a24d; }
.wf-guerra-topo { text-align: center; margin: 0 0 8px; }
.wf-guerra-topo h1 { margin: 0; line-height: 0; }
.wf-guerra-sub { margin: 6px 0 0; font: 600 13px/1.2 var(--titulo); letter-spacing: .14em; text-transform: uppercase; color: #e2d3ad; }
.wf-guerra-palco { min-height: 260px; }
.wf-gcena { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 240px) minmax(0, 1fr); gap: 10px; align-items: end;
	padding: 12px 8px; border: 1px solid #5d4519; border-radius: 2px;
	background: linear-gradient(90deg, rgba(8, 40, 120, .5) 0%, rgba(8, 30, 90, .2) 32%, rgba(0, 0, 0, .55) 50%, rgba(110, 8, 8, .2) 68%, rgba(130, 10, 10, .5) 100%), var(--wf-arena, none) center / cover no-repeat, #07080c; }
.wf-gl { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; }
.wf-gl-bonecos { display: flex; align-items: flex-end; justify-content: center; gap: 6px; width: 100%; }
.wf-gl-b .wf-gl-bonecos { flex-direction: row-reverse; }
.wf-gb { display: flex; flex-direction: column; align-items: center; min-width: 0; text-decoration: none !important; color: #efe4cb !important; text-align: center; }
.wf-gb-arte { display: flex; align-items: flex-end; justify-content: center; }
.wf-gb-arte img { image-rendering: pixelated; filter: drop-shadow(0 4px 4px #000) drop-shadow(0 0 8px rgba(255, 200, 100, .25)); }
.wf-gb-lider .wf-gb-arte img { width: 128px; height: 128px; }
.wf-gb-top .wf-gb-arte img { width: 96px; height: 96px; }
.wf-gb-seq .wf-gb-arte img { width: 72px; height: 72px; }
.wf-gb-papel { font: 700 11px/1.2 var(--titulo); letter-spacing: .08em; text-transform: uppercase; color: #f3d892; }
.wf-gb-papel b { display: block; color: #ffb36b; letter-spacing: 0; }
.wf-gb-nome { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 15px/1.2 Verdana, sans-serif; color: #00c000; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.wf-gb:hover .wf-gb-nome { color: #5cff5c; }
.wf-gb-vazio { opacity: .45; }
.wf-gvida { position: relative; width: 92%; height: 18px; background: #160505; border: 1px solid #000; box-shadow: 0 0 0 1px #8f6c2c, inset 0 2px 5px rgba(0, 0, 0, .9); }
.wf-gvida i { display: block; height: 100%; background-image: linear-gradient(180deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, .35)) !important; transition: width .6s ease; }
.wf-gvida span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 700 12px/1 Verdana, sans-serif; color: #fff; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000; }
.wf-gdano { animation: wf-gdano .5s ease 3; }
@keyframes wf-gdano { 50% { box-shadow: 0 0 0 1px #ff2a2a, 0 0 14px rgba(255, 30, 30, .9); filter: brightness(1.8); } }
.wf-gemb { display: flex; align-items: center; gap: 8px; text-decoration: none !important; color: #f3e3b6 !important; font: 700 17px/1.1 var(--titulo); max-width: 100%; }
.wf-gemb img, .wf-gemb-letra { width: 44px; height: 44px; flex: none; object-fit: contain; }
.wf-gemb-letra { display: flex; align-items: center; justify-content: center; border: 2px solid #c99a45; border-radius: 50% 50% 46% 46% / 40% 40% 60% 60%; background: radial-gradient(circle at 50% 35%, #3a2a14, #0b0806); color: #f3d27a; font: 900 22px/1 var(--titulo); }
.wf-gemb span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wf-gmeio { align-self: center; text-align: center; display: flex; flex-direction: column; gap: 6px; }
.wf-gplacar { display: flex; align-items: center; justify-content: center; gap: 12px; font: 900 54px/1 var(--titulo); }
.wf-gplacar b:first-child { color: #6ec8ff; text-shadow: 0 0 14px rgba(63, 160, 255, .7); }
.wf-gplacar b:last-child { color: #ff6a5a; text-shadow: 0 0 14px rgba(255, 60, 40, .7); }
.wf-gplacar span { font-size: 26px; color: #cdbb93; }
.wf-gmeio p { margin: 0; font-size: 14px; color: #e2d3ad; }
.wf-gtag i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #ff2a2a; box-shadow: 0 0 8px #ff2a2a; animation: wf-pulso 1.2s infinite; }
.wf-gtag { font: 700 13px/1.2 var(--titulo) !important; letter-spacing: .06em; color: #ffb3a8 !important; }
.wf-gtag-fim { color: #f3d892 !important; }
.wf-gcena-fim .wf-gl { opacity: .85; }
.wf-gnav { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; }
.wf-gseta { width: 38px; height: 38px; border: 1px solid #a8803a; border-radius: 50%; background: #120c08; color: #f3d892; font-size: 22px; line-height: 1; cursor: pointer; }
.wf-gbolas { display: flex; gap: 6px; }
.wf-gbola { width: 12px; height: 12px; padding: 0; border: 1px solid #a8803a; border-radius: 50%; background: #1a120a; cursor: pointer; }
.wf-gbola.on { background: #f3d27a; box-shadow: 0 0 6px rgba(255, 200, 90, .8); }
.wf-gvazio { padding: 26px 10px; text-align: center; border: 1px solid #5d4519; background: radial-gradient(ellipse at 50% 40%, rgba(120, 30, 10, .35), transparent 70%), #07080c; }
.wf-gvazio-t { margin: 0 0 6px; font: 900 30px/1.1 var(--titulo); color: #f3d892; }
.wf-gvazio p { margin: 0; font-size: 19px; }
.wf-grank { margin-top: 12px; text-align: center; }
.wf-grank h2 { margin: 0 0 8px; font: 700 20px/1.2 var(--titulo); color: #f3d892; }
.wf-grank ol { list-style: decimal inside; margin: 0 auto 10px; padding: 0; max-width: 520px; text-align: left; }
.wf-grank li { padding: 6px 10px; border-top: 1px solid rgba(214, 168, 78, .15); }
.wf-grank li small { display: block; color: #a99d84; }
.wf-grank-vazio { color: #a99d84; font-style: italic; }
.wf-gdeclarar { display: inline-block; }
@media (max-width: 900px) {
	.wf-gcena { grid-template-columns: minmax(0, 1fr); }
	.wf-gmeio { order: 1; }
	.wf-gl-a { order: 0; } .wf-gl-b { order: 2; }
	.wf-gl-b .wf-gl-bonecos { flex-direction: row; }
	.wf-gb-lider .wf-gb-arte img { width: 96px; height: 96px; } .wf-gb-top .wf-gb-arte img { width: 72px; height: 72px; } .wf-gb-seq .wf-gb-arte img { width: 56px; height: 56px; }
	.wf-gplacar { font-size: 44px; }
}
@media (prefers-reduced-motion: reduce) { .wf-gvida i { transition: none; } .wf-gtag i, .wf-gdano { animation: none; } }
/* tarja do modo demonstracao */
.wf-demo-tarja { position: sticky; top: 0; z-index: 100; padding: 10px 14px; text-align: center; background: repeating-linear-gradient(45deg, #b00000 0 18px, #7a0000 18px 36px);
	color: #fff; font: 900 17px/1.2 Verdana, sans-serif; letter-spacing: .04em; text-shadow: 0 1px 2px #000; box-shadow: 0 4px 12px rgba(0, 0, 0, .7); }
.wf-gvazio { display: flex; align-items: center; justify-content: center; gap: 22px; }
.wf-gvazio-esc { width: 104px; height: auto; filter: drop-shadow(0 6px 10px #000); }
.wf-gvazio-vs { margin: 0 0 4px !important; font: 900 46px/1 var(--titulo); }
.wf-gvazio-vs b:first-child { color: #6ec8ff; text-shadow: 0 0 14px rgba(63, 160, 255, .7); } .wf-gvazio-vs b:last-child { color: #ff6a5a; text-shadow: 0 0 14px rgba(255, 60, 40, .7); }
@media (max-width: 520px) { .wf-gvazio { gap: 10px; } .wf-gvazio-esc { width: 64px; } .wf-gvazio-t { font-size: 22px !important; } }
.wf-gl-bonecos { display: grid; grid-template-columns: 1.3fr 1fr .85fr; align-items: end; gap: 4px; }
.wf-gl-b .wf-gl-bonecos { grid-template-columns: .85fr 1fr 1.3fr; direction: rtl; }
.wf-gl-b .wf-gl-bonecos > * { direction: ltr; }
.wf-gb { width: 100%; }
.wf-gb-papel { font-size: 10px; min-height: 2.4em; display: flex; flex-direction: column; justify-content: flex-end; }
.wf-gb-nome { max-width: 100%; font-size: 13px; }
.wf-gb-seq .wf-gb-nome { font-size: 12px; }
.wf-gcena { background: linear-gradient(90deg, rgba(8, 40, 120, .62) 0%, rgba(4, 10, 30, .72) 35%, rgba(0, 0, 0, .8) 50%, rgba(40, 4, 4, .72) 65%, rgba(130, 10, 10, .62) 100%), var(--wf-arena, none) center / cover no-repeat, #07080c; }
.wf-gb-arte { height: 112px; }
.wf-gb-lider .wf-gb-arte img { width: 112px; height: 112px; } .wf-gb-top .wf-gb-arte img { width: 88px; height: 88px; } .wf-gb-seq .wf-gb-arte img { width: 68px; height: 68px; }
@media (max-width: 900px) { .wf-gb-arte { height: 90px; } .wf-gl-b .wf-gl-bonecos { grid-template-columns: 1.3fr 1fr .85fr; direction: ltr; } }

/* PACOTE 6 C) MENU: sem o escurecer tipo pop-up. A barra da pagina atual fica SELECIONADA com o fundo do VOID (item 100);
   as outras ficam normais (mix de pisos). Hover: mais luz, com o brilho azul da Starlight (item 2361, luz #00ccff). */
.wf-menu-foco .wf-item:not(.wf-ativo):not(.wf-item-livre) { filter: none; }
.wf-menu-foco a.wf-item:not(.wf-ativo):not(.wf-item-livre):hover, .wf-menu-foco a.wf-item:not(.wf-ativo):not(.wf-item-livre):focus-visible { filter: none; }
.wf-menu-foco .wf-item.wf-ativo { transform: none; }
body.wf .wf-menu .wf-item.wf-ativo:not(.wf-item-livre) {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .2) 60%, rgba(0, 0, 0, .1) 100%), var(--wf-void);
	background-size: auto, 128px 128px; background-position: 0 0, 0 0;
	border-color: #ffe08a; box-shadow: 0 0 0 1px #000, 0 0 16px rgba(255, 140, 40, .6), inset 0 0 18px rgba(255, 120, 20, .35);
}
body.wf .wf-menu a.wf-item:not(.wf-ativo):hover, body.wf .wf-menu a.wf-item:not(.wf-ativo):focus-visible {
	background-image: radial-gradient(ellipse 60% 120% at 18% 50%, rgba(0, 204, 255, .30), transparent 70%),
		linear-gradient(90deg, rgba(255, 200, 120, .10) 0%, rgba(0, 0, 0, .25) 55%, rgba(0, 0, 0, .15) 100%), var(--wf-pisos);
	background-size: auto, auto, 256px 256px;
	border-color: #9fe6ff; box-shadow: 0 0 0 1px #000, 0 0 14px rgba(0, 204, 255, .55), inset 0 0 14px rgba(0, 204, 255, .25);
	filter: brightness(1.12);
}
.wf-menu .wf-item { transition: filter .18s ease, box-shadow .18s ease, border-color .18s ease; }
@media (prefers-reduced-motion: reduce) { .wf-menu .wf-item { transition: none; } }

/* ===== PACOTE 7 (28/10) ===== */
/* 3) "Players N Online" anda junto com a ponta da barra de vida (posicao calculada no tema.js) */
.wf-vida-online .wf-online-link { position: relative; overflow: hidden; }
.wf-online-tag { position: absolute; z-index: 1; top: 50%; left: 8px; transform: translateY(-50%); display: flex; align-items: center; gap: 6px; white-space: nowrap; transition: left .5s ease; }
.wf-online-tag .wf-online-rot { font: 700 17px/1 var(--corpo); color: #fff3e0; text-shadow: 0 1px 0 #000, 0 0 3px #000, 0 0 6px #000; }
.wf .wf-online-tag .wf-online-num { font-size: 26px; }
.wf-online-tag.wf-cheia .wf-online-rot { display: none; }
@media (prefers-reduced-motion: reduce) { .wf-online-tag { transition: none; } }
/* 4) TOP 5 SIMETRICO: colunas fixas (posicao | simbolo | nome | level) iguais em todas as linhas */
.wf-top5 ol { display: grid; grid-template-columns: 22px 34px minmax(0, 1fr) auto; column-gap: 8px; }
.wf-top5 li { display: contents; }
.wf-top5 li > * { padding: 7px 0; border-top: 1px solid rgba(214, 168, 78, .14); align-self: stretch; display: flex; align-items: center; }
.wf-top5 li:first-child > * { border-top: 0; }
.wf-top5 .wf-pos { justify-content: flex-end; min-width: 0; font: 900 20px/1 var(--titulo); background: linear-gradient(180deg, #fff6d6, #f3d27a 45%, #c98d2c); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wf-top-simb { justify-content: center; }
.wf-top-simb img, .wf-top-simb svg { width: 30px; height: 30px; margin: 0; filter: drop-shadow(0 1px 2px #000) drop-shadow(0 0 4px rgba(255, 200, 90, .35)); }
.wf-top-simb img { image-rendering: pixelated; width: 32px; height: 32px; }
.wf-top5 .wf-top-nome { font-size: 21px !important; font-weight: 700; color: #efe4cb; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 30px; }
.wf-top5 .wf-top-1 .wf-top-nome { color: #ffe9a8; text-shadow: 0 0 10px rgba(255, 190, 60, .45), 0 2px 0 #000; }
.wf-top5 .wf-lvl { justify-content: flex-end; margin: 0; font: 800 27px/1 var(--corpo); color: #e2cf9f; white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; }
.wf-top5 .wf-lvl span { font-size: 16px; font-weight: 700; color: #b9a77f; margin-right: 4px; }
.wf-top5 ol { column-gap: 0; grid-template-columns: 30px 44px minmax(0, 1fr) auto; }
.wf-top5 .wf-pos { padding-right: 8px; }
.wf-top5 .wf-top-nome { padding-left: 4px; padding-right: 8px; }
.wf-top-simb img { width: 36px; height: 36px; }
/* URGENTE: "Players N Online" PARADO e CENTRALIZADO (vertical e horizontal) na barra, com fundo escuro translucido
   para ler bem em qualquer cor de barra (vermelha, amarela ou verde) */
.wf-vida-online .wf-online-link { justify-content: center; }
.wf-online-tag { left: 50% !important; top: 50%; transform: translate(-50%, -50%); transition: none;
	padding: 3px 12px; border-radius: 14px; background: rgba(0, 0, 0, .58); box-shadow: 0 0 0 1px rgba(0, 0, 0, .6), 0 0 10px rgba(0, 0, 0, .55); }
.wf-online-tag .wf-online-rot { line-height: 1; }
.wf .wf-online-tag .wf-online-num { line-height: 1; -webkit-text-stroke: 2px #000; paint-order: stroke fill;
	text-shadow: 0 0 6px rgba(255, 210, 90, .95), 0 0 2px rgba(255, 220, 120, 1), 0 2px 0 #000; }

/* ===== PACOTE 8 (28/10) ===== */
/* 1+2) TOP 5: cada linha e um botao (fundo VOID, item 100); numeros da arte dourada; coroa + brilho 8047 no 1o;
   golden/silver/bronze goblet e lucky clover amulet no 2o ao 5o; nome e level em MARTEL (hospedada no site) */
.wf-top5 { padding: 8px; }
.wf-top5 ol { display: flex; flex-direction: column; gap: 6px; }
.wf-top5 li { display: block; }
.wf-top5 li > * { border-top: 0; padding: 0; }
.wf-top-linha2 { display: grid; grid-template-columns: 26px 40px minmax(0, 1fr) auto; align-items: center; column-gap: 6px; height: 50px; padding: 0 10px 0 6px;
	border: 1px solid #a8803a; border-radius: 3px; text-decoration: none !important;
	background-color: #120604; background-image: linear-gradient(90deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .45)), var(--wf-void); background-size: auto, 128px 128px;
	box-shadow: inset 0 0 0 1px #050507, 0 2px 6px rgba(0, 0, 0, .7); transition: box-shadow .18s ease, border-color .18s ease, filter .18s ease; }
.wf-top-linha2:hover, .wf-top-linha2:focus-visible { border-color: #9fe6ff; filter: brightness(1.12); box-shadow: 0 0 0 1px #000, 0 0 12px rgba(0, 204, 255, .5), inset 0 0 12px rgba(0, 204, 255, .2); }
.wf-top-linha2 > * { display: flex; align-items: center; min-width: 0; }
.wf-top5 .wf-pos { justify-content: center; padding: 0; }
.wf-top5 .wf-pos img { width: auto; height: 34px; filter: drop-shadow(0 2px 2px #000); }
.wf-top5 .wf-top-simb { position: relative; justify-content: center; }
.wf-top5 .wf-top-simb img { width: 36px; height: 36px; image-rendering: pixelated; filter: drop-shadow(0 2px 2px #000) drop-shadow(0 0 4px rgba(255, 200, 90, .35)); }
.wf-brilho-8047 { position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -24px 0 0 -18px; pointer-events: none;
	background: url('images/icones/tibia/brilho-8047.png') 0 0 / 108px 36px no-repeat; image-rendering: pixelated; animation: wf-brilho8047 .6s steps(3) infinite; }
@keyframes wf-brilho8047 { to { background-position: -108px 0; } }
.wf-top5 .wf-top-nome { display: block; font: 700 18px/50px 'Martel', Georgia, serif !important; letter-spacing: .02em; color: #efe4cb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 2px 2px #000; }
.wf-top5 .wf-top-1 .wf-top-nome { color: #ffe9a8; text-shadow: 0 0 10px rgba(255, 190, 60, .45), 0 2px 2px #000; }
.wf-top5 .wf-lvl { justify-content: flex-end; gap: 3px; font: 800 24px/1 'Martel', Georgia, serif !important; color: #f3d892; white-space: nowrap; text-shadow: 0 2px 2px #000; font-variant-numeric: lining-nums tabular-nums; }
.wf-top5 .wf-lvl span { font: 700 12px/1 'Martel', Georgia, serif; color: #b9a77f; margin: 0 2px 0 0; align-self: center; }
@media (prefers-reduced-motion: reduce) { .wf-brilho-8047 { animation: none; } .wf-top-linha2 { transition: none; } }
.wf-top5 li > a.wf-top-linha2 { display: grid; align-self: auto; border-top: 1px solid #a8803a; padding: 0 10px 0 6px; }
.wf-top5 li { padding: 0 !important; border: 0 !important; }
.wf-top5 li + li { border-top: 0 !important; }
.wf-top5 ol { gap: 5px; }
.wf-top5 .wf-lvl { font-size: 22px !important; }
.wf-top-linha2 { grid-template-columns: 24px 38px minmax(0, 1fr) auto; column-gap: 5px; }
/* 3) >Player 123 Online< no AMARELO do Tibia (#ffff00, Verdana negrito com contorno preto como o texto do cliente),
   centralizado no espaco util da barra (comeca onde termina a curva do buraco da caveira); com a barra cheia o texto continua inteiro */
.wf-online-tag { left: calc(50% + 6px) !important; background: rgba(0, 0, 0, .35); padding: 2px 10px; gap: 7px; }
.wf-online-tag.wf-cheia .wf-online-rot { display: inline; }
.wf-online-tag .wf-online-rot, .wf .wf-online-tag .wf-online-num {
	font: 700 19px/1 Verdana, Tahoma, sans-serif !important; color: #ffff00 !important; -webkit-text-stroke: 0; letter-spacing: 0;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 0 4px rgba(0, 0, 0, .8) !important; }
.wf .wf-online-tag .wf-online-num { font-size: 22px !important; }
@media (max-width: 420px) { .wf-online-tag .wf-online-rot, .wf .wf-online-tag .wf-online-num { font-size: 17px !important; } .wf .wf-online-tag .wf-online-num { font-size: 20px !important; } }

/* COMPLEMENTO pacote 8: cada barra do menu com a SUA faixa sorteada (pisos 3152-3215); cobra inteira rara */
body.wf .wf-menu .wf-item, body.wf .wf-menu li:nth-child(n) .wf-item {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .55) 55%, rgba(0, 0, 0, .45) 100%), var(--wf-faixa, var(--wf-pisos));
	background-size: auto, auto 100%; background-position: 0 0, left center; background-repeat: no-repeat, repeat-x;
}
body.wf .wf-menu a.wf-item:not(.wf-ativo):hover, body.wf .wf-menu a.wf-item:not(.wf-ativo):focus-visible {
	background-image: radial-gradient(ellipse 60% 120% at 18% 50%, rgba(0, 204, 255, .30), transparent 70%),
		linear-gradient(90deg, rgba(255, 200, 120, .10) 0%, rgba(0, 0, 0, .3) 55%, rgba(0, 0, 0, .25) 100%), var(--wf-faixa, var(--wf-pisos));
	background-size: auto, auto, auto 100%; background-repeat: no-repeat, no-repeat, repeat-x;
}
body.wf .wf-menu a.wf-item[data-cobra]:not(.wf-ativo) {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .5) 55%, rgba(0, 0, 0, 0) 78%), var(--wf-cobra), var(--wf-faixa);
	background-size: auto, auto 100%, auto 100%; background-position: 0 0, right center, left center; background-repeat: no-repeat, no-repeat, repeat-x;
}
/* CAIXA DO TOP 5: contorno dourado com brilho SUTIL que corre devagar + AURA (mix das cores das auras do jogo) */
.wf-top5 { position: relative; isolation: isolate; border-color: #b88c3e; }
.wf-top5::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: 3px; padding: 1px; pointer-events: none;
	background: conic-gradient(from var(--wf-ang, 0deg), transparent 0 70%, rgba(255, 236, 170, .9) 80%, transparent 90% 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
	animation: wf-giro 9s linear infinite; }
@property --wf-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes wf-giro { to { --wf-ang: 360deg; } }
.wf-aura { position: absolute; inset: -14px; z-index: -2; pointer-events: none; overflow: visible; }
.wf-aura i { position: absolute; width: 4px; height: 4px; border-radius: 50%; opacity: 0; animation: wf-aura-sobe 4.5s ease-out infinite; }
@keyframes wf-aura-sobe { 0% { opacity: 0; transform: translateY(0) scale(.6); } 20% { opacity: .75; } 100% { opacity: 0; transform: translateY(-34px) scale(1.2); } }
@media (prefers-reduced-motion: reduce) { .wf-top5::before, .wf-aura i { animation: none; } .wf-aura { display: none; } }
.wf-top5 { box-shadow: inset 0 0 0 2px #07070a, inset 0 0 0 3px rgba(214, 168, 78, .25), 0 0 14px rgba(255, 190, 80, .18); }

/* PERSONAGENS ANDANDO: tira com os quadros de caminhada do Tibia.dat 8.60 (cores e addons reais), CSS steps */
.wlz-anda { display: inline-block; background-repeat: no-repeat; background-position: 0 0; image-rendering: pixelated;
	animation: wlz-anda .6s steps(var(--q, 4)) infinite; filter: drop-shadow(0 3px 3px #000); }
@keyframes wlz-anda { to { background-position: var(--fim) 0; } }
@media (prefers-reduced-motion: reduce) { .wlz-anda { animation: none; } }

/* REDES (aba do perfil) e AO VIVO AGORA (pagina inicial) */
.wlz-redes { margin: 22px 0 0; }
.wlz-redes h2 { margin: 0 0 10px; font: 700 22px/1.1 var(--titulo); color: #f3d892; }
.wlz-redes ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wlz-redes a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--rede); border-radius: 20px; background: rgba(0, 0, 0, .4); text-decoration: none !important; color: #efe4cb !important; }
.wlz-redes a b { color: var(--rede); }
.wlz-redes-vazio, .wlz-redes-dono { color: #a99d84; font-size: 16px; }
.wlz-aovivo { padding: 10px 14px 14px; border-color: #c0202a; }
.wlz-aovivo h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font: 900 18px/1 var(--titulo); letter-spacing: .14em; color: #ffd2cc; }
.wlz-aovivo-ponto { width: 12px; height: 12px; border-radius: 50%; background: #ff2a2a; box-shadow: 0 0 10px #ff2a2a; animation: wf-pulso 1.2s infinite; }
.wlz-aovivo ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.wlz-aovivo a { display: grid; gap: 3px; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, .12); border-left: 4px solid var(--rede); background: rgba(0, 0, 0, .45); text-decoration: none !important; color: #efe4cb !important; }
.wlz-aovivo-plat { font: 700 12px/1 Verdana, sans-serif; color: var(--rede); text-transform: uppercase; }
.wlz-aovivo-nome { font: 700 17px/1.2 'Martel', Georgia, serif; }
.wlz-aovivo-nome small { color: #a99d84; font-weight: 400; }
.wlz-aovivo-tit { font-size: 14px; color: #cdbb93; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wlz-aovivo-vis { font-size: 13px; color: #ff8a80; }
@media (prefers-reduced-motion: reduce) { .wlz-aovivo-ponto { animation: none; } }

/* FALA DO LEAMAS: estilo de fala de monstro do Tibia (laranja com contorno preto, SEM caixa), na largura da coluna,
   centralizada, 1 linha (no maximo 2, crescendo para cima), num espaco reservado entre o SUPORTE e o nome do LEAMAS */
.wf .wf-leamas.wf-donate { margin-top: 50px; }
.wf .wf-donate .wlz-leamas-fala {
	left: 50%; right: auto; bottom: calc(100% + 34px); transform: translateX(-50%); width: max-content; max-width: calc(100% - 6px);
	padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-align: center;
	font: 700 12px/15px Verdana, Tahoma, sans-serif; letter-spacing: 0; color: #ff7c1a; white-space: normal; text-wrap: balance;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000;
}
.wf .wf-donate .wlz-leamas-fala::after { content: none; }
@media (max-width: 640px) { .wf .wf-donate .wlz-leamas-fala { font-size: 12px; max-width: calc(100% - 6px); } }

/* AURA DO TOP 5 (nova, tema.js): atras + na frente das bordas + nos lados; nunca pega clique */
.wf-top5.wf-aura2-ok { isolation: isolate; }
.wf-top5.wf-aura2-ok > .wf-aura { display: none; }
.wf-aura2 { position: absolute; inset: 0; pointer-events: none; overflow: visible; }
.wf-aura2-atras { z-index: -1; }
.wf-aura2-frente { z-index: 6; }
.wf-aura2 i { position: absolute; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%); animation-name: wf-a2-sai; animation-timing-function: ease-out; animation-iteration-count: infinite; will-change: transform, opacity; }
.wf-aura2 .wf-a2-fumaca { filter: blur(6px); }
@keyframes wf-a2-sai {
	0% { opacity: 0; transform: translate(-50%, -50%) scale(.5) rotate(0); }
	15% { opacity: .85; }
	55% { opacity: .5; }
	100% { opacity: 0; transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.3) rotate(var(--rot)); }
}
.wf-aura2-frente i { animation-name: wf-a2-sai-frente; }
@keyframes wf-a2-sai-frente {
	0% { opacity: 0; transform: translate(-50%, -50%) scale(.5); }
	20% { opacity: .55; }
	100% { opacity: 0; transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.2); }
}
@media (prefers-reduced-motion: reduce) { .wf-aura2 { display: none; } }

/* PALCO DO FERUMBRAS (no lugar da lista do Top 5) */
.wf-fpalco { padding: 0 !important; overflow: visible; }
.wf-fpalco-cena { position: relative; height: 230px; overflow: hidden; border-radius: 2px;
	background: linear-gradient(180deg, rgba(10, 4, 4, .92) 0%, rgba(20, 8, 6, .75) 55%, rgba(0, 0, 0, .55) 56%, rgba(0, 0, 0, .8) 100%), var(--wf-pisos) 0 0 / 128px 128px; }
.wf-fpalco-chao { position: absolute; left: 0; right: 0; bottom: 0; height: 44%; background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(255, 140, 40, .14), transparent 70%); }
.wf-fpalco-carrega { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #a99d84; font-style: italic; margin: 0; }
.wf-pa { position: absolute; bottom: 12%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; text-decoration: none !important; transition: left 2.5s linear; z-index: 2; }
.wf-pa-fer { bottom: 10%; z-index: 3; }
.wf-pa-nome { font: 700 11px/1 Verdana, Tahoma, sans-serif; white-space: nowrap; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.wf-pa-vida { display: block; width: 28px; height: 4px; margin: 2px 0 1px; background: #000; border: 1px solid #000; }
.wf-pa-vida i { display: block; height: 100%; }
.wf-pa.wf-pa-parado .wf-pa-anda { animation-play-state: paused; background-position: 0 0; }
.wf-pa-img { width: 70px; height: auto; }
.wf-pa-fala { position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%); width: max-content; max-width: 220px; opacity: 0; transition: opacity .2s;
	font: 700 11px/14px Verdana, Tahoma, sans-serif; color: #ffff00; text-align: center; text-wrap: balance;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000; pointer-events: none; }
.wf-pa-fer .wf-pa-fala, .wf-pa-leamas .wf-pa-fala { color: #ff7c1a; }
.wf-pa-fala.on { opacity: 1; }
.wf-pa:first-of-type .wf-pa-fala { left: 0; transform: none; }
.wf-pa-prop { position: absolute; bottom: 14%; width: 32px; height: 32px; image-rendering: pixelated; transform: translateX(-50%); filter: drop-shadow(0 2px 2px #000); }
.wf-pa-meio { width: 40px; height: 40px; bottom: 12%; }
.wf-pa-mon { position: absolute; width: 44px; height: 44px; image-rendering: pixelated; transform: translateX(-50%); filter: drop-shadow(0 3px 3px #000); transition: opacity .8s, filter .1s; }
.wf-pa-hit { filter: brightness(2) sepia(1) hue-rotate(-40deg) saturate(5) drop-shadow(0 3px 3px #000); }
.wf-pa-morto { opacity: 0; }
.wf-pa-dano { position: absolute; transform: translateX(-50%); font: 700 13px/1 Verdana, sans-serif; color: #ff2a2a; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000; animation: wf-pa-sobe .9s ease-out forwards; pointer-events: none; z-index: 5; }
@keyframes wf-pa-sobe { to { transform: translate(-50%, -26px); opacity: 0; } }
.wf-pa-levelup::after { content: "LEVEL UP!"; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); font: 700 11px/1 Verdana, sans-serif; color: #fff; text-shadow: 0 0 6px #ffd27a, 1px 1px 0 #000; animation: wf-pa-sobe 2.5s ease-out 3 both; }
.wf-pa-levelup .wf-pa-anda { filter: drop-shadow(0 0 8px #ffe08a) drop-shadow(0 3px 3px #000); }
.wf-zzz .wf-pa-fer::before { content: "Zz"; position: absolute; top: 18px; right: -6px; font: 700 14px/1 Verdana, sans-serif; color: #cfe8ff; text-shadow: 1px 1px 0 #000; animation: wf-pa-sobe 2.4s ease-out infinite; }
.wf-zzz .wf-pa:not(.wf-pa-fer) { opacity: .55; }
.wf-fpalco-demo { position: absolute; right: 6px; top: 6px; font: 700 10px/1 Verdana, sans-serif; color: #fff; background: #b00000; padding: 2px 5px; }
.wf-fpalco-look { position: absolute; left: 6px; right: 6px; top: 6px; z-index: 8; padding: 6px 8px; font: 11px/1.35 Verdana, Tahoma, sans-serif; color: #00e000; background: rgba(0, 0, 0, .85); border: 1px solid #8f6c2c; pointer-events: none; }
.wf-fpalco-look b { color: #00ff00; }
.wf-fpalco-look p { margin: 3px 0 0; color: #cfcfcf; }
.wf-fpalco-rank { display: block; margin: 6px auto 0; width: max-content; font: 700 12px/1 var(--titulo); letter-spacing: .1em; text-transform: uppercase; color: #d6a84e !important; }
@media (prefers-reduced-motion: reduce) { .wf-pa { transition: none; } .wf-pa-dano, .wf-pa-levelup::after, .wf-zzz .wf-pa-fer::before { animation: none; } }

.wf-pa-efx { position: absolute; z-index: 6; width: 48px; height: 48px; transform: translateX(-50%); image-rendering: pixelated; pointer-events: none;
	background-repeat: no-repeat; animation: wlz-anda .6s steps(var(--q)) 1 forwards; }


/* ===== REVISAO 28/10 (correcoes de erro claro) ===== */
.wf-nw { white-space: nowrap; } /* rev02#27 */
/* rev01#11 rev09#1 rev03#24: campo de busca de personagem escuro como os outros */
.wf .wf-corpo input:not([type]), .wf .wf-corpo input[type=search] { background: #0b0b10; color: #f3e3b6; border: 1px solid #8f6c2c; padding: 6px 10px; }
/* rev01#22 rev03#17: painel acompanha o conteudo nas paginas curtas */
.wf-corpo { min-height: 0; }
/* rev02#9 rev03#14 #20 rev06#24: coordenadas sem fonte monoespacada */
.wf code { font: inherit; font-variant-numeric: tabular-nums lining-nums; color: #cdbb93; }
/* rev08#18: rodape legivel; rev01#21: links do rodape iguais */
.wf-rodape p { color: #a99d84; }
.wf-rodape .wf-link-btn { text-decoration: none; }
/* rev08#26 #27 #28 rev06#25: alvos de toque no celular */
@media (max-width: 900px) {
	.wf-menu-botao { min-height: 44px; }
	.wf .wlz-conteudo-corpo input[type=text], .wf .wlz-conteudo-corpo input[type=password], .wf .wlz-conteudo-corpo input[type=email], .wf .wlz-conteudo-corpo input:not([type]), .wf .wlz-conteudo-corpo select { min-height: 44px; box-sizing: border-box; }
	.wf input[type=checkbox] { width: 22px; height: 22px; accent-color: #d6a84e; vertical-align: middle; }
}
/* rev02#5 rev06#15 rev08#25: barra de baixo legivel (minimo 10px) */
@media (max-width: 900px) { .wf-barra-celular a { font-size: 10px; letter-spacing: 0; } }
@media (max-width: 420px) { .wf-barra-celular a { font-size: 10px; padding-left: 0; padding-right: 0; } }
/* rev02#1 rev03#3 rev06#7 #8 rev09#6: Monstros no celular sem nome por cima das colunas */
@media (max-width: 760px) {
	.wf table.dataTable th:nth-child(2), .wf table.dataTable td:nth-child(2),
	.wf table.dataTable th:nth-child(5), .wf table.dataTable td:nth-child(5),
	.wf table.dataTable th:nth-child(6), .wf table.dataTable td:nth-child(6) { display: none; }
	.wf .wf-monstro a span { white-space: normal; word-break: normal; }
}
.wf .wf-corpo { scrollbar-color: #8f6c2c #0a0a0e; }
/* rev03#2 rev06#6 rev09#22: Quem esta online no celular sem a coluna Vocacao cortada */
@media (max-width: 600px) { .wf .wf-corpo .Table2 td:nth-child(2):has(img), .wf .wf-corpo .Table2 tr.LabelH td:nth-child(2) { display: none; } .wf .TableContainer { overflow-x: auto; } }
/* rev02#7 rev03#13 rev01#24: nomes do palco nao saem do palco; rev06#12 "Ranking completo" inteiro */
.wf-fpalco { padding-bottom: 4px !important; }
.wf-fpalco-rank { position: relative; z-index: 2; margin: 8px auto 4px; }

.wf-aura-pausa .wf-aura2 i { animation-play-state: paused; } /* rev07#16 */
@media (max-width: 760px) {
	.wf table.dataTable { table-layout: auto; width: 100% !important; }
	.wf table.dataTable th:nth-child(7), .wf table.dataTable td:nth-child(7) { display: none; }
	.wf table.dataTable td.wf-monstro { min-width: 150px; }
	.wf table.dataTable td.wf-monstro a { min-width: 0; }
	.wf table.dataTable td.wf-monstro a span { overflow-wrap: anywhere; }
}

/* PALCO: passos de quadradinho (~0,4 s) e folhas com 4 direcoes; animacao de passo so andando */
.wf-pa { transition: left .4s linear, bottom .4s linear; }
.wf-pa-monstro { position: absolute; transform: translateX(-50%); z-index: 2; }
.wf-pa-anda4 { display: inline-block; background-repeat: no-repeat; image-rendering: pixelated; filter: drop-shadow(0 3px 3px #000); }
.wf-pa-anda4.andando { animation: wf-passo .4s steps(var(--q, 4)) infinite; }
@keyframes wf-passo { from { background-position-x: 0; } to { background-position-x: var(--fim); } }
.wf-pa.wf-pa-parado .wf-pa-anda4 { animation: none; }
@media (prefers-reduced-motion: reduce) { .wf-pa { transition: none; } .wf-pa-anda4.andando { animation: none; } }
.wf-pa-off { opacity: .5; filter: grayscale(.6); } /* personagem offline: aparece apagado */

/* ===== PAINEL DE 3 COLUNAS (28/10): Top 9 level | Top 6 procurados | Top 3 frags. Fundo = o do palco; aura da caixa intacta ===== */
.wf-p3-caixa { padding: 0 !important; overflow: visible; }
.wf-p3 { position: relative; display: grid; grid-template-columns: 1.15fr 1fr .95fr; gap: 0 2px; padding: 8px 4px 10px; border-radius: 2px;
	background: linear-gradient(180deg, rgba(10, 4, 4, .92) 0%, rgba(20, 8, 6, .75) 55%, rgba(0, 0, 0, .55) 56%, rgba(0, 0, 0, .8) 100%), var(--wf-pisos) 0 0 / 128px 128px; }
.wf-p3-col { min-width: 0; }
.wf-p3-col + .wf-p3-col { border-left: 1px solid rgba(214, 168, 78, .12); }
.wf-p3-tit { margin: 0 0 4px; text-align: center; font: 700 10px/1.2 var(--titulo); letter-spacing: .12em; text-transform: uppercase; color: rgba(214, 168, 78, .75); }
.wf-p3-vazio { margin: 6px 0; text-align: center; font: italic 11px/1.3 Verdana, sans-serif; color: #8d826b; }
.wf-p3-lista { display: flex; flex-direction: column; align-items: stretch; gap: 1px; }
.wf-p3-item { position: relative; display: flex; align-items: flex-end; justify-content: center; min-width: 0; }
.wf-p3-pers { position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; max-width: 100%; text-decoration: none !important; outline-offset: 2px; }
.wf-p3-nick { display: flex; align-items: center; gap: 2px; max-width: 100%; font: 700 10px/1 Verdana, Tahoma, sans-serif; color: #00c000; white-space: nowrap;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.wf-p3-nick { overflow: hidden; text-overflow: ellipsis; }
.wf-p3-emb { flex: none; width: 11px; height: 11px; image-rendering: pixelated; }
.wf-p3-pers:hover .wf-p3-nick, .wf-p3-pers:focus-visible .wf-p3-nick { color: #60ff60; }
.wf-p3-anda { display: block; position: relative; z-index: 1; margin-top: 1px; background-repeat: no-repeat; image-rendering: pixelated; filter: drop-shadow(0 2px 2px #000);
	animation: wf-passo .6s steps(var(--q, 4)) infinite; }
.wf-p3-pausa .wf-p3-anda, .wf-p3-pausa .wf-p3-aura::after { animation-play-state: paused; }
/* marcas ao lado: taca (1o-3o), numero amarelo (4o-9o), skull (frags) */
.wf-p3-taca, .wf-p3-num, .wf-p3-skull { position: absolute; left: 0; bottom: 6px; z-index: 2; }
.wf-p3-taca { width: 20px; height: 20px; image-rendering: pixelated; filter: drop-shadow(0 1px 1px #000); }
.wf-p3-num { width: 14px; text-align: center; font: 700 10px/1 Verdana, sans-serif; color: #ffd400; text-shadow: 1px 1px 0 #000; }
.wf-p3-skull { width: 11px; height: 11px; left: 4px; bottom: 10px; image-rendering: pixelated; }
.wf-p3-level .wf-p3-pers, .wf-p3-frags .wf-p3-pers { margin-left: 14px; }
/* aura sutil (ouro, prata, bronze) no estilo das auras do jogo: brilho no chao + pontinhos subindo */
.wf-p3-level .wf-p3-pos1 .wf-p3-pers { --aura: 255, 205, 60; }
.wf-p3-level .wf-p3-pos2 .wf-p3-pers { --aura: 215, 225, 240; }
.wf-p3-level .wf-p3-pos3 .wf-p3-pers { --aura: 215, 135, 65; }
.wf-p3-level .wf-p3-pos1 .wf-p3-anda, .wf-p3-level .wf-p3-pos2 .wf-p3-anda, .wf-p3-level .wf-p3-pos3 .wf-p3-anda {
	filter: drop-shadow(0 0 3px rgba(var(--aura), .55)) drop-shadow(0 2px 2px #000); }
.wf-p3-level .wf-p3-pos1 .wf-p3-pers::before, .wf-p3-level .wf-p3-pos2 .wf-p3-pers::before, .wf-p3-level .wf-p3-pos3 .wf-p3-pers::before {
	content: ""; position: absolute; left: 50%; bottom: -1px; width: 34px; height: 10px; transform: translateX(-50%); border-radius: 50%;
	background: radial-gradient(closest-side, rgba(var(--aura), .55), rgba(var(--aura), 0)); pointer-events: none; }
.wf-p3-level .wf-p3-pos1 .wf-p3-pers::after, .wf-p3-level .wf-p3-pos2 .wf-p3-pers::after, .wf-p3-level .wf-p3-pos3 .wf-p3-pers::after {
	content: ""; position: absolute; left: 50%; bottom: 4px; width: 2px; height: 2px; border-radius: 50%; pointer-events: none; z-index: 2;
	background: rgba(var(--aura), .95); box-shadow: -11px -4px 0 0 rgba(var(--aura), .8), 10px -9px 0 0 rgba(var(--aura), .7), -6px -16px 0 0 rgba(var(--aura), .6), 7px -22px 0 0 rgba(var(--aura), .5);
	animation: wf-p3-aura 2.2s linear infinite; }
.wf-p3-level .wf-p3-pos2 .wf-p3-pers::after { animation-delay: -.7s; }
.wf-p3-level .wf-p3-pos3 .wf-p3-pers::after { animation-delay: -1.4s; }
@keyframes wf-p3-aura { 0% { transform: translate(-1px, 0); opacity: 0; } 20% { opacity: 1; } 100% { transform: translate(1px, -12px); opacity: 0; } }
/* Look (como no jogo) */
.wf-p3-look { position: absolute; left: 6px; right: 6px; top: 6px; z-index: 8; padding: 6px 8px; font: 11px/1.35 Verdana, Tahoma, sans-serif; color: #00e000;
	background: rgba(0, 0, 0, .88); border: 1px solid #8f6c2c; pointer-events: none; }
.wf-p3-look p { margin: 3px 0 0; color: #cfcfcf; }
@media (prefers-reduced-motion: reduce) { .wf-p3-anda, .wf-p3 .wf-p3-pers::after { animation: none; } }
/* celular: as colunas empilham (Top 9, Top 6, Top 3); dentro de cada uma, 3 por linha */
@media (max-width: 900px) {
	.wf-p3 { grid-template-columns: 1fr; gap: 8px; padding: 8px 6px 10px; }
	.wf-p3-col + .wf-p3-col { border-left: 0; border-top: 1px solid rgba(214, 168, 78, .12); padding-top: 6px; }
	.wf-p3-lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 2px; }
	.wf-p3-nick { font-size: 11px; }
}

/* PAINEL 3-3-3 (ajustes do YZZY 28/10): titulos TOP / EXIVA / FRAGS grandes em Martel no amarelo do >Player Online<, barra de vida do jogo, personagens maiores */
.wf-p3 { padding: 10px 4px 12px; }
.wf-p3-tit { margin: 0 0 8px; letter-spacing: 0; }
.wf-p3-tit a { display: block; font: 800 24px/1.1 'Martel', Georgia, serif; text-transform: uppercase; color: #ffff00 !important; text-decoration: none !important;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 0 4px rgba(0, 0, 0, .8); }
.wf-p3-tit a:hover, .wf-p3-tit a:focus-visible { color: #ffffa0 !important; }
.wf-p3-lista { gap: 8px; }
.wf-p3-nick { font-size: 11px; }
.wf-p3-vida { display: block; width: 28px; height: 4px; margin: 2px 0 0; background: #000; border: 1px solid #000; box-sizing: content-box; }
.wf-p3-vida i { display: block; height: 100%; }
.wf-p3-taca { width: 24px; height: 24px; bottom: 10px; }
.wf-p3-skull { width: 16px; height: 16px; left: 2px; bottom: 16px; }
.wf-p3-level .wf-p3-pers, .wf-p3-frags .wf-p3-pers { margin-left: 18px; }
.wf-p3-level .wf-p3-pers::before { width: 44px !important; height: 12px !important; }
@media (max-width: 900px) {
	.wf-p3-tit { text-align: center; }
	.wf-p3-tit a { font-size: 26px; }
	.wf-p3-lista { gap: 6px 2px; }
}

/* MENU (28/10): JOGAR, DOWNLOAD, EXIVA, VENDETTA, HOUSES, WIKI, SUPORTE em texto Martel, amarelo/dourado com contorno escuro (texto do cliente) */
.wf .wf-menu .wf-menu-nome { display: block; font: 800 27px/1 'Martel', Georgia, serif; letter-spacing: .04em; white-space: nowrap; padding-top: 5px; color: #ffd84a !important;
	-webkit-text-fill-color: #ffd84a; background: none;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 2px 4px rgba(0, 0, 0, .9); }
.wf .wf-menu a.wf-item:hover .wf-menu-nome, .wf .wf-menu .wf-item.wf-ativo .wf-menu-nome { color: #ffef8a !important; -webkit-text-fill-color: #ffef8a; }
@media (max-width: 420px) { .wf .wf-menu .wf-menu-nome { font-size: 24px; } }

/* ===== PACOTE 8 (28/10) ===== */
/* FONTE dos titulos e menus: Metamorphous (OFL, hospedada em fontes/), sempre no AMARELO do Tibia com o contorno preto do cliente */
:root { --wf-fonte-titulo: 'Metamorphous', 'Martel', Georgia, serif; --wf-amarelo: #ffff00;
	--wf-contorno: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 2px 4px rgba(0, 0, 0, .85); }
.wf .wf-menu .wf-menu-nome { font: 400 27px/1 var(--wf-fonte-titulo); letter-spacing: .02em; padding-top: 2px; color: var(--wf-amarelo) !important; -webkit-text-fill-color: var(--wf-amarelo); text-shadow: var(--wf-contorno); }
.wf .wf-menu a.wf-item:hover .wf-menu-nome, .wf .wf-menu .wf-item.wf-ativo .wf-menu-nome { color: #ffffa8 !important; -webkit-text-fill-color: #ffffa8; }
/* PAINEL DE RANKS: fundo = mix de pisos sorteado; titulos menores que os personagens; icones maiores saindo da borda; mana; ON/OFF */
.wf-p3 { background: linear-gradient(180deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .66)), var(--wf-p3-fundo, var(--wf-pisos)) var(--wf-p3-fx, 0) var(--wf-p3-fy, 0) / 384px 512px; overflow: visible; padding: 8px 6px 10px; }
.wf-p3-tit a { font: 400 17px/1.1 var(--wf-fonte-titulo); color: var(--wf-amarelo) !important; text-shadow: var(--wf-contorno); letter-spacing: .03em; }
.wf-p3-tit { margin-bottom: 4px; }
.wf-p3-mana { display: block; width: 28px; height: 4px; margin: 1px 0 0; background: #000; border: 1px solid #000; box-sizing: content-box; }
.wf-p3-mana i { display: block; height: 100%; background: #2b4dff; }
.wf-p3-on { display: block; margin-top: 1px; font: 700 10px/1 Verdana, Tahoma, sans-serif; letter-spacing: .04em; text-shadow: var(--wf-contorno); }
.wf-p3-on.wf-on { color: #ffff00; }
.wf-p3-on.wf-off { color: #ff2a2a; }
.wf-p3-taca { width: 34px; height: 34px; left: -16px; bottom: 26px; filter: drop-shadow(0 2px 2px #000); }
.wf-p3-skull { width: 22px; height: 22px; left: -12px; bottom: 32px; filter: drop-shadow(0 2px 2px #000); }
.wf-p3-level .wf-p3-pers, .wf-p3-frags .wf-p3-pers { margin-left: 12px; }
.wf-p3-level .wf-p3-pers::before { bottom: 12px !important; }
.wf-p3-level .wf-p3-pers::after { bottom: 18px !important; }
.wf-p3-pers { position: relative; }
@media (max-width: 900px) { .wf-p3-tit a { font-size: 19px; } .wf-p3-taca { left: -8px; } .wf-p3-skull { left: -4px; } }
/* PLACAR de guerra (ex-"Painel de Guerra"): fundo de pisos da marca, numeros com a fonte do cliente, lider colado no placar */
.wf-placar-tit { margin: 0; text-align: center; font: 400 40px/1.1 var(--wf-fonte-titulo); color: var(--wf-amarelo); text-shadow: var(--wf-contorno); letter-spacing: .04em; }
.wf-guerra { position: relative; }
.wf-guerra .wf-gcena { background: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .68)), var(--wf-p3-fundo, var(--wf-pisos)) var(--wf-p3-fx, 0) var(--wf-p3-fy, 0) / 384px 512px; }
.wf-guerra .wf-gl-bonecos { grid-template-columns: .85fr 1fr 1.3fr; direction: ltr; }
.wf-guerra .wf-gl-b .wf-gl-bonecos { grid-template-columns: 1.3fr 1fr .85fr; direction: ltr; }
.wf-gb2 { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.wf-gb2 .wf-p3-nick { font-size: 12px; }
.wf-gb2 .wf-p3-vida, .wf-gb2 .wf-p3-mana { width: 34px; }
.wf-gb2 .wf-gb-papel { min-height: 0; margin-top: 2px; font: 400 11px/1.2 var(--wf-fonte-titulo); text-transform: none; color: #ffd84a; text-shadow: var(--wf-contorno); }
.wf-gb2 .wf-gb-papel b { display: inline; color: #ffff00; }
.wf-gplacar2 { display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none !important; }
.wf-gnum { display: inline-flex; gap: 2px; }
.wf-gnum img { height: 52px; width: auto; image-rendering: pixelated; filter: drop-shadow(0 3px 3px #000); }
.wf-gx { font: 400 26px/1 var(--wf-fonte-titulo); color: var(--wf-amarelo); text-shadow: var(--wf-contorno); }
.wf-gcav { width: 22px; height: 22px; image-rendering: pixelated; filter: drop-shadow(0 2px 2px #000); }
.wf-gemb-ico { width: 11px; height: 11px; image-rendering: pixelated; vertical-align: -1px; }
.wf-guerra > .wf-p3-look { top: 60px; }
@media (max-width: 900px) { .wf-gnum img { height: 40px; } .wf-placar-tit { font-size: 34px; } .wf-guerra .wf-gl-bonecos, .wf-guerra .wf-gl-b .wf-gl-bonecos { grid-template-columns: 1fr 1fr 1fr; } }
.wf-guerra-topo .wf-placar-tit { position: relative; z-index: 2; margin: 4px 0 2px; text-transform: uppercase; line-height: 1.15; }
.wf-guerra .wf-gcena { background: linear-gradient(180deg, rgba(0, 0, 0, .74), rgba(0, 0, 0, .66) 50%, rgba(0, 0, 0, .78)), var(--wf-p3-fundo, var(--wf-pisos)) var(--wf-p3-fx, 0) var(--wf-p3-fy, 0) / 384px 512px; }
.wf-gemb img.wf-gemb-ico { width: 22px !important; height: 22px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; image-rendering: pixelated; vertical-align: -4px; }

/* ===== CORRECOES DO YZZY (28/10, noite) ===== */
/* FONTE: Angel Rhapsody (USO PESSOAL - comprar Web Font License antes de abrir ao publico; ver fontes/LICENCA-Angel-Rhapsody.txt).
   PLANO B gratuito (OFL), troque so esta linha: 'UnifrakturMaguntia' ou 'Jacquard 24'. Nunca tudo em maiusculas. */
:root { --wf-fonte-titulo: 'Angel Rhapsody', 'Metamorphous', Georgia, serif; }
.wf-p3-tit a, .wf-guerra-topo .wf-placar-tit, .wf .wf-menu .wf-menu-nome { text-transform: none !important; }
.wf .wf-menu .wf-menu-nome { font-size: 30px; letter-spacing: .01em; }
.wf-p3-tit a { font-size: 21px; }
/* personagem (painel e placar): barras do cliente em 1,5x; skull no lugar do cliente 8.60 (x + 25,5 / y + 5 da barra de vida) */
.wf-p3-barras { position: relative; display: block; width: 42px; margin-top: 2px; }
.wf-p3 .wf-p3-vida, .wf-guerra .wf-p3-vida, .wf-p3-barras .wf-p3-vida { width: 40px; height: 5px; margin: 0; }
.wf-p3-barras .wf-p3-mana { width: 40px; height: 5px; margin: 1px 0 0; }
.wf-p3-sk { position: absolute; left: 38px; top: 8px; width: 16px; height: 16px; image-rendering: pixelated; z-index: 3; }
.wf-p3-pe { display: flex; align-items: center; justify-content: center; gap: 3px; margin-top: 1px; }
.wf-p3-pe .wf-p3-on { margin: 0; }
.wf-p3-pe .wf-p3-emb { width: 16px; height: 16px; image-rendering: pixelated; }
.wf-p3-skull { display: none; } /* skull solta antiga */
.wf-p3-level .wf-p3-pers, .wf-p3-frags .wf-p3-pers { margin-left: 0; }
.wf-p3-level .wf-p3-pers { margin-left: 12px; }
/* PLACAR: volta a pintura de batalha; luzes azul/vermelho trocadas por dourado/preto/vermelho */
.wf-guerra .wf-gcena { background: linear-gradient(90deg, rgba(120, 82, 10, .55) 0%, rgba(20, 12, 4, .72) 35%, rgba(0, 0, 0, .82) 50%, rgba(30, 4, 4, .72) 65%, rgba(130, 10, 10, .55) 100%), var(--wf-arena, none) center / cover no-repeat, #07080c; }
.wf-placar-tit { display: flex; align-items: center; justify-content: center; gap: 14px; }
.wf-placar-ico { display: inline-flex; gap: 6px; }
.wf-placar-ico img { width: 22px; height: 22px; image-rendering: pixelated; filter: drop-shadow(0 2px 2px #000); }
.wf-git { image-rendering: pixelated; filter: drop-shadow(0 2px 2px #000); }
.wf-gvela { height: 48px; width: auto; }
.wf-gtag2 { display: flex; align-items: center; justify-content: center; gap: 8px; font: 700 16px/1 Verdana, Tahoma, sans-serif; color: #fff; text-shadow: var(--wf-contorno); letter-spacing: .04em; }
.wf-gadaga { height: 30px; width: auto; filter: drop-shadow(0 0 4px #9dff7a) drop-shadow(0 0 8px rgba(120, 255, 90, .6)); animation: wf-gbrilho 1.6s ease-in-out infinite alternate; }
@keyframes wf-gbrilho { to { filter: drop-shadow(0 0 2px #9dff7a) drop-shadow(0 0 14px rgba(120, 255, 90, .9)); } }
.wf-gpisca { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #ff2a2a; box-shadow: 0 0 6px #ff2a2a; animation: wf-gpisca 1s steps(1) infinite; }
@keyframes wf-gpisca { 50% { opacity: 0; } }
.wf-grelogio { display: inline-block; width: 64px; height: 32px; background-repeat: no-repeat; background-size: 256px 32px; image-rendering: pixelated; animation: wf-grelogio 1s steps(4) infinite; }
@keyframes wf-grelogio { to { background-position-x: -256px; } }
.wf-gtag2 time { color: #ffff00; font-variant-numeric: tabular-nums; }
.wf-glinha { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 8px; margin: 8px 0 0; font: 700 15px/1.25 Verdana, Tahoma, sans-serif; color: #f3e7c6; text-shadow: var(--wf-contorno); }
.wf-glinha b { color: #ffff00; }
.wf-gico { width: 32px; height: 32px; image-rendering: pixelated; filter: drop-shadow(0 2px 2px #000); }
.wf-gmatou, .wf-gha { font: 700 14px/1 Verdana, sans-serif; color: #f3e7c6; }
.wf-gha { color: #cfc2a0; font-weight: 400; font-size: 13px; }
.wf-p3-arma { width: 32px; height: 32px; image-rendering: pixelated; object-fit: contain; filter: drop-shadow(0 2px 2px #000); }
.wf-p3-arma-q { display: inline-flex; align-items: center; justify-content: center; font: 700 24px/1 Verdana, sans-serif; color: #ffff00; text-shadow: var(--wf-contorno); }
.wf-p3-vitima, .wf-p3-sentado { display: inline-flex; flex-direction: column; align-items: center; text-decoration: none !important; }
.wf-p3-camaleao { width: 48px; height: 48px; image-rendering: pixelated; object-fit: contain; filter: drop-shadow(0 2px 2px #000); }
.wf-p3-vitima .wf-p3-barras { width: 40px; }
.wf-p3-trono { position: relative; display: block; }
.wf-p3-trono img { display: block; image-rendering: pixelated; filter: drop-shadow(0 3px 3px #000); }
.wf-p3-trono .wf-p3-parado { position: absolute; left: 50%; bottom: 34%; transform: translateX(-50%); animation: none !important; image-rendering: pixelated; background-repeat: no-repeat; }
.wf-gmedalha { width: 32px; height: 32px; }
.wf-gestrela { font-size: 22px; color: #ffd400; text-shadow: var(--wf-contorno), 0 0 8px rgba(255, 210, 0, .8); }
.wf-guerra .wf-gmeio .wf-p3-pers { margin: 0; }
@media (prefers-reduced-motion: reduce) { .wf-gadaga, .wf-gpisca, .wf-grelogio { animation: none; } }
.wf-guerra .wf-gcena { grid-template-columns: minmax(0, 1fr) minmax(330px, 400px) minmax(0, 1fr); align-items: center; }
.wf-gtag2, .wf-gtag2 * { white-space: nowrap; }
.wf-gtag2 { font-family: Verdana, Tahoma, sans-serif !important; text-transform: none; }
.wf-glinha { flex-wrap: nowrap; }
.wf-gult2, .wf-gseq2 { align-items: flex-end; }
.wf-gult2 .wf-gmatou, .wf-gult2 .wf-p3-arma, .wf-gult2 .wf-gha { align-self: center; }
.wf-gseq2 > img, .wf-gseq2 > span { align-self: center; }
@media (max-width: 900px) { .wf-guerra .wf-gcena { grid-template-columns: minmax(0, 1fr); } .wf-glinha { flex-wrap: wrap; } }
.wf-guerra .wf-gl .wf-p3-nick { font-size: 10px; overflow: visible; text-overflow: clip; } .wf-guerra .wf-gl-bonecos { gap: 0; } .wf-gvela { height: 56px; }