@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&display=swap');

:root {
	--ig-red: #a4272c;
	--ig-red-light: #c8393f;
	--ig-red-dark: #6e181c;
	--ig-gold: #c5a059;
	--ig-gold-light: #e6ca84;
	--ig-gold-dark: #8a6a35;
	--ig-beige: #f1e1d0;
	--ig-beige-dark: #e3d1b9;
	--ig-parchment: #ece0c9;
	--ig-text: #2b1d1a;
	--ig-text-soft: #5b4636;
	--ig-bg: #140d0b;
	--ig-bg-alt: #1d1310;
	--ig-shadow-strong: 0 6px 18px rgba(0,0,0,.55);
}

* { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--ig-bg) url('../images/bg-texture.png');
	background-size: 400px;
	color: var(--ig-beige);
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.55;
}

a { color: var(--ig-gold-light); text-decoration: none; }
a:hover { color: var(--ig-gold); text-decoration: underline; }

h1, h2, h3, h4 {
	font-family: 'Cinzel', Georgia, serif;
	color: var(--ig-gold-light);
	margin: 0 0 12px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.6);
}

/* ===== Sidebar shell ===== */
.wiki-shell { display: flex; min-height: 100vh; }

.wiki-sidebar {
	width: 250px; flex: 0 0 250px;
	background: linear-gradient(180deg, #1a1210, #0d0908 60%);
	border-right: 1px solid rgba(197,160,89,.25);
	padding: 20px 14px 30px;
	position: sticky; top: 0; height: 100vh; overflow-y: auto;
	box-shadow: 4px 0 24px rgba(0,0,0,.4);
}
.wiki-sidebar .wiki-brand {
	display: flex; align-items: center; gap: 10px; text-decoration: none; padding: 4px 6px 18px;
	border-bottom: 1px solid rgba(197,160,89,.25); margin-bottom: 14px;
}
.wiki-sidebar .wiki-brand i { font-size: 26px; color: var(--ig-gold); filter: drop-shadow(0 0 6px rgba(197,160,89,.5)); }
.wiki-brand-text { font-family: 'Cinzel', Georgia, serif; font-weight: 900; font-size: 18px; color: #f8ecd0; letter-spacing: 1px; }
.wiki-brand-text small { display: block; font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 10px; color: var(--ig-gold-light); text-transform: uppercase; letter-spacing: 2px; }

.wiki-sidebar .wiki-search { display: flex; margin-bottom: 18px; }
.wiki-sidebar .wiki-search input {
	background: rgba(255,255,255,.06); border: 1px solid rgba(197,160,89,.35); border-right: none;
	border-radius: 4px 0 0 4px; padding: 8px 10px; font-size: 12px; color: var(--ig-beige); flex: 1; min-width: 0;
}
.wiki-sidebar .wiki-search input::placeholder { color: var(--ig-beige-dark); opacity: .6; }
.wiki-sidebar .wiki-search button {
	background: linear-gradient(180deg, var(--ig-gold-light), var(--ig-gold-dark));
	border: 1px solid var(--ig-gold-dark); border-radius: 0 4px 4px 0; padding: 0 12px; cursor: pointer; color: #3a2a16;
}

.wiki-side-nav { display: flex; flex-direction: column; gap: 1px; }
.wiki-side-group {
	font-family: 'Cinzel', Georgia, serif; font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px;
	color: var(--ig-gold-dark); margin: 16px 0 6px 8px;
}
.wiki-side-link {
	display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 5px;
	color: var(--ig-beige-dark); font-size: 13px; text-decoration: none; border-left: 2px solid transparent;
	transition: .15s;
}
.wiki-side-link i { width: 16px; text-align: center; color: var(--ig-gold-dark); }
.wiki-side-link:hover { background: rgba(197,160,89,.08); color: var(--ig-beige); text-decoration: none; }
.wiki-side-link.active { background: linear-gradient(90deg, rgba(164,39,44,.35), rgba(164,39,44,.05)); border-left-color: var(--ig-gold); color: #f8ecd0; }
.wiki-side-link.active i { color: var(--ig-gold-light); }

.wiki-main { flex: 1; min-width: 0; }

.wiki-mobile-bar { display: none; }
.wiki-sidebar-toggle-state { display: none; }

@media (max-width: 900px) {
	.wiki-mobile-bar {
		display: flex; align-items: center; justify-content: space-between; gap: 10px;
		background: linear-gradient(180deg, var(--ig-red-light), var(--ig-red-dark));
		border-bottom: 2px solid var(--ig-gold); padding: 12px 16px; position: sticky; top: 0; z-index: 60;
		color: #f8ecd0; font-family: 'Cinzel', Georgia, serif; font-weight: 700; cursor: pointer;
	}
	.wiki-mobile-brand { letter-spacing: 1px; }
	.wiki-shell { flex-direction: column; }
	.wiki-sidebar {
		position: fixed; left: -270px; top: 0; z-index: 55; width: 250px; height: 100vh;
		transition: left .2s ease; box-shadow: 10px 0 30px rgba(0,0,0,.6);
	}
	.wiki-sidebar-toggle-state:checked ~ .wiki-shell .wiki-sidebar { left: 0; }
}

/* ===== Layout ===== */
.wiki-wrap { padding: 26px 28px 60px; max-width: 1100px; }
.wiki-breadcrumb { font-size: 12px; color: var(--ig-gold); margin-bottom: 16px; }
.wiki-breadcrumb a { color: var(--ig-beige-dark); }

/* ===== Box (ornate parchment card, same language as the main site) ===== */
.wiki-box { position: relative; margin-bottom: 22px; border-radius: 4px; box-shadow: var(--ig-shadow-strong); }
.wiki-box::before {
	content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 3;
	background-repeat: no-repeat;
	background-image: url('../images/corners/corner-tl-hd.png'), url('../images/corners/corner-tr-hd.png'),
		url('../images/corners/corner-bl-hd.png'), url('../images/corners/corner-br-hd.png');
	background-size: 20px 20px, 20px 20px, 20px 20px, 20px 20px;
	background-position: top left, top right, bottom left, bottom right;
}
.wiki-box-header {
	background: linear-gradient(180deg, var(--ig-red-light), var(--ig-red) 55%, var(--ig-red-dark));
	border: 1px solid var(--ig-gold); border-bottom: 2px solid var(--ig-gold);
	color: #f8ecd0; font-family: 'Cinzel', Georgia, serif; font-weight: 700; font-size: 14px;
	text-transform: uppercase; letter-spacing: 1px; border-radius: 4px 4px 0 0; padding: 10px 18px;
	text-shadow: 1px 1px 2px #000;
}
.wiki-box-header i { color: var(--ig-gold-light); margin-right: 6px; }
.wiki-box-content {
	background: var(--ig-parchment); border: 1px solid var(--ig-gold); border-top: none;
	border-radius: 0 0 4px 4px; color: var(--ig-text); padding: 20px;
}
.wiki-box-content h2, .wiki-box-content h3, .wiki-box-content h4 { color: var(--ig-red-dark); text-shadow: none; }
.wiki-box-content a { color: var(--ig-red); font-weight: 600; }
.wiki-box-content a:hover { color: var(--ig-red-dark); }

/* ===== Home category grid ===== */
.wiki-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; }
.wiki-cat-card {
	background: linear-gradient(180deg, var(--ig-beige), var(--ig-beige-dark)); border: 1px solid var(--ig-gold-dark);
	border-radius: 6px; padding: 18px; text-align: center; color: var(--ig-text); display: block;
	transition: transform .15s, box-shadow .15s;
}
.wiki-cat-card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.4); text-decoration: none; }
.wiki-cat-card i { font-size: 30px; color: var(--ig-red); margin-bottom: 10px; display: block; }
.wiki-cat-card h3 { color: var(--ig-red-dark); margin-bottom: 4px; font-size: 15px; }
.wiki-cat-card p { margin: 0; font-size: 12px; color: var(--ig-text-soft); }

