/* ═══════════════════════════════════════════════════════════════
   SHINRA WIKI — skin "Ouro & Fogo"
   Substitui completamente o chrome Gameforge/Timeless.
   Conteúdo em pergaminho claro (legibilidade), moldura em tinta escura.
   ═══════════════════════════════════════════════════════════════ */
@font-face{font-family:'Trajan Pro';src:url('./fonts/TrajanProRegular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Trajan Pro';src:url('./fonts/TrajanProBold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  --sw-ink:#140a08; --sw-ink2:#190d08; --sw-ink3:#221208;
  --sw-gold:#e2ad64; --sw-gold2:#f3cf8e; --sw-gold-deep:#8a5e2a;
  --sw-gold-dim:rgba(226,173,100,.35); --sw-gold-line:rgba(226,173,100,.18);
  --sw-fire:#c63d1e; --sw-fire2:#d8652f;
  --sw-paper:#efe6d4; --sw-paper2:#e7dbc4; --sw-text:#2c2218; --sw-muted:#6f5d43;
  --sw-wine:#6f1d14; --sw-wine2:#8d2a1a;
}

html{scroll-behavior:smooth}
body{
  margin:0; color:var(--sw-text);
  font-family:Verdana,Geneva,'DejaVu Sans',sans-serif; font-size:14px; line-height:1.6;
  background:
    radial-gradient(1100px 500px at 50% -80px, rgba(198,61,30,.14), transparent 60%),
    radial-gradient(900px 600px at 50% 110%, rgba(226,173,100,.07), transparent 60%),
    #0c0605;
  min-height:100vh;
}
a{color:#8a4516;text-decoration:none}
a:hover{color:var(--sw-fire2);text-decoration:underline;text-underline-offset:2px}
a.new{color:#9c2f1d}

/* ═════════ HEADER ═════════ */
#mw-header-container{
  position:sticky;top:0;z-index:80;
  background:rgba(16,9,6,.96);
  border-bottom:1px solid var(--sw-gold-dim);
  box-shadow:0 6px 24px rgba(0,0,0,.55);
  backdrop-filter:blur(10px);
}
#mw-header{
  max-width:1380px;margin:0 auto;padding:10px 18px;
  display:flex;align-items:center;gap:18px;
}
/* marca (JS injeta a logo) */
#p-logo-text{order:1;flex-shrink:0}
#p-logo-text a.mw-wiki-title{
  display:flex;align-items:center;gap:10px;
  font-family:'Trajan Pro',serif;font-weight:700;font-size:19px;letter-spacing:.14em;
  color:var(--sw-gold2);text-decoration:none;text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.8);
}
#p-logo-text a.mw-wiki-title:hover{color:#ffe9c4;text-decoration:none}
#p-logo-text .sw-logo-img{height:42px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
/* busca */
#mw-header .mw-portlet#p-search,#mw-header div.mw-portlet:not(#p-logo-text){order:2;flex:1;max-width:560px;margin-left:auto;position:relative}
#searchform h3,#mw-header h3{display:none}
#simpleSearch,#searchform > div{display:flex}
#searchform input[type="search"],#searchform input[name="search"],#searchInput{
  flex:1;width:100%;
  background:rgba(34,19,12,.9);border:1px solid var(--sw-gold-dim);border-radius:8px;
  color:var(--sw-gold2);padding:9px 14px;font-size:13px;outline:none;
}
#searchform input::placeholder{color:rgba(226,173,100,.45)}
#searchform input:focus{border-color:var(--sw-gold);box-shadow:0 0 0 3px rgba(226,173,100,.15)}
#searchform button,#searchform input[type="submit"],#mw-searchButton{display:none}
/* resultados da busca local */
.sw-search-results{
  position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:99;
  background:#1d100b;border:1px solid var(--sw-gold-dim);border-radius:10px;
  box-shadow:0 18px 50px rgba(0,0,0,.75);overflow:hidden;max-height:380px;overflow-y:auto;
}
.sw-search-results a{
  display:block;padding:9px 14px;color:var(--sw-gold2);font-size:13px;
  border-bottom:1px solid rgba(226,173,100,.08);text-decoration:none;
}
.sw-search-results a:hover,.sw-search-results a.active{background:rgba(226,173,100,.1);color:#ffe9c4}
.sw-search-results .sw-search-empty{padding:10px 14px;color:rgba(226,173,100,.5);font-size:12px}
/* esconde lixo do header original */
#user-tools,#mw-header-hack,#mw-header-nav-hack,#menus-cover,#mw-site-logo,#personal{display:none !important}

/* ═════════ LAYOUT ═════════ */
#mw-content-container{max-width:1380px;margin:18px auto 30px;padding:0 14px}
#mw-content-block{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}
#mw-site-navigation{grid-column:1;position:sticky;top:76px}
#mw-content{grid-column:2;grid-row:1 / span 2;min-width:0}
#mw-related-navigation{grid-column:1;grid-row:2}

/* sidebars como painéis de tinta */
.sidebar-chunk{
  background:linear-gradient(180deg,rgba(36,19,12,.92),rgba(22,12,8,.95));
  border:1px solid var(--sw-gold-line);border-radius:12px;
  margin-bottom:12px;overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.4);
}
.sidebar-chunk > h2{
  margin:0;padding:9px 12px;
  font-family:'Trajan Pro',serif;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--sw-gold2);
  background:linear-gradient(180deg,rgba(198,61,30,.25),rgba(110,28,14,.3));
  border-bottom:1px solid var(--sw-gold-line);
}
.sidebar-chunk .pokey{display:none}
.sidebar-inner{padding:8px 6px}
.sidebar-inner h3{
  margin:8px 8px 2px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--sw-gold-deep);
}
.sidebar-inner ul{list-style:none;margin:0;padding:0}
.sidebar-inner li{margin:0}
.sidebar-inner a{
  display:block;padding:5px 10px;border-radius:7px;
  color:#d9c4a4;font-size:12.5px;text-decoration:none;
}
.sidebar-inner a:hover{background:rgba(226,173,100,.1);color:var(--sw-gold2);text-decoration:none}

/* ═════════ CONTEÚDO (pergaminho) ═════════ */
#mw-content{
  background:linear-gradient(180deg,var(--sw-paper),var(--sw-paper2));
  border:1px solid rgba(226,173,100,.4);border-radius:14px;
  padding:24px 28px 30px;
  box-shadow:0 16px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.4);
}
h1#firstHeading{
  margin:-24px -28px 18px;padding:14px 24px;
  background:linear-gradient(180deg,var(--sw-wine2),var(--sw-wine));
  border-bottom:2px solid var(--sw-gold-deep);
  border-radius:13px 13px 0 0;
  font-family:'Trajan Pro',serif;font-size:26px;font-weight:700;letter-spacing:.06em;
  color:#ffe9c4;text-shadow:0 2px 6px rgba(0,0,0,.6);
}
#mw-content h2,#mw-content h3,#mw-content h4{
  font-family:'Trajan Pro',serif;color:#5d1a0f;letter-spacing:.03em;
}
#mw-content h2{border-bottom:1px solid rgba(138,94,42,.45);padding-bottom:4px}
#siteSub,#contentSub,#mw-page-header-links,.mw-indicators,.mw-editsection,#ca-talk,#p-namespaces,#p-views,#page-actions{display:none !important}
#mw-content-text{font-size:14px}
#catlinks{
  background:rgba(138,94,42,.08);border:1px solid rgba(138,94,42,.3);border-radius:8px;
  padding:6px 10px;font-size:12px;
}

/* ═════════ FOOTER ═════════ */
#mw-footer-container{
  border-top:1px solid var(--sw-gold-line);
  background:rgba(12,7,5,.85);
  margin-top:10px;
}
#mw-footer{max-width:1380px;margin:0 auto;padding:16px 18px;color:#9b8266;font-size:11.5px}
#mw-footer a{color:#c8a87a}
#footer-bottom ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
#f-poweredbyico,#f-copyrightico{float:right;opacity:.5}
#footer-bottom #footer-places,#lastmod,#credits{opacity:.8}