.wiki-hero { text-align: center; padding: 30px 10px 10px; }
.wiki-hero h1 { font-size: 30px; }
.wiki-hero p { color: var(--ig-beige-dark); max-width: 620px; margin: 0 auto; }

/* ===== Homepage hero (IMPERA WIKI) ===== */
.wiki-home-hero {
	text-align: center; padding: 44px 16px 30px; margin-bottom: 8px; position: relative;
	background: radial-gradient(ellipse at 50% 0%, rgba(164,39,44,.18), transparent 70%);
	border-bottom: 1px solid rgba(197,160,89,.2);
}
.wiki-home-hero h1 {
	font-size: 46px; letter-spacing: 4px; margin-bottom: 6px; color: #f8ecd0;
	text-shadow: 0 0 18px rgba(197,160,89,.35), 2px 2px 3px rgba(0,0,0,.7);
}
.wiki-home-hero h1 span { color: var(--ig-gold-light); }
.wiki-home-tagline { font-family: 'Cinzel', Georgia, serif; font-size: 15px; color: var(--ig-gold-light); letter-spacing: .5px; margin-bottom: 26px; }
.wiki-home-search { display: flex; max-width: 560px; margin: 0 auto; box-shadow: var(--ig-shadow-strong); border-radius: 6px; overflow: hidden; }
.wiki-home-search i { display: flex; align-items: center; padding: 0 14px; background: rgba(0,0,0,.35); color: var(--ig-gold); border: 1px solid rgba(197,160,89,.35); border-right: none; }
.wiki-home-search input { flex: 1; min-width: 0; border: 1px solid rgba(197,160,89,.35); border-left: none; border-right: none; background: rgba(255,255,255,.05); color: var(--ig-beige); padding: 14px 12px; font-size: 14px; }
.wiki-home-search input::placeholder { color: var(--ig-beige-dark); opacity: .55; }
.wiki-home-search button {
	background: linear-gradient(180deg, var(--ig-red-light), var(--ig-red-dark)); border: 1px solid var(--ig-gold-dark);
	color: #f8ecd0; font-family: 'Cinzel', Georgia, serif; font-weight: 700; letter-spacing: .5px; padding: 0 22px; cursor: pointer;
}