/* costura de ouro abaixo do header */
#mw-header-container::after{
  content:"";display:block;height:1px;
  background:linear-gradient(90deg,transparent,var(--sw-gold-dim) 18%,var(--sw-gold) 50%,var(--sw-gold-dim) 82%,transparent);
}

/* ═════════ RESPONSIVO ═════════ */
@media (max-width:980px){
  #mw-content-block{display:block}
  #mw-site-navigation{position:static}
  #mw-content{padding:16px 14px}
  h1#firstHeading{margin:-16px -14px 14px;padding:12px 14px;font-size:20px}
  #mw-header{flex-wrap:wrap;gap:10px}
  #mw-header .mw-portlet:not(#p-logo-text){max-width:none;flex-basis:100%}
}
@media print{
  #mw-header-container,#mw-site-navigation,#mw-related-navigation,#mw-footer-container{display:none}
  body{background:#fff}
  #mw-content{box-shadow:none;border:none}
}

/* ═══════════════════════════════════════════════════════════════
   POLIMENTO "Ouro & Fogo" — match com o site oficial do Shinra
   (texturas de pergaminho, linhas douradas, brasas)
   ═══════════════════════════════════════════════════════════════ */
body{
  background:
    radial-gradient(1100px 500px at 50% -80px, rgba(198,61,30,.14), transparent 60%),
    #0c0605;
}
/* conteúdo dos artigos: pergaminho texturizado oficial */
#mw-content{
  background:
    linear-gradient(180deg, rgba(240,217,162,.985), rgba(238,213,156,.99)),
    url("./shinra/main-box-bg.png") center top / cover;
  border:1px solid rgba(138,94,42,.6);
  position:relative;
}
/* linha dourada oficial sob o título do artigo */
h1#firstHeading{position:relative}
h1#firstHeading::after{
  content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);
  width:280px;height:11px;
  background:url("./shinra/decoration-line.png") center/contain no-repeat;
  filter:drop-shadow(0 0 6px rgba(226,173,100,.4));
}
/* fita das caixas (decoração sazonal oficial) → faixa Shinra em TODA página */
.header-bgxmas{
  background:linear-gradient(180deg, rgba(141,42,26,.85), rgba(111,29,20,.9)) !important;
  border-bottom:1px solid rgba(226,173,100,.45);
}
.header-bgxmas2{
  background:linear-gradient(180deg, rgba(138,94,42,.5), rgba(111,75,32,.55)) !important;
}
/* sidebars: brilho dourado no hover do título */
.sidebar-chunk > h2{position:relative}
.sidebar-chunk > h2::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(226,173,100,.55) 50%,transparent);
}
/* toggle dos colapsáveis em todas as páginas */
.mw-collapsible-toggle a{
  display:inline-block;background:linear-gradient(180deg,#e2ad64,#b07f3e);
  color:#140a08 !important;font-size:11px;font-weight:700;letter-spacing:.08em;
  padding:1px 12px;border-radius:999px;border:1px solid #8a5e2a;
  text-decoration:none !important;text-transform:uppercase;
}
.mw-collapsible-toggle a:hover{filter:brightness(1.12);text-decoration:none}
/* chips de categoria coloridos herdados da oficial → tons quentes via filtro */
#mw-content span[style*="border-radius:3px"]{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 1px 3px rgba(0,0,0,.25);
  font-weight:600;
}

/* ═══════════════ BARRA SUPERIOR SHINRA (páginas internas) ═══════════════ */
.sw-topbar{position:sticky;top:0;z-index:200;display:flex;align-items:center;gap:20px;
  padding:9px 20px;background:linear-gradient(180deg,#1d100b 0%,#140a08 100%);
  border-bottom:1px solid #8a5e2a;box-shadow:0 3px 14px rgba(0,0,0,.55);
  font-family:'Rajdhani','Segoe UI',sans-serif}
.sw-topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(198,61,30,0) 8%,#c63d1e 30%,#e2ad64 50%,#c63d1e 70%,rgba(198,61,30,0) 92%,transparent);
  box-shadow:0 0 14px rgba(216,101,47,.6)}
.sw-tb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.sw-tb-brand img{height:30px;width:auto;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}
.sw-tb-brand b{font-family:'Trajan Pro','Cinzel',serif;font-weight:700;font-size:15px;
  letter-spacing:.14em;color:#f3cf8e;text-transform:uppercase}
.sw-tb-brand b i{color:#d8652f;font-style:normal;margin-left:3px}
.sw-tb-nav{display:flex;gap:4px;flex-wrap:wrap}
.sw-tb-nav a{font-family:'Trajan Pro','Cinzel',serif;font-size:11.5px;letter-spacing:.07em;
  text-transform:uppercase;color:#e2ad64;text-decoration:none;padding:6px 11px;border-radius:8px;
  border:1px solid transparent;transition:.15s;white-space:nowrap}
.sw-tb-nav a:hover{background:rgba(226,173,100,.10);border-color:rgba(226,173,100,.35);color:#f3cf8e}
.sw-tb-search{margin-left:auto;position:relative;flex:0 1 320px;min-width:160px}
.sw-tb-search input{width:100%;box-sizing:border-box;padding:7px 12px;border-radius:9px;
  background:rgba(8,4,3,.85);border:1px solid #6e4a22;color:#f2e0c6;font-size:13px;
  font-family:'Rajdhani','Segoe UI',sans-serif;outline:none}
.sw-tb-search input:focus{border-color:#e2ad64;box-shadow:0 0 0 2px rgba(226,173,100,.18)}
.sw-tb-search input::placeholder{color:#8a7355}
.sw-tb-results{position:absolute;top:calc(100% + 6px);left:0;right:0;display:none;z-index:210;
  background:linear-gradient(180deg,#241511,#160c08);border:1px solid #6e4a22;border-radius:10px;
  box-shadow:0 16px 40px rgba(0,0,0,.6);overflow:hidden;max-height:60vh;overflow-y:auto}
.sw-tb-results a{display:block;padding:8px 12px;color:#f2e0c6;text-decoration:none;font-size:13px;
  border-bottom:1px solid rgba(226,173,100,.08)}
.sw-tb-results a:hover,.sw-tb-results a.active{background:rgba(226,173,100,.14);color:#f3cf8e}
.sw-tb-results .sw-empty{padding:10px 12px;color:#8a7355;font-size:12.5px}
.sw-tb-site{flex-shrink:0;color:#e2ad64;font-size:11px;letter-spacing:.06em;text-decoration:none;
  font-family:'Trajan Pro','Cinzel',serif;text-transform:uppercase;white-space:nowrap;
  padding:6px 13px;border:1px solid rgba(226,173,100,.45);border-radius:8px;
  background:rgba(226,173,100,.07);transition:.15s}
.sw-tb-site:hover{color:#160c08;background:#e2ad64;border-color:#e2ad64;box-shadow:0 0 12px rgba(226,173,100,.45)}
@media (max-width:820px){.sw-tb-nav{display:none}.sw-tb-site{display:none}}
/* Breadcrumb com o "caminho" desativado: a aba-seta é mantida (mesmo <a>, sem href), só
   esmaecida e sem clique. Preserva fundo/padding/setas do seletor base `.subpage a`. */
ul.subpage a.sw-bc-off{cursor:default;pointer-events:none;opacity:.5}
/* Caixa "Categoria:" do rodapé do artigo (#catlinks) — desativada por ora (leva aos dumps
   Categoria_*.html não curados). Reversível: remover esta linha. */
#catlinks{display:none !important}
/* esconder o chrome antigo e dar largura total ao conteúdo — SÓ em páginas internas */
.sw-innerpage #mw-header-container{display:none !important}
.sw-innerpage #mw-content-block{display:block !important}
.sw-innerpage #mw-content-block > .sidebar-chunk,.sw-innerpage .sidebar-chunk{display:none !important}
.sw-innerpage #mw-content{grid-column:auto !important;width:auto !important;margin:0 !important}
.sw-innerpage #mw-content-container{max-width:1180px !important}

/* ═══════════════ RODAPÉ SHINRA (páginas internas) ═══════════════ */
.sw-footer{max-width:1180px;margin:26px auto 10px;padding:14px 18px 4px;text-align:center;
  color:#6f5d43;font-size:11.5px;letter-spacing:.06em;font-family:'Rajdhani','Segoe UI',sans-serif;
  position:relative}
.sw-footer::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(226,173,100,.45) 30%,#e2ad64 50%,rgba(226,173,100,.45) 70%,transparent)}
.sw-footer .sw-foot-b{font-family:'Trajan Pro','Cinzel',serif;color:#e2ad64;letter-spacing:.12em;text-transform:uppercase}
.sw-footer .sw-foot-sep{opacity:.5;margin:0 8px}
.sw-footer a{color:#9b8266;text-decoration:none}
.sw-footer a:hover{color:#e2ad64}

/* ═════════ RODAPÉ estilo site Shinra ═════════ */
.sw-site-footer{position:relative;z-index:2;margin-top:70px;border-top:1px solid rgba(226,173,100,.35);
  background:linear-gradient(180deg,rgba(10,6,3,.7),rgba(4,2,1,.98));padding:56px 22px 26px;
  font-family:Verdana,Geneva,'DejaVu Sans',sans-serif}
.sw-site-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;opacity:.5;
  background:linear-gradient(90deg,transparent 0 25%,#e2ad64 25% 27%,transparent 27% 48%,
    #e2ad64 48% 52%,transparent 52% 73%,#e2ad64 73% 75%,transparent 75% 100%)}
.sw-foot-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr;gap:44px}
.sw-foot-brand img{max-width:180px;height:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}
.sw-foot-brand-jp{font-family:'Noto Serif JP',serif;font-size:12px;letter-spacing:.55em;color:#8a5e2a;
  text-transform:uppercase;margin-top:10px}
.sw-foot-brand p{font-size:12.5px;color:#a8906f;max-width:310px;margin-top:16px;line-height:1.7}
.sw-foot-col h5{font-family:'Trajan Pro','Cinzel',serif;font-size:11px;font-weight:700;letter-spacing:.3em;
  color:#f3cf8e;text-transform:uppercase;margin:0 0 16px;padding-bottom:10px;
  border-bottom:1px solid rgba(226,173,100,.12);display:flex;align-items:center;gap:8px}
.sw-foot-col-jp{font-family:'Noto Serif JP',serif;font-size:12px;color:#8a5e2a;letter-spacing:.2em;margin-left:auto}
.sw-foot-col ul{list-style:none;margin:0;padding:0}
.sw-foot-col li{margin:7px 0;font-size:12.5px}
.sw-foot-col a{color:#a8906f;letter-spacing:.06em;text-decoration:none}
.sw-foot-col a:hover{color:#f3cf8e;text-decoration:none}
.sw-foot-col li::before{content:"\25C6";color:#8a5e2a;font-size:5px;margin-right:10px;vertical-align:middle}
.sw-foot-bottom{max-width:1300px;margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(226,173,100,.12);
  display:flex;justify-content:space-between;align-items:center;font-family:'Trajan Pro','Cinzel',serif;
  font-size:10px;letter-spacing:.28em;color:#8a5e2a;text-transform:uppercase;gap:12px;flex-wrap:wrap}
.sw-foot-tag{font-family:'Noto Serif JP',serif;color:#e2ad64;letter-spacing:.28em}
@media(max-width:900px){.sw-foot-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:560px){.sw-foot-grid{grid-template-columns:1fr}.sw-site-footer{padding:44px 18px 22px;margin-top:48px;background:linear-gradient(180deg,rgba(20,11,8,.55) 0%,rgba(10,6,3,.96) 100%);border-top:1px solid rgba(226,173,100,.28);box-shadow:inset 0 14px 30px -18px rgba(0,0,0,.9)}}

/* ═══ Pagefind UI — tema Ouro & Fogo ═══ */
#pagefind-ui{margin-left:auto;flex:0 1 340px;min-width:170px;
  --pagefind-ui-scale:.9;
  --pagefind-ui-primary:#e2ad64; --pagefind-ui-text:#f2e0c6;
  --pagefind-ui-background:#160c08; --pagefind-ui-border:#6e4a22;
  --pagefind-ui-tag:#241511; --pagefind-ui-border-width:1px;
  --pagefind-ui-border-radius:9px; --pagefind-ui-font:'Rajdhani','Segoe UI',sans-serif}
#pagefind-ui .pagefind-ui__search-input{background:rgba(8,4,3,.85);color:#f2e0c6}
#pagefind-ui .pagefind-ui__result{border-color:rgba(226,173,100,.15)}
#pagefind-ui .pagefind-ui__result-title a{color:#f3cf8e}

/* ═══════════════ Re-tema do CONTEÚDO oficial (artigos) — Ouro & Fogo ═══════════════ */
/* Overrides nas cores bege/vermelho-escuro inline do dump (!important vence o inline). */
#mw-content [style*="f0d9a2"]{background:linear-gradient(180deg,#241511,#160c08) !important;color:#f2e0c6 !important;border-color:#6e4a22 !important}
#mw-content [style*="#f5f5dc"],#mw-content [style*="f5f5dc"]{background:#1d100b !important;color:#f2e0c6 !important}
#mw-content [style*="5d0505"]{color:#e2ad64 !important;border-color:#8a5e2a !important}
/* PADRAO SHINRA (ver o <style> de Extras.html: "faixa vinho + creme, igual aos blocos das
   paginas oficiais" -> th #5d0505/#f0d9a2, td #FFFFE0 com color:#000). A regra acima pinta a
   TABELA inteira de dourado, e o dourado vazava por heranca para as linhas de corpo #FFFFE0,
   que sao CLARAS: dourado sobre creme = contraste 1.98. O corpo do quadro leva letra preta. */
#mw-content [style*="FFFFE0" i]{color:#000}
#mw-content [style*="#fff"][style*="background"]{background:#1d100b !important}
#mw-content .fondfenetre{background:rgba(141,42,26,.45) !important;color:#ffe9c4 !important}
#mw-content .button{background:#512410;color:#f1de8e;border:1px solid #8a5e2a;border-radius:8px;padding:3px 12px;display:inline-block;font-weight:bold;transition:.15s}
#mw-content .button:hover{background:#6e3318}
#mw-content .button.tabber-active{background:#c63d1e;color:#fff;border-color:#e2ad64}
/* overflow: grades/tabelas largas rolam em vez de estourar */
#mw-content .tab-glob,#mw-content .grid3,#mw-content .grid2,#mw-content table.pretty-table{max-width:100%;overflow-x:auto}
#mw-content .container{flex-wrap:wrap}
#mw-content img{max-width:100%;height:auto}

/* ═══ Esconder menus/abas residuais do MediaWiki nos artigos ═══ */
/* (Namespaces/Ações de página: Ler · Editar · Histórico · Mais · Idiomas — "lista desnecessária") */
#p-namespaces,#p-views,#p-cactions,#p-variants,#p-lang,#p-personal,
#left-navigation,#right-navigation,#mw-head,#mw-page-base,#mw-head-base,
.vectorMenu,li.dropdown-toggle,#p-views ~ *[id^="p-"]{display:none !important}

/* ═══ "Em breve": conteúdo ainda não disponível no Shinra (visível, inerte) ═══ */
.wk-official .sw-soon{color:#8a7355 !important;cursor:not-allowed;pointer-events:none;text-decoration:none !important}
.wk-official .sw-soon-ic{display:inline-block;opacity:.4;filter:grayscale(.5);pointer-events:none;cursor:not-allowed}
.wk-official .sw-soon-dead{cursor:not-allowed}
.sw-soon-tag{display:inline-block;font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#160c08;background:linear-gradient(180deg,#f3cf8e,#c9952f);border:1px solid #7a5418;border-radius:4px;
  padding:0 5px;margin-left:5px;vertical-align:middle;line-height:1.6}
#mapas h4.sw-soon-block{opacity:.9}
#mapas h4.sw-soon-block + div a{color:#8a7355 !important;pointer-events:none;cursor:not-allowed;opacity:.7}
.wk-official a.tile.sw-soon{color:#8a7355 !important}
.wk-official a.tile.sw-soon img{opacity:.4;filter:grayscale(.5)}

/* ═══ Config-engine (apply-config.mjs): estados extra ═══ */
.sw-cfg-off{display:none !important}
.sw-soon-tag.sw-cfg-futuro{background:linear-gradient(180deg,#cdb4e6,#7c5fa0) !important;border-color:#4a3568 !important;color:#fff !important}

/* Config-engine: mpanel em-breve/futuro — esmaece links/imagens (qualquer estrutura, incl. tabela de reinos) */
#mapas .mpanel.sw-soon-maps a{color:#8a7355 !important;pointer-events:none;cursor:not-allowed;text-decoration:none}
#mapas .mpanel.sw-soon-maps img{opacity:.45;filter:grayscale(.5)}

/* Config-engine 2 níveis: sub-item (ex.: bracelete) em-breve/futuro */
.sw-soon-item a{color:#8a7355 !important;pointer-events:none;cursor:not-allowed;text-decoration:none}
.sw-soon-item img{opacity:.45;filter:grayscale(.5)}

/* Item "em breve" na listagem: o item APARECE normal (ícone/nível/tooltip/nome + selo "EM BREVE");
   só o botão "Detalhes" fica desativado e o painel escondido. */
.list-equip.sw-notyet .fondfenetre > div[style*="white-space"]{white-space:normal !important;overflow:visible !important;text-overflow:clip !important}
.list-equip.sw-notyet .button{pointer-events:none !important;opacity:.4 !important;cursor:default !important;filter:grayscale(1)}
.tabber-noactive.sw-notyet-panel{display:none !important}

/* Página INDIVIDUAL de item "em breve": aparece normal, só com o selo "EM BREVE" no título. */
.sw-notyet-page #firstHeading::after,.sw-notyet-page .firstHeading::after{
  content:"EM BREVE";display:inline-block;vertical-align:middle;margin-left:14px;
  font-family:'Trajan Pro','Cinzel',serif;font-size:13px;font-weight:700;letter-spacing:.05em;
  color:#160c08;background:linear-gradient(180deg,#f3cf8e,#c9952f);border:1px solid #7a5418;border-radius:5px;padding:2px 10px}

/* Tabela de mapas (kingdom-tbl) da home: nomes sempre em uma linha só (não quebrar a tabela) */
.kingdom-tbl td,.kingdom-tbl th{white-space:nowrap !important}
.kingdom-tbl td a{white-space:nowrap !important}

/* ══════════ Informação de drop (paginas de item) ══════════ */
.sw-dropinfo{max-width:560px;margin:18px auto;border:1px solid #8a5e2a;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#fdf7e8 0%,#f5e8c8 100%);box-shadow:0 4px 14px rgba(93,5,5,.16),inset 0 1px 0 rgba(255,255,255,.5)}
.sw-dropinfo-h{position:relative;background:linear-gradient(to right,#2a1208,#a83320 50%,#2a1208);color:#f3cf8e;font-weight:bold;text-align:center;padding:10px;font-size:15px;letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,.7);border-bottom:1px solid #8a5e2a}
.sw-dropinfo-jp{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-family:'Noto Serif JP',serif;font-size:12px;color:rgba(243,207,142,.5);letter-spacing:.1em}
.sw-drop-cat{display:flex;gap:12px;align-items:flex-start;padding:9px 14px;border-top:1px solid rgba(138,94,42,.22)}
.sw-drop-cat:first-of-type{border-top:none}
.sw-drop-lab{flex:0 0 104px;display:flex;align-items:center;gap:6px;font-weight:bold;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#5d0505;padding-top:2px}
.sw-drop-lab .dot{width:11px;height:11px;border-radius:3px;flex:0 0 auto;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.sw-drop-vals{flex:1;font-size:13px;line-height:1.7;color:#3a2410}
.sw-drop-vals a{color:#9a3410;text-decoration:none;border-bottom:1px dotted rgba(154,52,16,.45);white-space:nowrap}
.sw-drop-vals a:hover{color:#c63d1e;border-bottom-color:#c63d1e}
.sw-drop-sep{color:rgba(138,94,42,.55);font-weight:bold}
.cat-mob .dot{background:linear-gradient(135deg,#c94a2e,#7a1f10)}
.cat-metin .dot{background:linear-gradient(135deg,#5a4636,#2a1d12)}
.cat-bau .dot{background:linear-gradient(135deg,#e0b04a,#a06a10)}
.cat-cubo .dot{background:linear-gradient(135deg,#5a8fd0,#2a4d80)}
@media(max-width:520px){.sw-drop-cat{flex-direction:column;gap:3px}.sw-drop-lab{flex-basis:auto}}
.sw-drop-mobitems{padding:11px 16px;font-size:13px;line-height:1.9;column-count:2;column-gap:24px;color:#3a2410}
.sw-drop-mobitems a{color:#9a3410;text-decoration:none;border-bottom:1px dotted rgba(154,52,16,.45);white-space:nowrap}
.sw-drop-mobitems a:hover{color:#c63d1e;border-bottom-color:#c63d1e}
@media(max-width:520px){.sw-drop-mobitems{column-count:1}}
.sw-drop-note{font-style:italic;color:#7a5c3a;border-bottom:1px dotted rgba(122,92,58,.4)}
.sw-refino-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.sw-refino-tbl th{background:rgba(93,5,5,.09);color:#5d0505;font-weight:bold;padding:5px 9px;text-align:left;border-bottom:1px solid rgba(138,94,42,.3);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}
.sw-refino-tbl td{padding:5px 9px;border-bottom:1px solid rgba(138,94,42,.14);color:#3a2410}
.sw-refino-tbl td:first-child{font-weight:bold;color:#8a3010;white-space:nowrap}
.sw-refino-tbl th:nth-child(3),.sw-refino-tbl td:nth-child(3){text-align:right}
.sw-refino-tbl th:nth-child(4),.sw-refino-tbl td:nth-child(4){text-align:center;white-space:nowrap}
.sw-refino-tbl tr:last-child td{border-bottom:none}
.sw-refino-tbl a{color:#9a3410;text-decoration:none;border-bottom:1px dotted rgba(154,52,16,.45)}

/* ═══════════ Índice (TOC) das páginas de conteúdo ═══════════
   O dump perdeu o list-style:none do MediaWiki: os marcadores ficavam fora da caixa e
   desalinhavam número e texto. Aqui repomos o alinhamento no padrão da wiki oficial. */
.toc{padding:14px 20px;line-height:1.5}
.toc .toctitle{text-align:left;margin-bottom:.35em}
.toc .toctitle h2{border:0;margin:0;padding:0;font-size:1.05em;color:#5d1a0f}
.toc ul{list-style:none !important;margin:.3em 0;padding:0}
.toc li{list-style:none !important;margin:0 0 .3em;padding:0}
.mw-content-ltr .toc ul ul{margin:.25em 0 .25em 1.7em}
.toc .tocnumber{padding-right:.65em;color:#8a4516;font-weight:600;white-space:nowrap}
.toc .toctext{padding:0}
.toc a{text-decoration:none}
.toc a:hover .toctext{text-decoration:underline}

/* ═══════════ Galerias de imagem (.gallery) ═══════════
   O dump nao trouxe as regras do MediaWiki: sem elas a galeria vira lista com marcador,
   uma imagem por linha. Aqui as celulas voltam a ficar lado a lado, no tom da wiki. */
ul.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;
 margin:12px auto;padding:8px;list-style:none !important}
ul.gallery li{list-style:none !important;margin:0}
li.gallerycaption{flex:0 0 100%;text-align:center;font-weight:bold;color:#5d1a0f;
 font-size:1.05em;margin-bottom:4px}
li.gallerybox{display:inline-block;vertical-align:top}
li.gallerybox div.thumb{background:rgba(255,255,255,.45);border:1px solid #97100d;
 border-radius:8px;box-shadow:1px 2px 9px 0 #544e41;margin:0 auto;text-align:center;overflow:hidden}
li.gallerybox div.thumb img{display:block;margin:0 auto}
div.gallerytext{padding:4px 2px 0;font-size:93%;text-align:center;word-wrap:break-word}
div.gallerytext p{margin:0}