.wiki-section-title { font-size: 15px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--ig-gold-dark); margin: 30px 0 14px; }

.wiki-cat-grid-featured { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.wiki-cat-card-featured {
	background: linear-gradient(180deg, #241814, #150e0b); border: 1px solid rgba(197,160,89,.4); color: var(--ig-beige);
}
.wiki-cat-card-featured i { color: var(--ig-gold-light); filter: drop-shadow(0 0 8px rgba(197,160,89,.4)); }
.wiki-cat-card-featured h3 { color: #f8ecd0; }
.wiki-cat-card-featured p { color: var(--ig-beige-dark); }
.wiki-cat-card-featured:hover { box-shadow: 0 10px 26px rgba(164,39,44,.35); border-color: var(--ig-gold); }

/* ===== Guides: shared unconfirmed-entity marker (used mostly inside light parchment boxes) ===== */
.wiki-unconfirmed { color: var(--ig-text-soft); opacity: .8; border-bottom: 1px dashed var(--ig-gold-dark); cursor: help; }

/* ===== Guide hero ===== */
.guia-hero {
	display: flex; align-items: center; gap: 20px; padding: 24px 26px; border-radius: 8px; margin-bottom: 22px;
	background: linear-gradient(120deg, #241814, #150e0b 70%); border: 1px solid rgba(197,160,89,.35); box-shadow: var(--ig-shadow-strong);
}
.guia-hero i { font-size: 40px; color: var(--ig-gold-light); filter: drop-shadow(0 0 10px rgba(197,160,89,.4)); }
.guia-hero h1 { margin-bottom: 4px; font-size: 22px; }
.guia-hero p { margin: 0; color: var(--ig-beige-dark); font-size: 13px; }
.guia-hero-knight i { color: #d8d8e0; }
.guia-hero-paladin i { color: var(--ig-gold-light); }
.guia-hero-sorcerer i { color: #e06a3d; }
.guia-hero-druid i { color: #6fbf73; }
.guia-hero-monk i { color: #c98a4b; }

/* ===== Table of contents ===== */
.guia-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.guia-toc a {
	font-size: 12px; padding: 6px 12px; border-radius: 20px; border: 1px solid rgba(197,160,89,.3);
	color: var(--ig-beige-dark); background: rgba(255,255,255,.03);
}
.guia-toc a:hover { color: #f8ecd0; border-color: var(--ig-gold); background: rgba(197,160,89,.1); text-decoration: none; }

.guia-cols2 { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
@media (max-width: 700px) { .guia-cols2 { grid-template-columns: 1fr; } }

.guia-bracket { border: 1px solid var(--ig-gold-dark); border-radius: 6px; margin-bottom: 16px; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,.15); }
.guia-bracket-head {
	background: linear-gradient(180deg, var(--ig-gold-light), var(--ig-gold-dark)); color: #3a2a16;
	font-family: 'Cinzel', Georgia, serif; font-weight: 700; font-size: 13px; padding: 7px 14px; text-transform: uppercase; letter-spacing: .5px;
	display: flex; align-items: center; justify-content: space-between;
}
.guia-bracket-endgame { border-color: var(--ig-red); box-shadow: 0 0 0 1px var(--ig-red), 0 4px 14px rgba(164,39,44,.25); }
.guia-bracket-endgame .guia-bracket-head { background: linear-gradient(180deg, var(--ig-red-light), var(--ig-red-dark)); color: #f8ecd0; }
.guia-badge-endgame {
	background: #150e0b; color: var(--ig-gold-light); font-size: 10px; padding: 3px 9px; border-radius: 10px;
	border: 1px solid var(--ig-gold); letter-spacing: 1px;
}
.guia-bracket-body { padding: 14px 16px; background: rgba(0,0,0,.10); }
.guia-bracket-body h4 { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: var(--ig-red-dark); margin: 0 0 8px; }
.guia-bracket-body p { margin: 4px 0; font-size: 13px; }
.guia-bracket-body .guia-cols2 { gap: 26px; margin-bottom: 10px; }
.guia-nota { color: var(--ig-text-soft); font-size: 12px; font-style: italic; }
.guia-upgrade, .guia-objetivo {
	border-radius: 5px; padding: 8px 10px; font-size: 12.5px; margin: 6px 0;
}
.guia-upgrade { background: rgba(197,160,89,.14); border: 1px solid var(--ig-gold-dark); }
.guia-objetivo { background: rgba(110,24,28,.08); border: 1px solid var(--ig-red); font-weight: 600; }

/* ===== Hunt quality badges (XP / Profit / Segurança) — todos calculados de dados reais ===== */
.guia-hunt-badges { display: inline-flex; gap: 4px; margin-left: 6px; vertical-align: middle; }
.guia-badge {
	display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 10px;
	text-transform: uppercase; letter-spacing: .3px;
}
.guia-badge-xp { background: rgba(58,122,58,.18); color: #2e5f2e; border: 1px solid #3a7a3a; }
.guia-badge-profit { background: rgba(197,160,89,.22); color: #7a5a1e; border: 1px solid var(--ig-gold-dark); }
.guia-badge-safe { background: rgba(58,90,140,.16); color: #2c4870; border: 1px solid #3a5a8c; }
.guia-badge-dif-facil { background: rgba(58,122,58,.18); color: #2e5f2e; border: 1px solid #3a7a3a; margin-left: 8px; }
.guia-badge-dif-media { background: rgba(197,160,89,.22); color: #7a5a1e; border: 1px solid var(--ig-gold-dark); margin-left: 8px; }
.guia-badge-dif-dificil { background: rgba(164,39,44,.16); color: var(--ig-red-dark); border: 1px solid var(--ig-red); margin-left: 8px; }

/* ===== "O que fazer agora?" form + resultado ===== */
.proximo-form { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; }
.proximo-form > div { display: flex; flex-direction: column; gap: 4px; }
.proximo-form label { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--ig-text-soft); font-weight: 700; }
.proximo-form input, .proximo-form select {
	padding: 9px 12px; border: 1px solid var(--ig-gold-dark); border-radius: 5px; background: #fff; color: var(--ig-text);
	font-size: 13px; min-width: 140px;
}
.proximo-form button {
	background: linear-gradient(180deg, var(--ig-red-light), var(--ig-red-dark)); border: 1px solid var(--ig-gold-dark);
	color: #f8ecd0; font-family: 'Cinzel', Georgia, serif; font-weight: 700; padding: 10px 18px; border-radius: 5px; cursor: pointer;
}
.proximo-form-home input, .proximo-form-home select { min-width: 120px; }

.proximo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin: 16px 0; }
.proximo-card {
	border: 1px solid var(--ig-gold-dark); border-radius: 6px; padding: 12px 14px; background: rgba(255,255,255,.5);
}
.proximo-card h4 { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: var(--ig-red-dark); margin: 0 0 8px; }
.proximo-card p { font-size: 13px; margin: 4px 0; }
.proximo-card-destaque { border: 2px solid var(--ig-red); box-shadow: 0 0 0 1px var(--ig-red), 0 4px 14px rgba(164,39,44,.2); background: rgba(255,255,255,.75); }
.proximo-resultado .wiki-box-header { background: linear-gradient(180deg, var(--ig-gold-light), var(--ig-gold-dark)); color: #3a2a16; }

/* ===== Sets: item picks com imagem real (TibiaWiki) ===== */
.wiki-item-icon { image-rendering: pixelated; vertical-align: middle; background: rgba(0,0,0,.06); border-radius: 4px; padding: 2px; flex-shrink: 0; }
.set-pick { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(197,160,89,.25); }
.set-pick:last-of-type { border-bottom: none; }
.set-pick h3 { font-size: 14px; margin: 0 0 2px; color: var(--ig-red-dark); text-shadow: none; }
.set-pick p { margin: 0; font-size: 12.5px; color: var(--ig-text-soft); }

.guia-hunt { border-left: 3px solid var(--ig-red); padding: 6px 0 6px 14px; margin-bottom: 18px; }
.guia-hunt-head { font-family: 'Cinzel', Georgia, serif; color: var(--ig-red-dark); font-size: 14px; margin-bottom: 4px; text-shadow: none; }
.guia-hunt-monsters { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.guia-chip {
	display: inline-flex; flex-direction: column; max-width: 240px;
	background: rgba(110,24,28,.06); border: 1px solid var(--ig-gold-dark); border-radius: 8px;
	padding: 6px 12px; font-size: 12px; line-height: 1.4; color: var(--ig-text);
}
.guia-chip a { font-weight: 600; }
.guia-chip small { display: block; margin-top: 2px; color: var(--ig-text-soft); font-size: 11px; white-space: normal; }

.guia-list { margin: 0; padding-left: 20px; }
.guia-list li { margin-bottom: 6px; font-size: 13px; }

.guia-nav-vocacoes { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 10px; }
.guia-voc-pill {
	display: flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 20px;
	border: 1px solid rgba(197,160,89,.3); color: var(--ig-beige-dark); font-size: 12px; background: rgba(255,255,255,.03);
}
.guia-voc-pill:hover { color: #f8ecd0; border-color: var(--ig-gold); background: rgba(197,160,89,.1); text-decoration: none; }

/* ===== Tables (bestiary/items lists) ===== */
.wiki-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wiki-table th {
	background: linear-gradient(180deg, var(--ig-gold-light), var(--ig-gold-dark)); color: #3a2a16;
	font-family: 'Cinzel', Georgia, serif; text-transform: uppercase; letter-spacing: .5px;
	padding: 8px 10px; text-align: left; font-size: 12px;
}
.wiki-table td { padding: 8px 10px; border-bottom: 1px solid var(--ig-beige-dark); vertical-align: middle; }
.wiki-table tr:nth-child(even) td { background: rgba(197,160,89,.08); }
.wiki-table tr:hover td { background: rgba(164,39,44,.08); }
.wiki-table img.wiki-thumb { width: 32px; height: 32px; image-rendering: pixelated; vertical-align: middle; }

.wiki-filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.wiki-filters input, .wiki-filters select {
	background: #fff; border: 1px solid var(--ig-gold-dark); border-radius: 4px; padding: 7px 10px; font-size: 13px; color: var(--ig-text);
}

/* ===== Creature / item detail ===== */
.wiki-detail-head { display: flex; gap: 18px; align-items: center; margin-bottom: 16px; flex-wrap: wrap; }
.wiki-detail-head img { width: 64px; height: 64px; image-rendering: pixelated; background: rgba(0,0,0,.06); border: 1px solid var(--ig-gold-dark); border-radius: 6px; padding: 4px; }
.wiki-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px,1fr)); gap: 10px; margin: 14px 0; }
.wiki-stat-box { background: rgba(0,0,0,.05); border: 1px solid var(--ig-beige-dark); border-radius: 6px; padding: 10px 12px; }
.wiki-stat-box b { display: block; font-size: 16px; color: var(--ig-red-dark); }
.wiki-stat-box span { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--ig-text-soft); }
.wiki-tag { display: inline-block; background: var(--ig-gold-dark); color: #fff; font-size: 10px; padding: 2px 8px; border-radius: 10px; margin: 0 4px 4px 0; text-transform: uppercase; letter-spacing: .5px; }
.wiki-tag.premium { background: var(--ig-red); }
.wiki-tag.quest { background: #5a4a8a; }
.wiki-tag.store { background: #2f7d5c; }

/* ===== Outfitter ===== */
.wiki-outfitter { display: grid; grid-template-columns: 300px 1fr; gap: 24px; }
@media (max-width: 780px) { .wiki-outfitter { grid-template-columns: 1fr; } }
.of-preview {
	background: radial-gradient(circle at 50% 30%, rgba(255,255,255,.12), transparent 60%), rgba(0,0,0,.25);
	border: 1px solid var(--ig-gold-dark); border-radius: 8px; display: flex; flex-direction: column;
	align-items: center; justify-content: center; padding: 20px; min-height: 260px; gap: 14px;
}
.of-preview img { width: 128px; height: 128px; image-rendering: pixelated; }
.of-rotate { display: flex; gap: 8px; }
.of-rotate button {
	background: linear-gradient(180deg, var(--ig-gold-light), var(--ig-gold-dark)); border: 1px solid var(--ig-gold-dark);
	border-radius: 4px; padding: 6px 12px; cursor: pointer; color: #3a2a16; font-weight: 700;
}
.of-rotate button:hover { filter: brightness(1.08); }
.of-field { margin-bottom: 14px; }
.of-field label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--ig-text-soft); margin-bottom: 4px; }
.of-colors { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; max-height: 90px; overflow-y: auto; padding: 4px; background: rgba(0,0,0,.05); border-radius: 4px; }
.of-swatch { width: 100%; aspect-ratio: 1; border-radius: 3px; cursor: pointer; border: 2px solid transparent; }
.of-swatch.active { border-color: var(--ig-red); box-shadow: 0 0 0 1px var(--ig-gold); }
.of-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px,1fr)); gap: 10px; max-height: 420px; overflow-y: auto; padding: 6px; }
.of-outfit-item {
	background: rgba(0,0,0,.05); border: 1px solid var(--ig-beige-dark); border-radius: 6px; padding: 8px 4px;
	text-align: center; cursor: pointer; font-size: 10px; color: var(--ig-text); position: relative;
}
.of-outfit-item.selected { border-color: var(--ig-red); background: rgba(164,39,44,.12); }
.of-outfit-item img { width: 48px; height: 48px; image-rendering: pixelated; }
.of-outfit-item .lock { position: absolute; top: 2px; right: 4px; font-size: 9px; color: var(--ig-gold-dark); }
.of-gender-toggle { display: flex; gap: 8px; margin-bottom: 12px; }
.of-gender-toggle button { flex: 1; padding: 8px; border-radius: 4px; border: 1px solid var(--ig-gold-dark); cursor: pointer; background: var(--ig-beige); color: var(--ig-text); font-weight: 700; }
.of-gender-toggle button.active { background: linear-gradient(180deg, var(--ig-red-light), var(--ig-red-dark)); color: #f8ecd0; }

footer.wiki-footer { text-align: center; padding: 20px; color: var(--ig-beige-dark); font-size: 12px; border-top: 1px solid rgba(197,160,89,.3); margin-top: 20px; }
footer.wiki-footer a { color: var(--ig-gold); }

/* ===== Pagination ===== */
.wiki-pagination { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 18px; font-size: 13px; }
.wiki-pagination a { background: linear-gradient(180deg, var(--ig-gold-light), var(--ig-gold-dark)); color: #3a2a16; padding: 6px 14px; border-radius: 4px; font-weight: 700; text-decoration: none; }
.wiki-pagination a:hover { filter: brightness(1.08); text-decoration: none; }
.wiki-pg-current { color: var(--ig-text-soft); }

/* ===== Cross-link chips ===== */
.wiki-chiplist { display: flex; flex-wrap: wrap; gap: 6px; }
.wiki-chip { background: rgba(0,0,0,.05); border: 1px solid var(--ig-beige-dark); border-radius: 14px; padding: 4px 10px; font-size: 12px; color: var(--ig-text); }
.wiki-chip a { color: var(--ig-red); font-weight: 700; }
.wiki-chip .pct { color: var(--ig-text-soft); font-size: 11px; }

.wiki-stat-note { font-size: 11px; color: var(--ig-text-soft); margin-top: -8px; margin-bottom: 14px; }

.wiki-badge-boss { background: linear-gradient(180deg,#ffd76a,#b8860b); color:#3a2a16; font-weight:700; font-size:10px; padding:2px 8px; border-radius:10px; text-transform:uppercase; letter-spacing:.5px; }

.wiki-subnav { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.wiki-subnav a { background: rgba(0,0,0,.05); border:1px solid var(--ig-beige-dark); border-radius:4px; padding:6px 12px; font-size:12px; color:var(--ig-text); font-weight:600; }
.wiki-subnav a.active, .wiki-subnav a:hover { background: linear-gradient(180deg, var(--ig-red-light), var(--ig-red-dark)); color:#f8ecd0; text-decoration:none; }

/* ===== V2.1 — Hunts: rankings separados, ficha de hunt, rotulo de fonte externa ===== */
.guia-fonte-tag { display:inline-block; font-size:10px; text-transform:uppercase; letter-spacing:.4px; font-weight:700; padding:1px 7px; border-radius:9px; background: rgba(58,90,140,.14); color:#2c4870; border:1px solid #3a5a8c; vertical-align:middle; margin-left:6px; }
.guia-fonte-tag-estimado { background: rgba(197,160,89,.2); color:#7a5a1e; border-color: var(--ig-gold-dark); }
.guia-sem-dado { color: var(--ig-text-soft); font-style: italic; font-size: 12.5px; }

.guia-rank-section { margin-bottom: 22px; }
.guia-rank-section h3 { font-family: 'Cinzel', Georgia, serif; color: var(--ig-red-dark); font-size: 14px; margin: 0 0 8px; text-shadow: none; }
.guia-rank-list { display:flex; flex-direction:column; gap:8px; }
.guia-rank-item { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--ig-beige-dark); border-radius:6px; background: rgba(255,255,255,.5); }
.guia-rank-item a { font-weight:700; }
.guia-rank-item .val { font-size:12.5px; color: var(--ig-text-soft); white-space:nowrap; }

.guia-hunt-hero { display:flex; gap:16px; align-items:flex-start; flex-wrap:wrap; }
.guia-hunt-hero img { border-radius: 6px; background: rgba(0,0,0,.06); padding:6px; }
.guia-hunt-hero-badges { display:flex; flex-wrap:wrap; gap:6px; margin: 8px 0; }
.guia-hunt-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top: 10px; }
.guia-hunt-actions a { background: linear-gradient(180deg, var(--ig-red-light), var(--ig-red-dark)); color:#f8ecd0 !important; font-weight:700; font-size:12.5px; padding:7px 14px; border-radius:4px; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.guia-hunt-actions a:hover { filter: brightness(1.08); text-decoration:none; }
.guia-hunt-actions a.is-disabled { background: rgba(0,0,0,.08); color: var(--ig-text-soft) !important; cursor: default; }

.guia-hunt-section { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(197,160,89,.25); }
.guia-hunt-section h4 { font-family: 'Cinzel', Georgia, serif; color: var(--ig-red-dark); font-size: 13px; margin: 0 0 8px; text-shadow: none; text-transform: uppercase; letter-spacing: .4px; }
.guia-hunt-vocs { display:flex; flex-wrap:wrap; gap:6px; margin: 6px 0; }
.guia-hunt-vocs span { background: rgba(0,0,0,.05); border:1px solid var(--ig-beige-dark); border-radius:12px; padding:3px 10px; font-size:11.5px; font-weight:600; }
.guia-hunt-list-card { border:1px solid var(--ig-beige-dark); border-radius:6px; padding:12px 14px; margin-bottom:12px; background: rgba(255,255,255,.4); }