@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');

/* ================================================================
   FURIA GLOBAL V3 — SITE COMPLETO / LATERAIS ALINHADAS
   Mantém o background geral. Reformula páginas, grades, menu,
   submenus, login/download e widgets laterais.
   ================================================================ */
:root{
  --fg-black:#050403;
  --fg-void:#090706;
  --fg-panel:#110d0a;
  --fg-panel2:#1b130d;
  --fg-panel3:#24170d;
  --fg-border:#6f4516;
  --fg-border2:#a66517;
  --fg-gold:#d7a428;
  --fg-gold2:#f3c34c;
  --fg-pale:#ffe59a;
  --fg-orange:#d96b08;
  --fg-red:#7b1d0c;
  --fg-red2:#a72a10;
  --fg-green:#38b977;
  --fg-text:#eadcc6;
  --fg-muted:#bba88f;
  --fg-shadow:rgba(0,0,0,.86);
}

/* ---------- COLUNAS: GRID ESTÁVEL ---------- */
#Bodycontainer{max-width:1200px!important;min-width:1000px!important;}
#MenuColumn{
  width:180px!important;
  margin-left:15px!important;
  margin-right:15px!important;
  box-sizing:border-box!important;
}
#ContentColumn{
  margin-left:205px!important;
  margin-right:205px!important;
}
#ThemeboxesColumn{
  width:180px!important;
  margin-right:-190px!important;
  margin-left:15px!important;
  margin-top:-144px!important;
  padding-top:141px!important; /* substitui o antigo top:141 do rank sem sobrepor caixas */
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:center!important;
}
#ThemeboxesColumn > *{
  flex:0 0 auto!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* ---------- LOGO ---------- */
#TibiaLogoArtworkTop{
  width:205px!important;height:auto!important;max-height:164px!important;
  object-fit:contain!important;top:-18px!important;left:-18px!important;
  filter:drop-shadow(0 7px 7px #000) drop-shadow(0 0 8px rgba(217,107,8,.35));
}

/* ---------- CARD BASE (mesmo estilo da foto) ---------- */
.furia-side-card,
#Themeboxes .Themebox,
#TopLvl,
#searchcharButton{
  position:relative!important;
  width:176px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  top:0!important;
  right:auto!important;
  left:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:var(--fg-text)!important;
  background:
    radial-gradient(circle at 50% -25%,rgba(217,107,8,.14),transparent 46%),
    linear-gradient(180deg,#21140b 0%,#100b08 26%,#070605 100%)!important;
  border:1px solid #9a5d18!important;
  border-radius:2px!important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.06),
    inset 0 0 18px rgba(0,0,0,.72),
    0 4px 10px rgba(0,0,0,.76)!important;
}
.furia-side-card:before,
#TopLvl:before{
  content:""!important;
  position:absolute!important;left:8px!important;right:8px!important;top:4px!important;
  width:auto!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#7b1d0c,#d96b08,#f3c34c,#d96b08,#7b1d0c,transparent)!important;
  z-index:4!important;
  opacity:.9!important;
}
.furia-side-card:after,
#TopLvl:after{
  content:""!important;
  position:absolute!important;left:8px!important;right:8px!important;bottom:4px!important;top:auto!important;
  width:auto!important;height:1px!important;
  background:linear-gradient(90deg,transparent,#5e3914,#b9751f,#5e3914,transparent)!important;
  z-index:4!important;
}

.furia-side-card-title{
  height:auto!important;
  min-height:34px!important;
  padding:12px 8px 7px!important;
  box-sizing:border-box!important;
  color:var(--fg-pale)!important;
  font:700 12px/1.2 Georgia,"Times New Roman",serif!important;
  letter-spacing:.45px!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:1px 1px 2px #000,0 0 6px rgba(217,107,8,.32)!important;
  border-bottom:1px solid rgba(111,69,22,.72)!important;
  background:linear-gradient(180deg,rgba(84,43,14,.42),rgba(16,11,8,.12))!important;
}

/* ---------- RANK: alinhado e compacto ---------- */
#TopLvl.furia-rank-card{
  min-height:0!important;
}
.furia-rank-list{padding:3px 8px 8px!important;}
.furia-rank-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:20px 42px 1fr!important;
  align-items:center!important;
  min-height:58px!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:5px 0!important;
  color:var(--fg-text)!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(111,69,22,.45)!important;
}
.furia-rank-row:last-child{border-bottom:0!important;}
.furia-rank-row:hover{
  background:linear-gradient(90deg,rgba(123,29,12,.35),rgba(217,107,8,.08))!important;
}
.furia-rank-position{
  color:var(--fg-gold2)!important;
  font:700 13px Georgia,serif!important;
  text-align:center!important;
}
.furia-rank-avatar{
  width:42px!important;height:48px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;
}
.furia-rank-avatar img{
  max-width:54px!important;max-height:54px!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 2px 2px #000)!important;
}
.furia-rank-info{
  min-width:0!important;display:flex!important;flex-direction:column!important;
  line-height:1.25!important;padding-left:3px!important;
}
.furia-rank-info strong{
  color:var(--fg-gold2)!important;
  font:700 11px Verdana,Arial,sans-serif!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.furia-rank-info small{color:#d8c5a8!important;font:10px Verdana,Arial,sans-serif!important;}
.furia-rank-row.top_online .furia-rank-info strong{color:#65d595!important;}

/* ---------- SERVER INFO / AÇÕES ---------- */
.furia-card-link,.furia-widget-link{display:block!important;text-decoration:none!important;color:inherit!important;}
.furia-server-card{padding-bottom:12px!important;}
.furia-server-name{
  color:var(--fg-gold2)!important;text-align:center!important;
  font:700 15px Georgia,serif!important;margin:10px 8px 4px!important;
  text-shadow:1px 1px 2px #000!important;
}
.furia-server-meta,.furia-server-online{
  text-align:center!important;color:#d8c5a8!important;font:11px/1.5 Verdana,Arial,sans-serif!important;
}
.furia-server-online{color:#f0c55a!important;font-weight:700!important;}
.furia-action-card{
  min-height:58px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:var(--fg-pale)!important;
  font:700 13px Georgia,serif!important;
  text-shadow:1px 1px 2px #000!important;
  transition:.15s ease!important;
}
.furia-action-card:hover{
  border-color:var(--fg-gold2)!important;
  background:linear-gradient(180deg,#3a1b0c,#100906)!important;
  box-shadow:inset 0 0 14px rgba(123,29,12,.45),0 0 8px rgba(217,107,8,.26)!important;
}

/* ---------- CHARACTER SEARCH ---------- */
.furia-search-card{padding-bottom:12px!important;}
.furia-search-form{
  display:flex!important;flex-direction:column!important;gap:8px!important;
  padding:10px 12px 4px!important;box-sizing:border-box!important;
}
#searchcharButton .pesquiserplayer{
  width:100%!important;height:31px!important;margin:0!important;padding:0 8px!important;
  box-sizing:border-box!important;
  color:var(--fg-text)!important;background:#080605!important;
  border:1px solid #8b5317!important;border-radius:3px!important;
  box-shadow:inset 0 1px 5px rgba(0,0,0,.9)!important;
}
.furia-side-button{
  width:100%!important;height:30px!important;cursor:pointer!important;
  color:var(--fg-pale)!important;
  background:linear-gradient(180deg,#6b2b0f,#2d1209)!important;
  border:1px solid #bd771e!important;border-radius:3px!important;
  font:700 11px Verdana,Arial,sans-serif!important;
  text-shadow:1px 1px 1px #000!important;
  box-shadow:inset 0 1px 0 rgba(255,225,132,.19),0 2px 4px #000!important;
}
.furia-side-button:hover{background:linear-gradient(180deg,#8b3710,#351408)!important;border-color:#e2a62d!important;}

/* ---------- LOGIN / MY ACCOUNT / DOWNLOAD ---------- */
#Loginbox{
  width:176px!important;left:2px!important;top:8px!important;
  margin-bottom:40px!important;
  padding:8px 7px 9px!important;box-sizing:border-box!important;
  background:linear-gradient(180deg,#20130b,#080605)!important;
  border:1px solid #925817!important;border-radius:2px!important;
  box-shadow:inset 0 0 15px rgba(0,0,0,.8),0 4px 9px #000!important;
}
#Loginbox #LoginTop,#Loginbox #LoginBottom,#Loginbox .LoginBorder{
  background-image:none!important;display:none!important;
}
#Loginbox #LoginButtonContainer,#Loginbox .Loginstatus{
  left:0!important;width:160px!important;background:none!important;
}
#Loginbox #LoginButtonContainer{height:43px!important;}
#Loginbox .Loginstatus{height:18px!important;}
#PlayNowContainer{left:5px!important;top:2px!important;width:150px!important;}
#Loginbox .MediumButtonBackground{
  position:relative!important;
  width:150px!important;height:34px!important;
  background:linear-gradient(180deg,#6f2b0e,#2c1108)!important;
  border:1px solid #c17a20!important;border-radius:3px!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,225,132,.24),0 2px 4px #000!important;
}
#Loginbox .MediumButtonOver{background:none!important;}
#Loginbox .MediumButtonText{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  opacity:0!important;cursor:pointer!important;z-index:5!important;
}
#Loginbox form[action*="downloadclient"] .MediumButtonBackground:after{
  content:"DOWNLOAD"!important;
}
#Loginbox form[action*="accountmanagement"] .MediumButtonBackground:after{
  content:"MY ACCOUNT"!important;
}
#Loginbox .MediumButtonBackground:after{
  position:absolute!important;inset:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:var(--fg-pale)!important;font:700 14px Georgia,serif!important;
  text-shadow:1px 1px 2px #000!important;pointer-events:none!important;
}
#Loginbox .LoginstatusText{
  color:#e7c46c!important;text-shadow:1px 1px 2px #000!important;
  filter:sepia(1) saturate(2.6) hue-rotate(347deg) brightness(.95)!important;
}

/* ---------- MENU + CASCATAS ---------- */
#Menu{
  width:176px!important;margin-left:2px!important;
  background:linear-gradient(180deg,rgba(18,12,8,.98),rgba(5,4,3,.99))!important;
  border-left:1px solid #704517!important;border-right:1px solid #704517!important;
  box-shadow:0 4px 10px rgba(0,0,0,.76)!important;
}
#MenuTop{height:7px!important;background:linear-gradient(90deg,#1d0d06,#bd751d,#1d0d06)!important;}
.MenuButton{
  background:linear-gradient(180deg,#3a2010,#160d08 56%,#080504)!important;
  border-top:1px solid rgba(215,164,40,.25)!important;
  border-bottom:1px solid #050403!important;
}
.MenuButton .Button{background:linear-gradient(90deg,rgba(123,29,12,.25),rgba(217,107,8,.08),rgba(123,29,12,.25))!important;}
.MenuButton .Icon{filter:sepia(1) saturate(2.4) hue-rotate(345deg) brightness(.95) drop-shadow(0 1px 1px #000)!important;}
.MenuButton .Lights>div{filter:sepia(1) saturate(4) hue-rotate(342deg) brightness(1.15)!important;}
.Submenu{
  background:linear-gradient(90deg,#070605,#160e09,#070605)!important;
  border-left:1px solid #5b3515!important;border-right:1px solid #5b3515!important;
}
.Submenuitem{background:none!important;}
.SubmenuitemLabel{
  color:#d8c7ad!important;border-bottom:1px solid #452713!important;
  transition:.13s ease!important;
}
.SubmenuitemLabel:hover{
  color:var(--fg-pale)!important;
  background:linear-gradient(90deg,rgba(123,29,12,.48),rgba(217,107,8,.08))!important;
  padding-left:26px!important;
}
.LeftChain,.RightChain{filter:sepia(1) saturate(2.5) hue-rotate(343deg) brightness(.72)!important;}
.ActiveSubmenuItemIcon{filter:sepia(1) saturate(3.2) hue-rotate(343deg)!important;}

/* ---------- CONTEÚDO / PÁGINAS ---------- */
.Content .BoxContent{
  color:var(--fg-text)!important;
  background:
    radial-gradient(circle at 50% -20%,rgba(123,29,12,.14),transparent 42%),
    linear-gradient(180deg,rgba(25,17,12,.98),rgba(7,6,5,.99))!important;
  border-left:1px solid #563315!important;border-right:1px solid #563315!important;
}
.Content .AACHeadlineText{
  color:var(--fg-gold2)!important;
  text-shadow:-1px -1px 0 #221106,1px -1px 0 #221106,-1px 1px 0 #221106,1px 1px 0 #221106,0 2px 3px #000!important;
}
.Content a{color:#dfad42!important}.Content a:hover{color:var(--fg-pale)!important}

/* ---------- TABELAS / GRADES: largura e alinhamento ---------- */
.TableContainer{
  width:100%!important;box-sizing:border-box!important;
  border:1px solid #0a0705!important;
  box-shadow:0 3px 8px rgba(0,0,0,.72)!important;
}
.TableContainer table{width:100%!important;box-sizing:border-box!important;border-collapse:collapse!important;}
.TableContainer .CaptionContainer,
.CaptionContainer .CaptionInnerContainer{
  background:linear-gradient(180deg,#4b2910,#24140a 54%,#0c0806)!important;
  border-color:#80501c!important;
}
.CaptionContainer .Text{
  color:var(--fg-pale)!important;text-shadow:1px 1px 2px #000!important;
}
.TableContentContainer,.TableContent,.InnerTableContainer,
.TableContainer .Table1,.TableContainer .Table2,.TableContainer .Table3,.TableContainer .Table4{
  background:#15100c!important;color:var(--fg-text)!important;border-color:#503017!important;
}
.TableContainer td,.InnerTableContainer td,.TableContent td{
  border-color:#493018!important;box-sizing:border-box!important;
}
.TableContainer tr[bgcolor],.TableContainer td[bgcolor],
.InnerTableContainer tr[bgcolor],.InnerTableContainer td[bgcolor],
.Odd,.Even{
  background:#1a130e!important;color:var(--fg-text)!important;
}
.TableContainer tr:nth-child(even) td{background-color:#21160e!important;}
.TableContainer tr:hover td{background-color:rgba(123,29,12,.22)!important;}

/* ---------- FORMS ---------- */
.Content input[type="text"],.Content input[type="password"],.Content input[type="email"],
.Content input[type="number"],.Content input[type="search"],.Content textarea,.Content select{
  color:var(--fg-text)!important;background:#080605!important;
  border:1px solid #704517!important;border-radius:3px!important;
  box-shadow:inset 0 1px 5px rgba(0,0,0,.85)!important;
}
.Content input:focus,.Content textarea:focus,.Content select:focus{
  outline:none!important;border-color:#ce8d25!important;
  box-shadow:inset 0 1px 5px rgba(0,0,0,.85),0 0 5px rgba(217,107,8,.35)!important;
}
.Content button,.Content input[type="submit"]:not([type="image"]),.Content input[type="button"]{
  color:var(--fg-pale)!important;background:linear-gradient(180deg,#62260d,#251008)!important;
  border:1px solid #a96a1b!important;border-radius:3px!important;
  text-shadow:1px 1px 1px #000!important;
}

/* ---------- SHOP/DONATE ---------- */
#ProgressBar,.ServiceID_Icon_Container,.PMCID_Icon_Container{
  color:var(--fg-text)!important;
}
.PMCID_Icon,.ServiceID_Icon{
  background-color:#0e0a07!important;border-color:#6c4318!important;
}
.PMCID_CP_Label,.ServiceIDLabel{color:var(--fg-pale)!important;}
.FormFieldError{color:#ff7659!important;}

/* remove remnants of old parchment/themebox art */
#Serverinfobox .ThemeboxContent,#Serverinfobox .Bottom{display:none!important;}
#supportButton,#buycharButton,#searchcharButton,#TopLvl{background-image:none!important;}


/* ================================================================
   FURIA GLOBAL V4 — DOWNLOAD BOX
   Remove completamente a moldura azul/bege antiga do botão Download.
   ================================================================ */

.SmallMenuBox {
  position: relative !important;
  top: 4px !important;
  left: 2px !important;
  width: 176px !important;
  height: 58px !important;
  margin: 0 0 14px 0 !important;
  padding: 8px !important;
  box-sizing: border-box !important;

  background:
    radial-gradient(circle at 50% -20%, rgba(217,107,8,.16), transparent 48%),
    linear-gradient(180deg, #21140b 0%, #100b08 45%, #070605 100%) !important;

  border: 1px solid #9a5d18 !important;
  border-radius: 2px !important;

  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.06),
    inset 0 0 16px rgba(0,0,0,.8),
    0 4px 9px rgba(0,0,0,.78) !important;

  overflow: hidden !important;
}

/* filete dourado/brasa */
.SmallMenuBox::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 4px !important;
  height: 2px !important;
  background:
    linear-gradient(
      90deg,
      transparent,
      #7b1d0c,
      #d96b08,
      #f3c34c,
      #d96b08,
      #7b1d0c,
      transparent
    ) !important;
  box-shadow: 0 0 5px rgba(217,107,8,.35) !important;
  z-index: 8 !important;
  pointer-events: none !important;
}

/* apaga todas as peças da moldura velha */
.SmallMenuBox > #LoginTop,
.SmallMenuBox > #BorderLeft,
.SmallMenuBox > #BorderRight,
.SmallMenuBox > #LoginBottom {
  display: none !important;
  background-image: none !important;
}

/* limpa o container antigo */
.SmallMenuBox > #LoginButtonContainer {
  position: static !important;
  width: 100% !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* garante que o botão ocupe toda a caixa */
.SmallMenuBox #PlayNowContainer {
  position: static !important;
  width: 100% !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.SmallMenuBox .MediumButtonForm {
  width: 100% !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* botão Furia Global */
.SmallMenuBox .MediumButtonBackground {
  position: relative !important;
  width: 100% !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(180deg, #71300f 0%, #3b1609 46%, #170a06 100%) !important;
  background-image: none !important;

  border: 1px solid #c57b20 !important;
  border-radius: 3px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,227,139,.25),
    inset 0 -2px 5px rgba(0,0,0,.72),
    0 2px 5px rgba(0,0,0,.8) !important;

  overflow: hidden !important;
  cursor: pointer !important;
}

.SmallMenuBox .MediumButtonBackground::before {
  content: "DOWNLOAD" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffe59a !important;
  font: 700 15px/1 Georgia, "Times New Roman", serif !important;
  letter-spacing: .5px !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 6px rgba(217,107,8,.35) !important;

  pointer-events: none !important;
  z-index: 3 !important;
}

/* hover */
.SmallMenuBox .MediumButtonBackground:hover {
  background:
    linear-gradient(180deg, #8d3a10 0%, #4b1b09 48%, #1a0a05 100%) !important;
  border-color: #efb13a !important;
  box-shadow:
    inset 0 0 9px rgba(243,195,76,.12),
    inset 0 -2px 5px rgba(0,0,0,.68),
    0 0 8px rgba(217,107,8,.25) !important;
}

/* apaga arte azul do hover */
.SmallMenuBox .MediumButtonOver {
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* mantém o clique da imagem original, mas torna ela invisível */
.SmallMenuBox .MediumButtonText {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  z-index: 10 !important;
  cursor: pointer !important;
}

/* corrige a distância até o menu News */
.SmallMenuBox + #Menu {
  margin-top: 0 !important;
}


/* ================================================================
   FURIA GLOBAL V5 — ÁREA CENTRAL
   Harmoniza News Ticker, Featured Article, News, tabelas e textos.
   Mantém o background geral do site.
   ================================================================ */

/* painel central geral */
.Content .BoxContent,
.Content .BoxContent:first-child {
  background:
    radial-gradient(circle at 50% -20%, rgba(217,107,8,.10), transparent 42%),
    linear-gradient(180deg, rgba(20,14,10,.985), rgba(6,5,4,.995)) !important;
  color: #f2eee8 !important;
  border-left: 1px solid #7d4b19 !important;
  border-right: 1px solid #7d4b19 !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.04),
    inset 0 0 24px rgba(0,0,0,.58) !important;
}

/* cabeçalhos das caixas */
.Content .BoxHeadline,
.Content .Headline,
.Content .AACHeadlineText,
.ContentBoxHeadline,
.TableContainer .CaptionContainer,
.CaptionContainer .CaptionInnerContainer {
  background:
    linear-gradient(180deg, #24170d 0%, #100b08 60%, #070605 100%) !important;
  border-color: #9a5d18 !important;
}

/* News Ticker / Featured Article / News */
.Content h1,
.Content h2,
.Content h3,
.Content h4,
.Content .Headline,
.Content .AACHeadlineText,
.CaptionContainer .Text {
  color: #ffe59a !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 7px rgba(217,107,8,.30) !important;
}

/* títulos destacados dentro da página */
.Content b,
.Content strong {
  color: #f6d26d !important;
}

/* texto normal: branco / cinza-claro para leitura */
.Content,
.Content p,
.Content td,
.Content div,
.Content span,
.Content li,
.Content font {
  color: #f0ece5 !important;
}

/* texto secundário */
.Content small,
.Content .ff_info,
.Content .newsdate,
.Content .date {
  color: #cdbfae !important;
}

/* links: dourado claro */
.Content a,
.Content a:link,
.Content a:visited {
  color: #f0bf4a !important;
  text-decoration: none !important;
}
.Content a:hover {
  color: #fff1b0 !important;
  text-shadow: 0 0 4px rgba(217,107,8,.32);
}

/* molduras centrais */
.TableContainer {
  background: #090706 !important;
  border: 1px solid #a76418 !important;
  box-shadow:
    0 3px 10px rgba(0,0,0,.80),
    inset 0 0 0 1px rgba(243,195,76,.05) !important;
}

.TableContainer .CaptionContainer,
.TableContainer .CaptionInnerContainer {
  background:
    linear-gradient(180deg, #3b210f 0%, #1c1009 55%, #0a0705 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.10),
    inset 0 -1px 0 rgba(0,0,0,.9) !important;
}

.CaptionContainer .Text {
  font-weight: 700 !important;
  color: #ffe59a !important;
}

/* tabelas internas e linhas */
.TableContentContainer,
.TableContent,
.InnerTableContainer,
.TableContainer .Table1,
.TableContainer .Table2,
.TableContainer .Table3,
.TableContainer .Table4 {
  background: #0d0a08 !important;
  color: #f0ece5 !important;
}

.TableContainer td,
.TableContent td,
.InnerTableContainer td {
  background-color: #120d09 !important;
  color: #f0ece5 !important;
  border-color: #4e3117 !important;
}

.TableContainer tr:nth-child(even) td,
.TableContent tr:nth-child(even) td,
.InnerTableContainer tr:nth-child(even) td {
  background-color: #181009 !important;
}

.TableContainer tr:hover td,
.TableContent tr:hover td {
  background-color: #24140b !important;
}

/* linhas/títulos vermelhos antigos passam para vermelho-brasa mais escuro */
.Content table[bgcolor="#D4C0A1"],
.Content table[bgcolor="#F1E0C6"],
.Content tr[bgcolor="#D4C0A1"],
.Content tr[bgcolor="#F1E0C6"],
.Content td[bgcolor="#D4C0A1"],
.Content td[bgcolor="#F1E0C6"] {
  background-color: #181009 !important;
  color: #f0ece5 !important;
}

/* barras antigas avermelhadas */
.Content [style*="background-color: rgb(212, 192, 161)"],
.Content [style*="background-color:#D4C0A1"],
.Content [style*="background-color: #D4C0A1"] {
  background-color: #181009 !important;
  color: #f0ece5 !important;
}

/* News Ticker: separadores e ícones */
.Content .NewsTicker,
.Content .NewsTickerText,
.Content .NewsTickerDate {
  color: #f0ece5 !important;
}
.Content .NewsTickerDate {
  color: #f0bf4a !important;
}

/* Featured Article */
.Content .FeaturedArticle,
.Content .FeaturedArticleText {
  color: #f0ece5 !important;
}

/* Most Powerful Guilds / barras de subtítulo */
.Content .TableSubHeader,
.Content .TableHeadline,
.Content .InnerTableContainer th,
.Content th {
  background:
    linear-gradient(180deg, #5a1d0c 0%, #351008 48%, #160906 100%) !important;
  color: #fff0b0 !important;
  border-color: #a86319 !important;
  text-shadow: 1px 1px 2px #000 !important;
}

/* News items */
.Content .NewsHeadline,
.Content .NewsHeadlineText,
.Content .NewsHeadlineDate {
  color: #ffe59a !important;
}
.Content .NewsText {
  color: #f0ece5 !important;
}

/* conteúdo de formulários e inputs */
.Content input,
.Content textarea,
.Content select {
  color: #f5f1eb !important;
  background: #090706 !important;
  border: 1px solid #84511a !important;
}
.Content input::placeholder,
.Content textarea::placeholder {
  color: #a99884 !important;
}

/* linhas decorativas e sombras */
.Content .TableShadow,
.Content .TableBottomShadow,
.Content .TableBottomLeftShadow,
.Content .TableBottomRightShadow {
  filter: sepia(1) saturate(2.2) hue-rotate(344deg) brightness(.72) !important;
}

/* rodapé central */
#Footer,
.Footer,
.ContentFooter {
  color: #d3c4b1 !important;
}
#Footer a,
.Footer a {
  color: #e7b64c !important;
}

/* força boa legibilidade em textos herdados com cores inline escuras */
.Content [style*="color: #"],
.Content [style*="color:#"],
.Content font[color] {
  color: #f0ece5 !important;
}

/* mantém títulos e links com as cores próprias após o override acima */
.Content h1,
.Content h2,
.Content h3,
.Content h4,
.Content strong,
.Content b,
.Content a,
.Content a:link,
.Content a:visited,
.CaptionContainer .Text,
.Content .AACHeadlineText {
  color: #ffe59a !important;
}

/* links continuam um pouco mais dourados */
.Content a,
.Content a:link,
.Content a:visited {
  color: #f0bf4a !important;
}
.Content a:hover {
  color: #fff1b0 !important;
}


/* ================================================================
   FURIA GLOBAL V6 — CENTRAL EXATO
   Esta seção é propositalmente específica para vencer o CSS legado
   e as imagens antigas da home mostradas no print.
   ================================================================ */

/* ----- Barra superior CAST / Twitch / YouTube / Downloads ----- */
#PlayersOnline.Box {
  background: #070605 !important;
  border: 1px solid #8d5619 !important;
  box-shadow: 0 3px 9px rgba(0,0,0,.76) !important;
}
#PlayersOnline .BorderTitleText {
  background-image: none !important;
  background:
    linear-gradient(180deg,#3a210f 0%,#1a1009 52%,#090605 100%) !important;
  border-top: 1px solid #a7661d !important;
  border-bottom: 1px solid #4d2d13 !important;
}
#PlayersOnline .InfoBar,
#PlayersOnline .InfoBarBlock,
#PlayersOnline .InfoBarNumbers,
#PlayersOnline .InfoBarSmallElement {
  color: #f4efe7 !important;
  text-shadow: 1px 1px 1px #000 !important;
}
#PlayersOnline .InfoBarBlock:hover,
#PlayersOnline .InfoBarBlock:hover * {
  color: #ffe59a !important;
}
#PlayersOnline .InfoBarBigLogo,
#PlayersOnline .InfoBarSmallElement[src] {
  filter: sepia(.65) saturate(1.8) hue-rotate(342deg) brightness(1.12) !important;
}

/* ----- Caixas News Ticker / Featured Article ----- */
#NewsTicker.FuriaCentralBox,
#FeaturedArticle.FuriaCentralBox {
  background: #070605 !important;
  border: 1px solid #a5651c !important;
  box-shadow:
    0 4px 10px rgba(0,0,0,.8),
    inset 0 0 0 1px rgba(243,195,76,.035) !important;
}

#NewsTicker .Corner-tl,
#NewsTicker .Corner-tr,
#NewsTicker .Corner-bl,
#NewsTicker .Corner-br,
#NewsTicker .Border_1,
#FeaturedArticle .Corner-tl,
#FeaturedArticle .Corner-tr,
#FeaturedArticle .Corner-bl,
#FeaturedArticle .Corner-br,
#FeaturedArticle .Border_1 {
  background-image: none !important;
}

#NewsTicker .Border_2,
#NewsTicker .Border_3,
#FeaturedArticle .Border_2,
#FeaturedArticle .Border_3 {
  background: transparent !important;
}

#NewsTicker .FuriaCentralTitleBar,
#FeaturedArticle .FuriaCentralTitleBar {
  background-image: none !important;
  background:
    linear-gradient(180deg,#40230f 0%,#1d1109 55%,#080605 100%) !important;
  border-top: 1px solid #b47221 !important;
  border-bottom: 1px solid #5a3516 !important;
}

#NewsTicker .AACHeadlineText,
#FeaturedArticle .AACHeadlineText {
  color: #ffe59a !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-weight: 700 !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 6px rgba(217,107,8,.28) !important;
}

#NewsTicker .FuriaCentralContent,
#FeaturedArticle .FuriaCentralContent {
  background-image: none !important;
  background:
    radial-gradient(circle at 50% -30%,rgba(123,29,12,.13),transparent 43%),
    linear-gradient(180deg,#17100b 0%,#0a0705 100%) !important;
  color: #f5f2ed !important;
  border: 1px solid #6f4518 !important;
}

/* ----- News Ticker ----- */
#NewsTicker .Row > .Odd,
#NewsTicker .Row > .Even {
  background: transparent !important;
  border-bottom: 1px solid rgba(111,69,24,.42) !important;
}
#NewsTicker .Row:hover > .Odd,
#NewsTicker .Row:hover > .Even {
  background:
    linear-gradient(90deg,rgba(123,29,12,.25),rgba(217,107,8,.06)) !important;
}
#NewsTicker .NewsTickerText,
#NewsTicker .NewsTickerShortText,
#NewsTicker .NewsTickerFullText {
  color: #f7f4ef !important;
}
#NewsTicker .NewsTickerDate {
  color: #f4c65a !important;
  font-weight: 700 !important;
}
#NewsTicker .NewsTickerExtend {
  filter: sepia(1) saturate(3) hue-rotate(343deg) brightness(1.05) !important;
}

/* ----- Featured Article ----- */
#FeaturedArticle .FuriaCentralContent,
#FeaturedArticle .FuriaCentralContent div,
#FeaturedArticle .FuriaCentralContent font,
#FeaturedArticle .FuriaCentralContent span,
#FeaturedArticle .FuriaCentralContent small {
  color: #f5f2ed !important;
}
#FeaturedArticle .FuriaServerName {
  color: #f3c34c !important;
  font-weight: 700 !important;
}
#FeaturedArticle a {
  color: #f0bd48 !important;
  font-weight: 700 !important;
}
#FeaturedArticle a:hover {
  color: #fff2b1 !important;
}
#FeaturedArticle #TeaserThumbnail img {
  filter: drop-shadow(0 3px 4px #000) saturate(.9) !important;
}

/* Countdown */
#tkn-countdown {
  color: #ffe5a0 !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 8px rgba(217,107,8,.35) !important;
}

/* ----- Caixa NEWS ----- */
/* Remove a aparência bege/clara herdada em toda a estrutura de notícia */
.Content .InnerTableContainer,
.Content .TableContentAndRightShadow,
.Content .TableContentContainer,
.Content .TableShadowContainer,
.Content .TableShadowContainerRightTop {
  background-image: none !important;
  background-color: transparent !important;
}

.Content .TableContent {
  background: #0c0907 !important;
  color: #f5f2ed !important;
  border: 1px solid #7f4d19 !important;
  box-shadow:
    inset 0 0 12px rgba(0,0,0,.52),
    0 2px 6px rgba(0,0,0,.65) !important;
}

/* ----- Most Powerful Guilds e cabeçalho de cada News ----- */
.Content .NewsHeadline {
  background: transparent !important;
  margin: 6px 0 !important;
}
.Content .NewsHeadlineBackground,
.Content .FuriaNewsHeader {
  background-image: none !important;
  background:
    linear-gradient(180deg,#4f230f 0%,#2b1209 52%,#120806 100%) !important;
  border: 1px solid #9d601c !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,135,.09),
    inset 0 -1px 3px rgba(0,0,0,.65) !important;
}
.Content .MostPowerfullGuilds,
.Content .NewsHeadlineText {
  color: #fff0b0 !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px 2px #000 !important;
}
.Content .NewsHeadlineDate {
  color: #f0c86a !important;
}
.Content .NewsHeadlineIcon {
  filter: drop-shadow(0 1px 2px #000) !important;
}

/* ----- Todo texto central claro ----- */
.Content .BoxContent,
.Content .BoxContent *,
.Content .TableContent,
.Content .TableContent td,
.Content .TableContent div,
.Content .TableContent span,
.Content .TableContent p,
.Content .TableContent small,
.Content .TableContent font {
  color: #f3f0ea !important;
}

/* títulos / destaques */
.Content .BoxContent b,
.Content .BoxContent strong,
.Content .TableContent b,
.Content .TableContent strong,
.Content .MostPowerfullGuilds,
.Content .NewsHeadlineText,
.Content .CaptionContainer .Text {
  color: #ffe59a !important;
}

/* links */
.Content .BoxContent a,
.Content .TableContent a,
.Content .NewsHeadline a {
  color: #f1bd48 !important;
}
.Content .BoxContent a:hover,
.Content .TableContent a:hover,
.Content .NewsHeadline a:hover {
  color: #fff2b3 !important;
}

/* texto das notícias que antes aparecia marrom escuro */
.Content .TableContent td > div,
.Content .TableContent td > p,
.Content .TableContent td {
  color: #f4f1ec !important;
}

/* overrides de FONT / estilos inline antigos */
.Content font[color],
.Content [style*="color:"],
.Content [style*="COLOR:"] {
  color: #f4f1ec !important;
}

/* recoloca cores de títulos e links após o override geral */
.Content .AACHeadlineText,
.Content .MostPowerfullGuilds,
.Content .NewsHeadlineText,
.Content .CaptionContainer .Text,
.Content b,
.Content strong {
  color: #ffe59a !important;
}
.Content a,
.Content a:link,
.Content a:visited {
  color: #f0bd48 !important;
}
.Content a:hover {
  color: #fff2b3 !important;
}

/* molduras/sombras velhas de tabela */
.Content .TableShadowRightTop,
.Content .TableBottomShadow,
.Content .TableBottomLeftShadow,
.Content .TableBottomRightShadow {
  background-image: none !important;
}

/* espaço e alinhamento da home */
#NewsTicker,
#FeaturedArticle,
.Content .InnerTableContainer {
  box-sizing: border-box !important;
}
#NewsTicker .BoxContent,
#FeaturedArticle .BoxContent {
  padding: 8px 10px !important;
}
.Content .FuriaGuildTable {
  width: 100% !important;
  border-collapse: collapse !important;
}

/* barra externa de títulos "News", etc. */
.Content > .Box .BorderTitleText,
.Content .Box > .BorderTitleText {
  background-image: none !important;
  background:
    linear-gradient(180deg,#3d220f,#1a0f08 56%,#080605) !important;
}

/* qualquer título central deve ficar claro */
.Content #ContentBoxHeadline,
.Content .Title {
  color: #ffe59a !important;
}


/* ================================================================
   FURIA GLOBAL V7 — NEWS SECTION
   Ajuste específico da área News mostrada no print.
   ================================================================ */

/* moldura externa da seção News */
.Content .FuriaNewsSectionTitle {
  color: #fff0ad !important;
  font-size: 24px !important;
  letter-spacing: .2px !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 7px rgba(217,107,8,.35) !important;
}

/* painel interno principal */
.Content .FuriaNewsTable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background:
    radial-gradient(circle at 50% -25%, rgba(122,29,12,.12), transparent 40%),
    linear-gradient(180deg,#100b08 0%,#080605 100%) !important;
  border: 1px solid #8d5619 !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.035),
    inset 0 0 20px rgba(0,0,0,.55),
    0 3px 8px rgba(0,0,0,.72) !important;
}

/* Most Powerful Guilds */
.Content .FuriaGuildsTitle {
  display: block !important;
  width: calc(100% - 24px) !important;
  margin: 10px 12px 14px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
  text-align: center !important;

  color: #fff4c2 !important;
  font: 700 14px/1.1 Georgia,"Times New Roman",serif !important;
  letter-spacing: .25px !important;

  background:
    linear-gradient(180deg,#56250f 0%,#2c1309 50%,#110806 100%) !important;
  border: 1px solid #a8681f !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.12),
    inset 0 -1px 3px rgba(0,0,0,.72),
    0 2px 5px rgba(0,0,0,.5) !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 5px rgba(217,107,8,.22) !important;
}

/* cabeçalho de cada notícia */
.Content .FuriaArticleHeader {
  margin: 10px 12px 0 !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 10px !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(180deg,#4d220f 0%,#2a1209 48%,#120806 100%) !important;
  border: 1px solid #9b5d1b !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.1),
    inset 0 -1px 3px rgba(0,0,0,.7) !important;
}

/* ícone da notícia */
.Content .FuriaArticleHeader .NewsHeadlineIcon,
.Content .FuriaArticleHeader img {
  filter: drop-shadow(0 1px 2px #000) saturate(.95) !important;
}

/* data */
.Content .FuriaArticleHeader .NewsHeadlineDate {
  color: #f2d27d !important;
  font-weight: 700 !important;
}

/* título */
.Content .FuriaArticleTitle {
  color: #fff0a8 !important;
  font-weight: 700 !important;
  letter-spacing: .15px !important;
  text-shadow: 1px 1px 2px #000 !important;
}

/* corpo da notícia */
.Content .NewsTableContainer,
.Content .NewsTableContainer *,
.Content .NewsText,
.Content .NewsText *,
.Content .FuriaNewsTable td,
.Content .FuriaNewsTable td * {
  color: #f3f1ed !important;
}

/* remove marrom legado do corpo */
.Content .NewsText,
.Content .NewsText div,
.Content .NewsText p,
.Content .NewsText span,
.Content .NewsText font {
  color: #f3f1ed !important;
}

/* links no canto direito */
.Content .NewsTableContainer a,
.Content .NewsText a,
.Content .FuriaNewsTable a {
  color: #f0bd48 !important;
  font-weight: 700 !important;
}
.Content .NewsTableContainer a:hover,
.Content .NewsText a:hover,
.Content .FuriaNewsTable a:hover {
  color: #fff2b3 !important;
  text-shadow: 0 0 4px rgba(217,107,8,.28) !important;
}

/* espaço interno para a notícia */
.Content .FuriaNewsTable td {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* tira qualquer fundo vermelho antigo remanescente */
.Content .NewsHeadlineBackground {
  background-image: none !important;
}

/* deixa a seção toda mais limpa */
.Content .InnerTableContainer {
  background: transparent !important;
}
.Content .TableContentAndRightShadow1,
.Content .TableContentAndRightShadow2,
.Content .TableContentAndRightShadow3 {
  background-image: none !important;
  background: transparent !important;
}

/* garante que qualquer texto inline escuro nessa área fique claro */
.Content .FuriaNewsTable [style*="color:"],
.Content .FuriaNewsTable font[color] {
  color: #f3f1ed !important;
}

/* restaura títulos após o override acima */
.Content .FuriaGuildsTitle,
.Content .FuriaArticleTitle,
.Content .FuriaNewsTable b,
.Content .FuriaNewsTable strong {
  color: #fff0a8 !important;
}


/* ================================================================
   FURIA GLOBAL V8 — TOP INFO BAR
   Substitui de verdade a barra azul CAST/Twitch/YouTube/Downloads.
   ================================================================ */

#PlayersOnline.FuriaTopBar {
  position: relative !important;
  width: 100% !important;
  min-height: 42px !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 50% -80%, rgba(217,107,8,.22), transparent 55%),
    linear-gradient(180deg, #21140b 0%, #100b08 52%, #070605 100%) !important;

  border: 1px solid #9a5d18 !important;
  border-radius: 2px !important;

  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.055),
    inset 0 0 16px rgba(0,0,0,.76),
    0 4px 10px rgba(0,0,0,.78) !important;
}

#PlayersOnline.FuriaTopBar::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 4px !important;
  height: 2px !important;
  background: linear-gradient(
    90deg,
    transparent,
    #6e1a0b 8%,
    #d96b08 35%,
    #f3c34c 50%,
    #d96b08 65%,
    #6e1a0b 92%,
    transparent
  ) !important;
  box-shadow: 0 0 6px rgba(217,107,8,.35) !important;
  pointer-events: none !important;
}

#PlayersOnline.FuriaTopBar::after {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 4px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #4c2d13, #9f621d, #4c2d13, transparent) !important;
  pointer-events: none !important;
}

#PlayersOnline .FuriaTopBarInner {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 30px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 0 !important;
}

#PlayersOnline .FuriaTopItem {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 30px !important;
  min-width: 0 !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;

  color: #f4efe8 !important;
  font: 700 10px/1 Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 1px #000 !important;

  border-right: 1px solid rgba(111,69,24,.58) !important;
  background: transparent !important;
  transition: background .14s ease, color .14s ease !important;
}

#PlayersOnline .FuriaTopItem:first-child {
  padding-left: 8px !important;
}

#PlayersOnline .FuriaTopItem:hover {
  color: #fff0b0 !important;
  background: linear-gradient(180deg, rgba(123,29,12,.34), rgba(217,107,8,.08)) !important;
}

#PlayersOnline .FuriaTopMainIcon {
  display: block !important;
  max-width: 58px !important;
  max-height: 18px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter:
    sepia(.72)
    saturate(1.7)
    hue-rotate(343deg)
    brightness(1.2)
    drop-shadow(0 1px 1px #000) !important;
}

#PlayersOnline .FuriaTopLabel {
  color: #f6e8ce !important;
  white-space: nowrap !important;
}

#PlayersOnline .FuriaTopStat {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  color: #efc968 !important;
  white-space: nowrap !important;
}

#PlayersOnline .FuriaTopStat img {
  width: auto !important;
  height: 11px !important;
  max-width: 14px !important;
  object-fit: contain !important;
  filter:
    sepia(.85)
    saturate(2.2)
    hue-rotate(342deg)
    brightness(1.22)
    drop-shadow(0 1px 1px #000) !important;
}

/* Download ocupa um pouco mais de espaço */
#PlayersOnline .FuriaTopDownload {
  min-width: 106px !important;
}

/* Online fica sempre à direita */
#PlayersOnline .FuriaTopOnline {
  margin-left: auto !important;
  border-right: 0 !important;
  border-left: 1px solid rgba(111,69,24,.58) !important;
  min-width: 122px !important;
}

#PlayersOnline .FuriaTopOnline .FuriaTopLabel {
  color: #fff0a8 !important;
}

/* nenhuma arte azul antiga sobrevive */
#PlayersOnline .Corner-tl,
#PlayersOnline .Corner-tr,
#PlayersOnline .Corner-bl,
#PlayersOnline .Corner-br,
#PlayersOnline .Border_1,
#PlayersOnline .BorderTitleText,
#PlayersOnline .InfoBar,
#PlayersOnline .InfoBarBlock,
#PlayersOnline .InfoBarNumbers,
#PlayersOnline .InfoBarBigLogo,
#PlayersOnline .InfoBarSmallElement {
  background-image: none !important;
}

/* responsividade simples sem quebrar o layout antigo */
@media (max-width: 1080px) {
  #PlayersOnline .FuriaTopItem {
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 9px !important;
  }

  #PlayersOnline .FuriaTopMainIcon {
    max-width: 48px !important;
  }
}


/* ================================================================
   FURIA GLOBAL V9 — MENU LATERAL
   Categorias + subcategorias + correntes douradas + ícones animados
   ================================================================ */

/* Menu inteiro: fundo neutro, bordas ouro/brasa */
#Menu {
  width: 176px !important;
  margin-left: 2px !important;
  padding: 5px 3px 7px !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 50% -15%, rgba(217,107,8,.10), transparent 42%),
    linear-gradient(180deg, #0d0907 0%, #050403 100%) !important;
  border: 1px solid #7c4915 !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.035),
    inset 0 0 18px rgba(0,0,0,.72),
    0 4px 10px rgba(0,0,0,.78) !important;
}

#MenuTop {
  height: 4px !important;
  margin: 0 4px 5px !important;
  background-image: none !important;
  background: linear-gradient(90deg, transparent, #7b1d0c, #d96b08, #f3c34c, #d96b08, #7b1d0c, transparent) !important;
  box-shadow: 0 0 5px rgba(217,107,8,.28) !important;
}

/* cada categoria vira um card escuro com contorno Furia */
#Menu .menuitem {
  width: 168px !important;
  margin: 0 auto 5px !important;
  overflow: visible !important;
}

#Menu .MenuButton {
  position: relative !important;
  width: 168px !important;
  height: 38px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background-image: none !important;
  background:
    radial-gradient(circle at 50% -90%, rgba(217,107,8,.22), transparent 58%),
    linear-gradient(180deg, #25160c 0%, #130d09 50%, #080605 100%) !important;

  border: 1px solid #915618 !important;
  border-radius: 2px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,132,.08),
    inset 0 -1px 4px rgba(0,0,0,.80),
    0 2px 5px rgba(0,0,0,.68) !important;
}

/* filetes do padrão da logo */
#Menu .MenuButton::before {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 5px !important;
  right: 5px !important;
  top: 2px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #8b5218, #e48616, #ffcf51, #e48616, #8b5218, transparent) !important;
  opacity: .88 !important;
  pointer-events: none !important;
}

#Menu .MenuButton::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 7px !important;
  right: 7px !important;
  bottom: 2px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #4b2910, #985717, #4b2910, transparent) !important;
  pointer-events: none !important;
}

#Menu .MenuButton:hover {
  border-color: #d58b25 !important;
  background:
    radial-gradient(circle at 50% -70%, rgba(243,195,76,.18), transparent 58%),
    linear-gradient(180deg, #32190b 0%, #180d07 52%, #090605 100%) !important;
  box-shadow:
    inset 0 0 11px rgba(123,29,12,.30),
    0 0 7px rgba(217,107,8,.20) !important;
}

/* a imagem antiga de hover não dita mais as cores */
#Menu .MenuButton .Button {
  width: 168px !important;
  height: 38px !important;
  background-image: none !important;
  background: transparent !important;
}

/* ícones animados de categoria */
#Menu .MenuButton .Icon {
  top: 3px !important;
  left: 8px !important;
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter:
    drop-shadow(0 2px 2px #000)
    drop-shadow(0 0 3px rgba(217,107,8,.26)) !important;
}

/* labels originais: transformados para ouro-claro */
#Menu .MenuButton .Label {
  top: 8px !important;
  left: 43px !important;
  width: 112px !important;
  height: 22px !important;
  background-repeat: no-repeat !important;
  filter:
    sepia(1)
    saturate(2.2)
    hue-rotate(344deg)
    brightness(1.24)
    contrast(1.05)
    drop-shadow(0 1px 1px #000) !important;
}

/* + / - em dourado, alinhado dentro do card */
#Menu .MenuButton .Extend {
  top: 13px !important;
  right: 5px !important;
  width: 12px !important;
  height: 12px !important;
  filter:
    sepia(1)
    saturate(4)
    hue-rotate(339deg)
    brightness(1.35)
    drop-shadow(0 1px 1px #000) !important;
}

/* luzes verdes passam a brasa dourada */
#Menu .Lights > div {
  filter:
    sepia(1)
    saturate(4.6)
    hue-rotate(338deg)
    brightness(1.25)
    drop-shadow(0 0 2px rgba(217,107,8,.55)) !important;
}

/* ---------------------------------------------------------------
   SUBMENU / CASCATAS
   --------------------------------------------------------------- */
#Menu .Submenu {
  position: relative !important;
  width: 160px !important;
  margin: 0 auto 5px !important;
  padding: 3px 8px 4px !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(90deg, #070504 0%, #110b07 50%, #070504 100%) !important;
  border-left: 1px solid #7d4a17 !important;
  border-right: 1px solid #7d4a17 !important;
  border-bottom: 1px solid #5e3514 !important;

  box-shadow:
    inset 0 0 12px rgba(0,0,0,.72),
    0 2px 4px rgba(0,0,0,.52) !important;
}

/* topo do submenu como uma pequena peça de metal */
#Menu .Submenu::before {
  content: "" !important;
  display: block !important;
  height: 2px !important;
  margin: -3px 3px 2px !important;
  background: linear-gradient(90deg, transparent, #7b1d0c, #d96b08, #f0b638, #d96b08, #7b1d0c, transparent) !important;
  opacity: .82 !important;
}

/* Subitem */
#Menu .Submenuitem {
  position: relative !important;
  width: 144px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(90deg, rgba(13,9,6,.94), rgba(24,15,9,.96), rgba(13,9,6,.94)) !important;
  border-bottom: 1px solid #4e2e14 !important;
}

/* Correntes douradas reais usando o novo asset */
#Menu .Submenuitem::before,
#Menu .Submenuitem::after,
#Menu .LeftChain,
#Menu .RightChain {
  background-image: url(../images/global/general/chain-gold.gif) !important;
  background-repeat: repeat-y !important;
  filter:
    drop-shadow(0 0 1px #000)
    drop-shadow(0 0 2px rgba(243,195,76,.22)) !important;
}

#Menu .Submenuitem::before,
#Menu .Submenuitem::after {
  top: 0 !important;
  width: 7px !important;
  height: 100% !important;
}

#Menu .Submenuitem::before { left: 0 !important; }
#Menu .Submenuitem::after  { right: 0 !important; }

/* esconde as divs de chain antigas para não duplicar as correntes */
#Menu .LeftChain,
#Menu .RightChain {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* texto */
#Menu .SubmenuitemLabel {
  min-height: 24px !important;
  padding: 4px 16px 4px 23px !important;
  box-sizing: border-box !important;
  border: 0 !important;

  color: #f0ece5 !important;
  font: 700 12px/16px Verdana, Arial, sans-serif !important;
  text-shadow: 1px 1px 1px #000 !important;

  transition:
    color .13s ease,
    background .13s ease,
    padding-left .13s ease !important;
}

/* marcador em ouro diante do texto */
#Menu .SubmenuitemLabel::before {
  content: "›" !important;
  position: absolute !important;
  left: 12px !important;
  color: #f3c34c !important;
  font: 700 16px/16px Georgia, serif !important;
  text-shadow: 0 0 3px rgba(217,107,8,.32) !important;
}

#Menu .Submenu a,
#Menu .Submenu a:link,
#Menu .Submenu a:visited,
#Menu .Submenu a:focus {
  color: #f0ece5 !important;
  text-decoration: none !important;
}

#Menu .Submenuitem:hover {
  background:
    linear-gradient(90deg, rgba(123,29,12,.30), rgba(217,107,8,.08), rgba(123,29,12,.16)) !important;
}

#Menu .Submenuitem:hover .SubmenuitemLabel,
#Menu .Submenu a:hover .SubmenuitemLabel {
  color: #fff0ad !important;
  padding-left: 26px !important;
}

/* selecionado */
#Menu .ActiveSubmenuItemIcon {
  top: 7px !important;
  left: 11px !important;
  filter:
    sepia(1)
    saturate(4)
    hue-rotate(339deg)
    brightness(1.35)
    drop-shadow(0 0 3px rgba(217,107,8,.35)) !important;
}

#Menu .Submenuitem[data-menu] .ActiveSubmenuItemIcon[style*="visible"],
#Menu .Submenuitem:hover .ActiveSubmenuItemIcon {
  visibility: visible !important;
}

/* cores inline amarelas/vermelhas do menu antigo passam para paleta clara */
#Menu .SubmenuitemLabel font,
#Menu .SubmenuitemLabel [style*="color"] {
  color: #ffe59a !important;
}

/* separação visual entre categoria aberta e cascata */
#Menu .MenuButton + .Submenu,
#Menu .menuitem > .Submenu {
  border-top: 0 !important;
}

/* animação mínima no brilho da moldura; não muda geometria */
@keyframes furiaMenuEmber {
  0%,100% { box-shadow: inset 0 1px 0 rgba(255,226,132,.08), inset 0 -1px 4px rgba(0,0,0,.80), 0 2px 5px rgba(0,0,0,.68); }
  50% { box-shadow: inset 0 1px 0 rgba(255,226,132,.14), inset 0 -1px 4px rgba(0,0,0,.80), 0 2px 6px rgba(217,107,8,.13); }
}

#Menu .MenuButton {
  animation: furiaMenuEmber 3.4s ease-in-out infinite !important;
}


/* ================================================================
   FURIA GLOBAL V10 — BOOSTED MONSTER PEDESTAL
   HTML/CSS puro: reaproveita a imagem real do monstro do servidor.
   O nome exibido na placa vem de boost_monster_name no banco.
   ================================================================ */

#RightArtwork.FuriaMonsterStage {
  position: absolute !important;
  top: 118px !important;
  right: 20px !important;
  width: 176px !important;
  height: 132px !important;
  z-index: 110 !important;
  text-align: center !important;
  pointer-events: none !important;
  background: none !important;
}

#RightArtwork .FuriaMonsterDisplay {
  position: relative !important;
  width: 176px !important;
  height: 132px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* halo/brasa discreta atrás do monstro */
#RightArtwork .FuriaMonsterAura {
  position: absolute !important;
  left: 35px !important;
  top: 0 !important;
  width: 106px !important;
  height: 82px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at center,
      rgba(217,107,8,.28) 0%,
      rgba(123,29,12,.14) 42%,
      rgba(0,0,0,0) 72%) !important;
  filter: blur(2px) !important;
  pointer-events: none !important;
}

/* imagem real do monstro */
#RightArtwork .FuriaMonsterImageWrap {
  position: absolute !important;
  top: -22px !important;
  left: 46px !important;
  width: 84px !important;
  height: 84px !important;
  z-index: 6 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  pointer-events: auto !important;
}

#RightArtwork #Monster.FuriaMonsterImage {
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: 84px !important;
  max-height: 84px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  cursor: pointer !important;
  filter:
    drop-shadow(0 3px 3px rgba(0,0,0,.95))
    drop-shadow(0 0 4px rgba(217,107,8,.32)) !important;
}

/* topo do palanque: pedra negra + ouro/brasa */
#RightArtwork .FuriaPedestalTop {
  position: absolute !important;
  left: 20px !important;
  top: 50px !important;
  width: 136px !important;
  height: 27px !important;
  box-sizing: border-box !important;
  z-index: 5 !important;

  background:
    linear-gradient(180deg,#2a211a 0%,#15100c 48%,#080605 100%) !important;
  border-top: 1px solid #d08a26 !important;
  border-left: 1px solid #8b571d !important;
  border-right: 1px solid #8b571d !important;
  border-bottom: 1px solid #44270f !important;

  clip-path: polygon(
    7% 0, 93% 0,
    100% 35%, 94% 100%,
    6% 100%, 0 35%
  ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.11),
    inset 0 -5px 10px rgba(0,0,0,.58),
    0 3px 5px rgba(0,0,0,.76) !important;
}

#RightArtwork .FuriaPedestalTop::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 5px !important;
  height: 2px !important;
  background:
    linear-gradient(90deg,transparent,#7b1d0c,#d96b08,#f3c34c,#d96b08,#7b1d0c,transparent) !important;
  box-shadow: 0 0 5px rgba(217,107,8,.26) !important;
}

/* gema pequena do layout/logo */
#RightArtwork .FuriaPedestalGem {
  position: absolute !important;
  left: 50% !important;
  bottom: -7px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  width: 11px !important;
  height: 11px !important;
  z-index: 8 !important;

  background:
    radial-gradient(circle at 34% 30%,#82ffc1 0%,#26b76f 22%,#0a6f42 58%,#033820 100%) !important;
  border: 1px solid #d8a936 !important;
  box-shadow:
    0 0 0 2px #17100b,
    0 0 6px rgba(38,183,111,.35) !important;
}

/* base / placa com o nome dinâmico do monstro */
#RightArtwork .FuriaPedestalBase {
  position: absolute !important;
  left: 8px !important;
  top: 72px !important;
  width: 160px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  z-index: 4 !important;

  padding: 9px 12px 8px !important;

  background:
    radial-gradient(circle at 50% -50%,rgba(217,107,8,.14),transparent 55%),
    linear-gradient(180deg,#1c120b 0%,#0e0906 52%,#050403 100%) !important;

  border: 1px solid #9b5e1c !important;
  border-radius: 2px !important;

  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.045),
    inset 0 0 13px rgba(0,0,0,.72),
    0 4px 8px rgba(0,0,0,.84) !important;
}

/* ornamentos laterais da base */
#RightArtwork .FuriaPedestalBase::before,
#RightArtwork .FuriaPedestalBase::after {
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  width: 13px !important;
  height: 20px !important;
  border-top: 1px solid #d58b25 !important;
  border-bottom: 1px solid #6c3e15 !important;
  background:
    linear-gradient(180deg,#3a1a0c,#110805) !important;
}

#RightArtwork .FuriaPedestalBase::before {
  left: -8px !important;
  transform: skewY(-18deg) !important;
  border-left: 1px solid #9b5e1c !important;
}

#RightArtwork .FuriaPedestalBase::after {
  right: -8px !important;
  transform: skewY(18deg) !important;
  border-right: 1px solid #9b5e1c !important;
}

/* placa de nome: aqui aparece boost_monster_name */
#RightArtwork .FuriaPedestalName {
  position: relative !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;

  color: #ffe59a !important;
  font: 700 11px/1.15 Georgia,"Times New Roman",serif !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;

  background:
    linear-gradient(180deg,#2f190d 0%,#160d08 50%,#090605 100%) !important;
  border: 1px solid #704318 !important;

  text-shadow:
    1px 1px 2px #000,
    0 0 5px rgba(217,107,8,.24) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.07),
    inset 0 -1px 3px rgba(0,0,0,.62) !important;
}

#RightArtwork .FuriaPedestalName::before,
#RightArtwork .FuriaPedestalName::after {
  content: "◆" !important;
  color: #d58b25 !important;
  font-size: 7px !important;
  margin: 0 6px !important;
  text-shadow: 0 0 3px rgba(217,107,8,.28) !important;
}

/* garante que o velho pedestal nunca apareça por cima */
#Pedestal,
#PedestalAndOnline,
#MonsterAndOnline {
  display: none !important;
}


/* ================================================================
   FURIA GLOBAL V11 — TODAS AS PÁGINAS CENTRAIS
   Aplicado no wrapper universal .FuriaPageContent, portanto vale para:
   News, Community, Forum, Account, Library, Wars, Events, Support, Shop.
   ================================================================ */

/* ----- ESTRUTURA CENTRAL / SEM PERGAMINHO ----- */
#NewsArchive.FuriaMainContentBox {
  background: transparent !important;
}

#NewsArchive.FuriaMainContentBox > .BorderTitleText {
  background-image: none !important;
  background:
    linear-gradient(180deg,#3d210f 0%,#1b1009 54%,#080605 100%) !important;
  border-top: 1px solid #a7671d !important;
  border-bottom: 1px solid #5c3616 !important;
}

#NewsArchive.FuriaMainContentBox > .Border_2,
#NewsArchive.FuriaMainContentBox > .Border_2 > .Border_3 {
  background-image: none !important;
  background: transparent !important;
}

#NewsArchive .FuriaPageContent {
  min-height: 355px !important;
  box-sizing: border-box !important;
  padding: 12px !important;

  color: #f3f0eb !important;
  background-image: none !important;
  background:
    radial-gradient(circle at 50% -22%,rgba(123,29,12,.12),transparent 40%),
    linear-gradient(180deg,#14100c 0%,#090706 56%,#050403 100%) !important;

  border: 1px solid #845019 !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.035),
    inset 0 0 24px rgba(0,0,0,.62),
    0 3px 9px rgba(0,0,0,.76) !important;
}

/* ----- LEITURA: TEXTO CLARO EM TODAS AS PÁGINAS ----- */
.FuriaPageContent,
.FuriaPageContent p,
.FuriaPageContent div,
.FuriaPageContent span,
.FuriaPageContent td,
.FuriaPageContent th,
.FuriaPageContent li,
.FuriaPageContent label,
.FuriaPageContent font {
  color: #f2efea !important;
}

.FuriaPageContent small,
.FuriaPageContent .SmallText,
.FuriaPageContent .LabelV,
.FuriaPageContent .LabelH {
  color: #cfc3b2 !important;
}

.FuriaPageContent b,
.FuriaPageContent strong,
.FuriaPageContent h1,
.FuriaPageContent h2,
.FuriaPageContent h3,
.FuriaPageContent h4,
.FuriaPageContent h5,
.FuriaPageContent legend {
  color: #ffe59a !important;
  text-shadow: 1px 1px 2px #000 !important;
}

/* Corrige cores inline escuras herdadas do AAC */
.FuriaPageContent font[color],
.FuriaPageContent [style*="color:"],
.FuriaPageContent [style*="COLOR:"] {
  color: #f2efea !important;
}

/* mas títulos/destaques continuam dourados */
.FuriaPageContent b,
.FuriaPageContent strong,
.FuriaPageContent h1,
.FuriaPageContent h2,
.FuriaPageContent h3,
.FuriaPageContent h4,
.FuriaPageContent .Text,
.FuriaPageContent .CaptionContainer .Text {
  color: #ffe59a !important;
}

/* ----- LINKS ----- */
.FuriaPageContent a,
.FuriaPageContent a:link,
.FuriaPageContent a:visited {
  color: #efbd4c !important;
  text-decoration: none !important;
}

.FuriaPageContent a:hover {
  color: #fff1ae !important;
  text-shadow: 0 0 4px rgba(217,107,8,.30) !important;
}

/* ----- TODAS AS TABELAS / GRADES ----- */
.FuriaPageContent table {
  border-collapse: collapse;
  box-sizing: border-box !important;
}

.FuriaPageContent .TableContainer,
.FuriaPageContent .InnerTableContainer,
.FuriaPageContent .TableContentContainer {
  width: 100% !important;
  box-sizing: border-box !important;
}

.FuriaPageContent .TableContainer {
  background: #070605 !important;
  border: 1px solid #8d551a !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.03),
    0 3px 8px rgba(0,0,0,.70) !important;
}

/* cabeçalhos tipo "Search Character", "Information", etc. */
.FuriaPageContent .CaptionContainer,
.FuriaPageContent .CaptionContainer .CaptionInnerContainer,
.FuriaPageContent .TableHeadline,
.FuriaPageContent .TableSubHeader,
.FuriaPageContent th {
  background-image: none !important;
  background:
    linear-gradient(180deg,#40220f 0%,#211209 52%,#0d0806 100%) !important;

  color: #fff0ad !important;
  border-color: #9b5d1b !important;
  text-shadow: 1px 1px 2px #000 !important;
}

.FuriaPageContent .CaptionContainer .Text,
.FuriaPageContent th,
.FuriaPageContent .TableHeadline,
.FuriaPageContent .TableSubHeader {
  color: #fff0ad !important;
  font-weight: 700 !important;
}

/* células */
.FuriaPageContent .TableContent,
.FuriaPageContent .Table1,
.FuriaPageContent .Table2,
.FuriaPageContent .Table3,
.FuriaPageContent .Table4,
.FuriaPageContent table[bgcolor],
.FuriaPageContent tr[bgcolor],
.FuriaPageContent td[bgcolor] {
  background-image: none !important;
  background-color: #110d09 !important;
  color: #f2efea !important;
}

.FuriaPageContent td {
  border-color: #493017 !important;
}

.FuriaPageContent tr:nth-child(even) td {
  background-color: #171009 !important;
}

.FuriaPageContent tr:hover td {
  background-color: #21130a !important;
}

/* ----- FORMULÁRIOS ----- */
.FuriaPageContent input[type="text"],
.FuriaPageContent input[type="password"],
.FuriaPageContent input[type="email"],
.FuriaPageContent input[type="number"],
.FuriaPageContent input[type="search"],
.FuriaPageContent input[type="url"],
.FuriaPageContent textarea,
.FuriaPageContent select {
  box-sizing: border-box !important;
  color: #f5f2ed !important;
  background: #080605 !important;
  border: 1px solid #815019 !important;
  border-radius: 3px !important;
  box-shadow:
    inset 0 1px 5px rgba(0,0,0,.88),
    0 0 0 1px rgba(243,195,76,.015) !important;
}

.FuriaPageContent input::placeholder,
.FuriaPageContent textarea::placeholder {
  color: #a99c8a !important;
}

.FuriaPageContent input:focus,
.FuriaPageContent textarea:focus,
.FuriaPageContent select:focus {
  outline: none !important;
  border-color: #cf8b26 !important;
  box-shadow:
    inset 0 1px 5px rgba(0,0,0,.82),
    0 0 5px rgba(217,107,8,.28) !important;
}

/* Botões normais */
.FuriaPageContent button,
.FuriaPageContent input[type="submit"]:not([type="image"]),
.FuriaPageContent input[type="button"],
.FuriaPageContent input[type="reset"] {
  cursor: pointer !important;
  color: #fff0ad !important;
  background:
    linear-gradient(180deg,#6c2b0f 0%,#361509 48%,#160906 100%) !important;
  border: 1px solid #b46f1e !important;
  border-radius: 3px !important;
  text-shadow: 1px 1px 1px #000 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.16),
    inset 0 -2px 4px rgba(0,0,0,.64),
    0 2px 4px rgba(0,0,0,.62) !important;
}

.FuriaPageContent button:hover,
.FuriaPageContent input[type="submit"]:not([type="image"]):hover,
.FuriaPageContent input[type="button"]:hover {
  color: #fff5c8 !important;
  border-color: #e4a62d !important;
  background:
    linear-gradient(180deg,#873711 0%,#461907 48%,#190a05 100%) !important;
}

/* ----- BOTÕES TIBIA ANTIGOS (imagem) ----- */
.FuriaPageContent .BigButton,
.FuriaPageContent .MediumButtonBackground,
.FuriaPageContent .ButtonBackground {
  background-image: none !important;
  background:
    linear-gradient(180deg,#61250d,#251008) !important;
  border: 1px solid #a8671b !important;
  border-radius: 3px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.13),
    0 2px 4px rgba(0,0,0,.67) !important;
}

.FuriaPageContent .BigButton:hover,
.FuriaPageContent .MediumButtonBackground:hover,
.FuriaPageContent .ButtonBackground:hover {
  border-color: #d99829 !important;
  background:
    linear-gradient(180deg,#7b3010,#301207) !important;
}

.FuriaPageContent .BigButtonOver,
.FuriaPageContent .MediumButtonOver,
.FuriaPageContent .ButtonOver {
  background-image: none !important;
}

/* mantém imagens de texto legadas legíveis em dourado */
.FuriaPageContent .BigButtonText,
.FuriaPageContent .MediumButtonText,
.FuriaPageContent .ButtonText {
  filter:
    sepia(1)
    saturate(2.5)
    hue-rotate(344deg)
    brightness(1.18)
    drop-shadow(0 1px 1px #000) !important;
}

/* ----- MENSAGENS / ALERTAS ----- */
.FuriaPageContent .ErrorMessage,
.FuriaPageContent .FormFieldError,
.FuriaPageContent .error {
  color: #ff8d78 !important;
}

.FuriaPageContent .SuccessMessage,
.FuriaPageContent .success,
.FuriaPageContent .ff_correct {
  color: #77dca5 !important;
}

.FuriaPageContent .SmallBox,
.FuriaPageContent .Message,
.FuriaPageContent fieldset {
  background: #0d0907 !important;
  border: 1px solid #674018 !important;
  color: #f2efea !important;
}

/* ----- FORUM ----- */
.FuriaPageContent .ForumPost,
.FuriaPageContent .PostText,
.FuriaPageContent .PostUpper,
.FuriaPageContent .PostLower,
.FuriaPageContent .BoardRow {
  background: #100c09 !important;
  color: #f2efea !important;
  border-color: #503119 !important;
}

/* ----- SHOP / DONATE ----- */
.FuriaPageContent .ServiceID_Icon,
.FuriaPageContent .PMCID_Icon,
.FuriaPageContent .ServiceID_Icon_Container,
.FuriaPageContent .PMCID_Icon_Container {
  background-color: #0c0907 !important;
  color: #f2efea !important;
  border-color: #764819 !important;
}

.FuriaPageContent .ServiceIDLabel,
.FuriaPageContent .PMCID_CP_Label,
.FuriaPageContent .PaymentMethodBrandingBig,
.FuriaPageContent .PaymentMethodBrandingSmall {
  color: #ffe59a !important;
}

/* ----- CHARACTER / HIGHSCORE / GUILD / WORLD LISTS ----- */
.FuriaPageContent .CharacterInformation,
.FuriaPageContent .CharacterTrade,
.FuriaPageContent .GuildInformation,
.FuriaPageContent .Highscores,
.FuriaPageContent .Worlds {
  color: #f2efea !important;
}

/* ----- PAGINA CHARACTERS DO PRINT ----- */
.FuriaPageContent.furia-page-characters .TableContainer {
  margin-bottom: 10px !important;
}

.FuriaPageContent.furia-page-characters input[name="name"] {
  min-height: 27px !important;
}

/* ----- NEWS ARCHIVE ----- */
.FuriaPageContent.furia-page-newsarchive .NewsHeadlineBackground,
.FuriaPageContent.furia-page-latestnews .NewsHeadlineBackground {
  background-image: none !important;
  background:
    linear-gradient(180deg,#48200e,#251008 52%,#0f0705) !important;
  border: 1px solid #925719 !important;
}

/* ----- ADMIN ----- */
.FuriaPageContent.furia-page-adminpanel pre,
.FuriaPageContent.furia-page-adminpanel code {
  color: #e9e2d8 !important;
  background: #050403 !important;
  border: 1px solid #493017 !important;
}

/* ----- DOWNLOAD CLIENT ----- */
.FuriaPageContent.furia-page-downloadclient .TableContainer,
.FuriaPageContent.furia-page-downloadclient .SmallBox {
  background: #0d0907 !important;
}

/* ----- REMOVER AS SOMBRAS/IMAGENS BEGE-AZUIS DAS TABELAS ----- */
.FuriaPageContent .TableShadow,
.FuriaPageContent .TableShadowRightTop,
.FuriaPageContent .TableShadowContainer,
.FuriaPageContent .TableShadowContainerRightTop,
.FuriaPageContent .TableBottomShadow,
.FuriaPageContent .TableBottomLeftShadow,
.FuriaPageContent .TableBottomRightShadow,
.FuriaPageContent .TableContentAndRightShadow,
.FuriaPageContent .TableContentAndRightShadow1,
.FuriaPageContent .TableContentAndRightShadow2,
.FuriaPageContent .TableContentAndRightShadow3 {
  background-image: none !important;
  background-color: transparent !important;
}

/* ----- BORDAS DO CONTEÚDO EXTERNO ----- */
#NewsArchive.FuriaMainContentBox > .Border_1,
#NewsArchive.FuriaMainContentBox .Corner-tl,
#NewsArchive.FuriaMainContentBox .Corner-tr,
#NewsArchive.FuriaMainContentBox .Corner-bl,
#NewsArchive.FuriaMainContentBox .Corner-br {
  filter:
    sepia(1)
    saturate(2.2)
    hue-rotate(343deg)
    brightness(.83) !important;
}

/* ----- seleção ----- */
.FuriaPageContent ::selection {
  background: #7b260f !important;
  color: #fff4c3 !important;
}


/* ================================================================
   FURIA GLOBAL V12 — ALINHAMENTO / MENU / COLUNA DIREITA
   Ajuste final feito sobre o layout real do AAC.
   ================================================================ */

/* ---------- COLUNAS PRINCIPAIS ---------- */
#Bodycontainer {
  width: 1200px !important;
  max-width: 1200px !important;
  min-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#MenuColumn {
  width: 180px !important;
  margin-left: 10px !important;
  margin-right: 15px !important;
  box-sizing: border-box !important;
}

#ContentColumn {
  margin-left: 195px !important;
  margin-right: 195px !important;
  box-sizing: border-box !important;
}

#ThemeboxesColumn {
  width: 180px !important;
  margin-left: 15px !important;
  margin-right: -190px !important;

  /* remove o hack vertical que fazia Monster/Top Experience colidirem */
  margin-top: 0 !important;
  padding-top: 0 !important;

  box-sizing: border-box !important;
  display: block !important;
}

#Themeboxes {
  width: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

#Themeboxes > * {
  flex: 0 0 auto !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ---------- MONSTER OF THE DAY: AGORA NO FLUXO, NÃO SOBRE O RANK ---------- */
#Themeboxes #RightArtwork.FuriaMonsterStage {
  position: relative !important;
  top: 0 !important;
  right: auto !important;
  left: auto !important;

  width: 176px !important;
  height: 122px !important;
  margin: 0 auto !important;
  z-index: 5 !important;

  pointer-events: none !important;
}

#Themeboxes #RightArtwork .FuriaMonsterDisplay {
  width: 176px !important;
  height: 122px !important;
}

#Themeboxes #RightArtwork .FuriaMonsterImageWrap {
  top: -9px !important;
}

#Themeboxes #RightArtwork .FuriaPedestalTop {
  top: 55px !important;
}

#Themeboxes #RightArtwork .FuriaPedestalBase {
  top: 76px !important;
}

/* ---------- TOP EXPERIENCE ---------- */
#Themeboxes #TopLvl {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 176px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#Themeboxes #TopLvl .furia-side-card-title,
#Themeboxes #TopLvl .TopLvl_title {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* ---------- SERVER INFO ---------- */
#Themeboxes #Serverinfobox {
  position: relative !important;
  width: 176px !important;
  height: auto !important;
  min-height: 112px !important;
  margin: 0 !important;
}

/* ---------- SUPORTE: NÃO FICA MAIS ESPREMIDO ---------- */
#Themeboxes .furia-widget-link {
  display: block !important;
  width: 176px !important;
  margin: 0 !important;
  text-decoration: none !important;
}

#Themeboxes #supportButton,
#Themeboxes .furia-support-card {
  position: relative !important;
  width: 176px !important;
  min-height: 58px !important;
  height: 58px !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffe59a !important;
  font: 700 13px Georgia, "Times New Roman", serif !important;
  text-shadow: 1px 1px 2px #000 !important;

  background:
    radial-gradient(circle at 50% -25%, rgba(217,107,8,.14), transparent 46%),
    linear-gradient(180deg,#21140b 0%,#100b08 45%,#070605 100%) !important;

  border: 1px solid #9a5d18 !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.05),
    inset 0 0 14px rgba(0,0,0,.72),
    0 3px 8px rgba(0,0,0,.72) !important;
}

#Themeboxes #supportButton::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 4px !important;
  height: 2px !important;
  background: linear-gradient(90deg,transparent,#7b1d0c,#d96b08,#f3c34c,#d96b08,#7b1d0c,transparent) !important;
}

/* remove texto/arte duplicados de versões antigas */
#Themeboxes #supportButton::after {
  content: none !important;
}

/* ---------- CHARACTER SEARCH ---------- */
#Themeboxes #searchcharButton {
  position: relative !important;
  top: 0 !important;
  width: 176px !important;
  height: auto !important;
  min-height: 140px !important;
  margin: 0 !important;
}

/* ---------- MENU ESQUERDO: MESMA LARGURA PARA TUDO ---------- */
#Loginbox,
.SmallMenuBox,
#Menu {
  width: 176px !important;
  margin-left: 2px !important;
  box-sizing: border-box !important;
}

#Menu .menuitem,
#Menu .MenuButton {
  width: 168px !important;
  box-sizing: border-box !important;
}

/* RETIRA + / - DAS CATEGORIAS */
#Menu .MenuButton .Extend,
#Menu .MenuButton .Lights {
  display: none !important;
  visibility: hidden !important;
}

/* Sem +/-, o nome pode usar mais espaço */
#Menu .MenuButton .Label {
  left: 43px !important;
  width: 121px !important;
}

/* Ícones usam os GIFs originais do AAC, apenas dourados */
#Menu .MenuButton .Icon {
  filter:
    drop-shadow(0 2px 2px rgba(0,0,0,.92))
    drop-shadow(0 0 3px rgba(217,107,8,.28)) !important;
}

/* contorno coerente das categorias */
#Menu .MenuButton {
  border: 1px solid #8d5418 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,132,.07),
    inset 0 -1px 4px rgba(0,0,0,.82),
    0 2px 5px rgba(0,0,0,.66) !important;
}

/* submenu: alinhamento regular das duas correntes */
#Menu .Submenu {
  width: 160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

#Menu .Submenuitem {
  width: 144px !important;
  box-sizing: border-box !important;
}

/* evita que animação da moldura faça parecer que o menu está "pulando" */
#Menu .MenuButton {
  animation: none !important;
}

/* ---------- CONSISTÊNCIA DOS CARDS DA DIREITA ---------- */
#Themeboxes .furia-side-card,
#Themeboxes #TopLvl,
#Themeboxes #Serverinfobox,
#Themeboxes #supportButton,
#Themeboxes #searchcharButton {
  border-color: #9a5d18 !important;
  border-radius: 2px !important;
}

/* ---------- ESPAÇAMENTO CENTRAL ---------- */
#ContentColumn > * {
  box-sizing: border-box !important;
}

#PlayersOnline,
#NewsArchive,
#NewsTicker,
#FeaturedArticle {
  width: 100% !important;
  box-sizing: border-box !important;
}


/* ================================================================
   FURIA GLOBAL V13 — CENTRAL GLOBAL DEFINITIVO
   Corrige TODAS as páginas internas de Community/Forum/Account/
   Library/Wars/Events/Support/Shop usando o mesmo visual.
   ================================================================ */

/* 1) Caixa central externa */
#ContentColumn #NewsArchive.FuriaMainContentBox {
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
}

/* remove a estrutura ornamental antiga que ainda aparecia prateada/bege */
#ContentColumn #NewsArchive.FuriaMainContentBox > .Corner-tl,
#ContentColumn #NewsArchive.FuriaMainContentBox > .Corner-tr,
#ContentColumn #NewsArchive.FuriaMainContentBox > .CornerWrapper-b,
#ContentColumn #NewsArchive.FuriaMainContentBox > .Border_1 {
  display: none !important;
}

#ContentColumn #NewsArchive.FuriaMainContentBox > .BorderTitleText {
  height: 42px !important;
  box-sizing: border-box !important;
  margin: 0 0 7px !important;

  background-image: none !important;
  background:
    radial-gradient(circle at 50% -40%, rgba(217,107,8,.18), transparent 58%),
    linear-gradient(180deg,#2e1a0d 0%,#160d08 52%,#070504 100%) !important;

  border: 1px solid #9c5d19 !important;
  border-radius: 2px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.09),
    inset 0 -2px 5px rgba(0,0,0,.70),
    0 3px 7px rgba(0,0,0,.72) !important;
}

/* título principal da página */
#ContentColumn #NewsArchive .AACHeadlineText {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  padding: 0 16px !important;

  color: #ffe59a !important;
  font: 700 23px/40px Georgia,"Times New Roman",serif !important;
  letter-spacing: .2px !important;
  text-align: left !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 7px rgba(217,107,8,.26) !important;
}

/* 2) wrappers antigos do conteúdo */
#ContentColumn #NewsArchive > .Border_2,
#ContentColumn #NewsArchive > .Border_2 > .Border_3 {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) painel principal */
#ContentColumn .FuriaPageContent {
  min-height: 355px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 14px !important;
  overflow: visible !important;

  background-image: none !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(123,29,12,.10), transparent 40%),
    linear-gradient(180deg,#14100c 0%,#0b0806 48%,#050403 100%) !important;

  border: 1px solid #8e5519 !important;
  border-radius: 2px !important;

  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.035),
    inset 0 0 25px rgba(0,0,0,.62),
    0 4px 10px rgba(0,0,0,.75) !important;
}

/* 4) força o esquema de leitura em todas as páginas */
#ContentColumn .FuriaPageContent,
#ContentColumn .FuriaPageContent p,
#ContentColumn .FuriaPageContent div,
#ContentColumn .FuriaPageContent span,
#ContentColumn .FuriaPageContent td,
#ContentColumn .FuriaPageContent th,
#ContentColumn .FuriaPageContent li,
#ContentColumn .FuriaPageContent label,
#ContentColumn .FuriaPageContent font {
  color: #f4f1ec !important;
}

#ContentColumn .FuriaPageContent small {
  color: #cfc4b5 !important;
}

/* títulos e textos importantes */
#ContentColumn .FuriaPageContent h1,
#ContentColumn .FuriaPageContent h2,
#ContentColumn .FuriaPageContent h3,
#ContentColumn .FuriaPageContent h4,
#ContentColumn .FuriaPageContent h5,
#ContentColumn .FuriaPageContent b,
#ContentColumn .FuriaPageContent strong,
#ContentColumn .FuriaPageContent legend,
#ContentColumn .FuriaPageContent .Text,
#ContentColumn .FuriaPageContent .CaptionContainer .Text {
  color: #ffe59a !important;
  text-shadow: 1px 1px 2px #000 !important;
}

/* neutraliza fontes marrons/escuras inline do AAC */
#ContentColumn .FuriaPageContent font[color],
#ContentColumn .FuriaPageContent [style*="color:"],
#ContentColumn .FuriaPageContent [style*="COLOR:"] {
  color: #f4f1ec !important;
}

/* repõe títulos após override inline */
#ContentColumn .FuriaPageContent h1,
#ContentColumn .FuriaPageContent h2,
#ContentColumn .FuriaPageContent h3,
#ContentColumn .FuriaPageContent h4,
#ContentColumn .FuriaPageContent b,
#ContentColumn .FuriaPageContent strong,
#ContentColumn .FuriaPageContent .Text,
#ContentColumn .FuriaPageContent .CaptionContainer .Text {
  color: #ffe59a !important;
}

/* 5) links */
#ContentColumn .FuriaPageContent a,
#ContentColumn .FuriaPageContent a:link,
#ContentColumn .FuriaPageContent a:visited {
  color: #efbd4c !important;
  text-decoration: none !important;
}

#ContentColumn .FuriaPageContent a:hover {
  color: #fff2b4 !important;
  text-shadow: 0 0 4px rgba(217,107,8,.30) !important;
}

/* 6) tabelas: remove bege, cinza e prata */
#ContentColumn .FuriaPageContent table,
#ContentColumn .FuriaPageContent .TableContainer,
#ContentColumn .FuriaPageContent .InnerTableContainer,
#ContentColumn .FuriaPageContent .TableContentContainer,
#ContentColumn .FuriaPageContent .TableContent,
#ContentColumn .FuriaPageContent .Table1,
#ContentColumn .FuriaPageContent .Table2,
#ContentColumn .FuriaPageContent .Table3,
#ContentColumn .FuriaPageContent .Table4 {
  box-sizing: border-box !important;
}

#ContentColumn .FuriaPageContent .TableContainer,
#ContentColumn .FuriaPageContent .InnerTableContainer {
  width: 100% !important;
  background: #080605 !important;
  border: 1px solid #835018 !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.025),
    0 3px 7px rgba(0,0,0,.68) !important;
}

#ContentColumn .FuriaPageContent .TableContentContainer,
#ContentColumn .FuriaPageContent .TableContent {
  width: 100% !important;
  background: #0e0a07 !important;
  color: #f4f1ec !important;
}

/* cabeçalhos */
#ContentColumn .FuriaPageContent .CaptionContainer,
#ContentColumn .FuriaPageContent .CaptionInnerContainer,
#ContentColumn .FuriaPageContent .TableHeadline,
#ContentColumn .FuriaPageContent .TableSubHeader,
#ContentColumn .FuriaPageContent th {
  background-image: none !important;
  background:
    linear-gradient(180deg,#40220e 0%,#221208 52%,#0d0705 100%) !important;
  border-color: #9b5d1b !important;
  color: #fff0ad !important;
}

#ContentColumn .FuriaPageContent .CaptionContainer .Text,
#ContentColumn .FuriaPageContent .TableHeadline,
#ContentColumn .FuriaPageContent .TableSubHeader,
#ContentColumn .FuriaPageContent th {
  color: #fff0ad !important;
  font-weight: 700 !important;
}

/* células */
#ContentColumn .FuriaPageContent tr,
#ContentColumn .FuriaPageContent td {
  background-image: none !important;
}

#ContentColumn .FuriaPageContent td {
  background-color: #110d09 !important;
  color: #f4f1ec !important;
  border-color: #4c3016 !important;
}

#ContentColumn .FuriaPageContent tr:nth-child(even) td {
  background-color: #171009 !important;
}

#ContentColumn .FuriaPageContent tr:hover td {
  background-color: #21130a !important;
}

/* força cores inline de bgcolor antigas */
#ContentColumn .FuriaPageContent table[bgcolor],
#ContentColumn .FuriaPageContent tr[bgcolor],
#ContentColumn .FuriaPageContent td[bgcolor] {
  background-color: #110d09 !important;
  color: #f4f1ec !important;
}

/* 7) remove TODAS as imagens de shadow/table frame antigas */
#ContentColumn .FuriaPageContent .TableShadow,
#ContentColumn .FuriaPageContent .TableShadowRightTop,
#ContentColumn .FuriaPageContent .TableShadowContainer,
#ContentColumn .FuriaPageContent .TableShadowContainerRightTop,
#ContentColumn .FuriaPageContent .TableBottomShadow,
#ContentColumn .FuriaPageContent .TableBottomLeftShadow,
#ContentColumn .FuriaPageContent .TableBottomRightShadow,
#ContentColumn .FuriaPageContent .TableContentAndRightShadow,
#ContentColumn .FuriaPageContent .TableContentAndRightShadow1,
#ContentColumn .FuriaPageContent .TableContentAndRightShadow2,
#ContentColumn .FuriaPageContent .TableContentAndRightShadow3 {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
}

/* 8) forms */
#ContentColumn .FuriaPageContent input[type="text"],
#ContentColumn .FuriaPageContent input[type="password"],
#ContentColumn .FuriaPageContent input[type="email"],
#ContentColumn .FuriaPageContent input[type="number"],
#ContentColumn .FuriaPageContent input[type="search"],
#ContentColumn .FuriaPageContent textarea,
#ContentColumn .FuriaPageContent select {
  color: #f5f2ed !important;
  background: #080605 !important;
  border: 1px solid #825019 !important;
  border-radius: 3px !important;
  box-shadow:
    inset 0 1px 5px rgba(0,0,0,.88),
    0 0 0 1px rgba(243,195,76,.01) !important;
}

#ContentColumn .FuriaPageContent input::placeholder,
#ContentColumn .FuriaPageContent textarea::placeholder {
  color: #a89d8f !important;
}

#ContentColumn .FuriaPageContent input:focus,
#ContentColumn .FuriaPageContent textarea:focus,
#ContentColumn .FuriaPageContent select:focus {
  outline: none !important;
  border-color: #d18b27 !important;
  box-shadow:
    inset 0 1px 5px rgba(0,0,0,.82),
    0 0 5px rgba(217,107,8,.25) !important;
}

/* botões */
#ContentColumn .FuriaPageContent button,
#ContentColumn .FuriaPageContent input[type="submit"]:not([type="image"]),
#ContentColumn .FuriaPageContent input[type="button"],
#ContentColumn .FuriaPageContent input[type="reset"] {
  color: #fff0ad !important;
  background:
    linear-gradient(180deg,#6c2b0f 0%,#351409 48%,#160906 100%) !important;
  border: 1px solid #b56f1e !important;
  border-radius: 3px !important;
  text-shadow: 1px 1px 1px #000 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.16),
    inset 0 -2px 4px rgba(0,0,0,.64),
    0 2px 4px rgba(0,0,0,.62) !important;
}

#ContentColumn .FuriaPageContent button:hover,
#ContentColumn .FuriaPageContent input[type="submit"]:not([type="image"]):hover,
#ContentColumn .FuriaPageContent input[type="button"]:hover {
  background:
    linear-gradient(180deg,#883711 0%,#451907 48%,#190a05 100%) !important;
  border-color: #e6a52e !important;
}

/* 9) caixas de aviso */
#ContentColumn .FuriaPageContent .SmallBox,
#ContentColumn .FuriaPageContent .Message,
#ContentColumn .FuriaPageContent fieldset {
  background: #0d0907 !important;
  border: 1px solid #674018 !important;
  color: #f4f1ec !important;
}

/* 10) shop / donate / account */
#ContentColumn .FuriaPageContent .ServiceID_Icon,
#ContentColumn .FuriaPageContent .PMCID_Icon,
#ContentColumn .FuriaPageContent .ServiceID_Icon_Container,
#ContentColumn .FuriaPageContent .PMCID_Icon_Container {
  background-color: #0c0907 !important;
  border-color: #754719 !important;
  color: #f4f1ec !important;
}

/* 11) forum */
#ContentColumn .FuriaPageContent .ForumPost,
#ContentColumn .FuriaPageContent .PostText,
#ContentColumn .FuriaPageContent .PostUpper,
#ContentColumn .FuriaPageContent .PostLower,
#ContentColumn .FuriaPageContent .BoardRow {
  background: #100c09 !important;
  border-color: #503119 !important;
  color: #f4f1ec !important;
}

/* 12) headings inside pages such as Game World Overview / Top Fraggers */
#ContentColumn .FuriaPageContent .CaptionContainer,
#ContentColumn .FuriaPageContent .NewsHeadlineBackground {
  background-image: none !important;
}

/* 13) specific worlds page from screenshot */
#ContentColumn .FuriaPageContent.furia-page-worlds .TableContainer {
  margin-bottom: 10px !important;
}

#ContentColumn .FuriaPageContent.furia-page-worlds td,
#ContentColumn .FuriaPageContent.furia-page-worlds th {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* 14) scrollbar / selection */
#ContentColumn .FuriaPageContent ::selection {
  background: #7b260f !important;
  color: #fff4c4 !important;
}


/* ================================================================
   FURIA GLOBAL V14 — ASSETS CENTRAIS + MONSTER + TOP 5
   ================================================================ */

.FuriaPageContent .CaptionEdgeLeftTop,
.FuriaPageContent .CaptionEdgeRightTop,
.FuriaPageContent .CaptionEdgeLeftBottom,
.FuriaPageContent .CaptionEdgeRightBottom,
.FuriaPageContent .CaptionBorderTop,
.FuriaPageContent .CaptionBorderBottom,
.FuriaPageContent .CaptionVerticalLeft,
.FuriaPageContent .CaptionVerticalRight,
.FuriaPageContent .BoxFrameHorizontal,
.FuriaPageContent .BoxFrameVerticalLeft,
.FuriaPageContent .BoxFrameVerticalRight,
.FuriaPageContent .BoxFrameEdgeLeftTop,
.FuriaPageContent .BoxFrameEdgeRightTop,
.FuriaPageContent .BoxFrameEdgeLeftBottom,
.FuriaPageContent .BoxFrameEdgeRightBottom {
  filter:
    sepia(1)
    saturate(2.1)
    hue-rotate(343deg)
    brightness(.95)
    drop-shadow(0 0 1px rgba(217,107,8,.16)) !important;
}

.FuriaPageContent .CaptionContainer,
.FuriaPageContent .SmallBox,
.FuriaPageContent .MessageContainer {
  border-color: #7d4b18 !important;
}

.FuriaPageContent img[src*="headline-bracer-left.gif"],
.FuriaPageContent img[src*="headline-bracer-right.gif"] {
  filter:
    sepia(1)
    saturate(2.6)
    hue-rotate(343deg)
    brightness(1.12)
    drop-shadow(0 1px 2px #000) !important;
}

.FuriaPageContent img[src*="/images/global/content/info.gif"],
.FuriaPageContent img[src*="/images/global/content/back-to-top.gif"] {
  filter:
    sepia(1)
    saturate(2.8)
    hue-rotate(341deg)
    brightness(1.18)
    drop-shadow(0 1px 2px #000) !important;
}

.FuriaPageContent img[src*="/images/account/download_windows.gif"] {
  padding: 4px !important;
  background: #0a0705 !important;
  border: 1px solid #9a5d18 !important;
  border-radius: 3px !important;
  box-shadow:
    inset 0 0 8px rgba(0,0,0,.55),
    0 2px 4px rgba(0,0,0,.72) !important;
  filter:
    sepia(.38)
    saturate(1.35)
    brightness(.98)
    drop-shadow(0 1px 2px #000) !important;
}

.FuriaPageContent .AccountStatusImage,
.FuriaPageContent img[src*="/images/account/account-status_"] {
  padding: 2px !important;
  background: #090605 !important;
  border: 1px solid #9a5d18 !important;
  border-radius: 4px !important;
  box-shadow:
    0 2px 5px rgba(0,0,0,.72),
    0 0 5px rgba(217,107,8,.16) !important;
}

.FuriaPageContent .BigButton,
.FuriaPageContent .MediumButtonBackground,
.FuriaPageContent .ButtonBackground {
  background-image: none !important;
  background:
    radial-gradient(circle at 50% -50%,rgba(217,107,8,.14),transparent 58%),
    linear-gradient(180deg,#52200c 0%,#2b1108 52%,#100704 100%) !important;
  border: 1px solid #a9661b !important;
}

.FuriaPageContent .BigButtonOver,
.FuriaPageContent .MediumButtonOver,
.FuriaPageContent .ButtonOver {
  background-image: none !important;
  background: linear-gradient(180deg,rgba(243,195,76,.10),rgba(123,29,12,.12)) !important;
}

.FuriaPageContent .BigButtonText,
.FuriaPageContent .MediumButtonText,
.FuriaPageContent .ButtonText,
.FuriaPageContent input[type="image"] {
  filter:
    sepia(1)
    saturate(2.2)
    hue-rotate(343deg)
    brightness(1.14)
    drop-shadow(0 1px 1px #000) !important;
}

.FuriaPageContent .PaymentMethodBrandingBig,
.FuriaPageContent .PaymentMethodBrandingSmall,
.FuriaPageContent img[src*="/images/payment/"] {
  filter: none !important;
}

/* Monster sobe um pouco sem sobrepor o ranking */
#Themeboxes #RightArtwork.FuriaMonsterStage {
  top: -10px !important;
  margin-bottom: -2px !important;
}

#Themeboxes #RightArtwork .FuriaMonsterDisplay {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Top Experience com espaço real para 5 jogadores */
#Themeboxes #TopLvl.furia-rank-card {
  height: auto !important;
  min-height: 340px !important;
  overflow: hidden !important;
}

#Themeboxes #TopLvl .furia-rank-list {
  min-height: 292px !important;
  box-sizing: border-box !important;
  padding-bottom: 8px !important;
}

#Themeboxes #TopLvl .furia-rank-row {
  min-height: 56px !important;
  height: 56px !important;
  box-sizing: border-box !important;
}

#Themeboxes #TopLvl.furia-rank-count-5 { min-height: 344px !important; }
#Themeboxes #TopLvl.furia-rank-count-4 { min-height: 288px !important; }
#Themeboxes #TopLvl.furia-rank-count-3 { min-height: 232px !important; }
#Themeboxes #TopLvl.furia-rank-count-2 { min-height: 176px !important; }
#Themeboxes #TopLvl.furia-rank-count-1 { min-height: 120px !important; }

.FuriaPageContent .CaptionContainer .Text,
.FuriaPageContent .TableHeadline,
.FuriaPageContent .TableSubHeader,
.FuriaPageContent legend {
  color: #fff0ad !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 5px rgba(217,107,8,.18) !important;
}

.FuriaPageContent .LabelV,
.FuriaPageContent .LabelH,
.FuriaPageContent .SmallText {
  color: #ddd3c4 !important;
}


/* ================================================================
   FURIA GLOBAL V15 — COLUNA DIREITA ALINHADA / PEDESTAL REFEITO
   ================================================================ */

/* A coluna direita sobe para alinhar TOP 5 EXPERIENCE com a barra
   central CAST / Twitch / YouTube / Downloads / Players Online. */
#ThemeboxesColumn {
  margin-top: -122px !important;
  padding-top: 0 !important;
}

/* O container vira referência para o monstro sem ocupar o espaço do ranking. */
#Themeboxes {
  position: relative !important;
  width: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
}

/* MONSTER OF THE DAY: fica acima do ranking, mas fora do fluxo vertical */
#Themeboxes #RightArtwork.FuriaMonsterStage {
  position: absolute !important;
  top: -102px !important;
  left: 2px !important;
  right: auto !important;
  width: 176px !important;
  height: 102px !important;
  margin: 0 !important;
  z-index: 12 !important;
  pointer-events: none !important;
}

#Themeboxes #RightArtwork .FuriaMonsterDisplay {
  position: relative !important;
  width: 176px !important;
  height: 102px !important;
  margin: 0 !important;
}

/* O dragão pousa na plataforma */
#Themeboxes #RightArtwork .FuriaMonsterImageWrap {
  position: absolute !important;
  top: -14px !important;
  left: 46px !important;
  width: 84px !important;
  height: 72px !important;
  z-index: 7 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

#Themeboxes #RightArtwork #Monster.FuriaMonsterImage {
  max-width: 84px !important;
  max-height: 78px !important;
  filter:
    drop-shadow(0 3px 3px rgba(0,0,0,.95))
    drop-shadow(0 0 5px rgba(217,107,8,.28)) !important;
}

/* Pedestal novo: base claramente visível logo abaixo do monstro */
#Themeboxes #RightArtwork .FuriaPedestalTop {
  position: absolute !important;
  left: 22px !important;
  top: 47px !important;
  width: 132px !important;
  height: 18px !important;
  z-index: 6 !important;

  background:
    linear-gradient(180deg,#4a2a12 0%,#20130b 48%,#0b0705 100%) !important;
  border: 1px solid #b36f1e !important;
  border-bottom-color: #5b3514 !important;
  border-radius: 2px 2px 0 0 !important;
  clip-path: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,226,132,.15),
    inset 0 -4px 8px rgba(0,0,0,.66),
    0 3px 5px rgba(0,0,0,.76) !important;
}

#Themeboxes #RightArtwork .FuriaPedestalTop::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 4px !important;
  height: 2px !important;
  background:
    linear-gradient(90deg,transparent,#7b1d0c,#d96b08,#f3c34c,#d96b08,#7b1d0c,transparent) !important;
}

/* pequena coluna/pé central faz parecer um palanque real */
#Themeboxes #RightArtwork .FuriaPedestalTop::after {
  content: "" !important;
  position: absolute !important;
  left: 43px !important;
  right: 43px !important;
  top: 17px !important;
  height: 10px !important;
  background:
    linear-gradient(180deg,#23140a,#0d0805) !important;
  border-left: 1px solid #8e5519 !important;
  border-right: 1px solid #8e5519 !important;
}

/* Placa do nome diretamente abaixo da plataforma */
#Themeboxes #RightArtwork .FuriaPedestalBase {
  position: absolute !important;
  left: 10px !important;
  top: 72px !important;
  width: 156px !important;
  min-height: 29px !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;
  z-index: 5 !important;

  background:
    radial-gradient(circle at 50% -60%,rgba(217,107,8,.13),transparent 55%),
    linear-gradient(180deg,#21140b 0%,#100a07 52%,#060403 100%) !important;
  border: 1px solid #9b5e1c !important;
  border-radius: 2px !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.04),
    inset 0 0 10px rgba(0,0,0,.70),
    0 3px 7px rgba(0,0,0,.78) !important;
}

#Themeboxes #RightArtwork .FuriaPedestalBase::before,
#Themeboxes #RightArtwork .FuriaPedestalBase::after {
  display: none !important;
}

#Themeboxes #RightArtwork .FuriaPedestalName {
  min-height: 19px !important;
  padding: 2px 6px !important;
  color: #ffe59a !important;
  font: 700 10px/1.1 Georgia,"Times New Roman",serif !important;
  letter-spacing: .25px !important;
  background:
    linear-gradient(180deg,#321a0c 0%,#160c07 55%,#090504 100%) !important;
  border: 1px solid #704318 !important;
}

#Themeboxes #RightArtwork .FuriaPedestalGem {
  width: 9px !important;
  height: 9px !important;
  bottom: -5px !important;
}

/* ================================================================
   MESMO PADRÃO DE COR DO MENU ESQUERDO NAS CATEGORIAS DA DIREITA
   ================================================================ */

#Themeboxes #TopLvl,
#Themeboxes #Serverinfobox,
#Themeboxes #supportButton,
#Themeboxes #searchcharButton {
  width: 176px !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 50% -50%,rgba(217,107,8,.14),transparent 60%),
    linear-gradient(180deg,#24160c 0%,#130d08 48%,#070504 100%) !important;
  border: 1px solid #8d5418 !important;
  border-radius: 2px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,132,.07),
    inset 0 -1px 4px rgba(0,0,0,.82),
    0 2px 5px rgba(0,0,0,.66) !important;
}

/* filete superior igual às categorias do menu esquerdo */
#Themeboxes #TopLvl::before,
#Themeboxes #Serverinfobox::before,
#Themeboxes #supportButton::before,
#Themeboxes #searchcharButton::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  right: 6px !important;
  top: 3px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg,transparent,#8b5218,#e48616,#ffcf51,#e48616,#8b5218,transparent) !important;
  opacity: .88 !important;
  z-index: 5 !important;
}

/* títulos de categoria direita com o mesmo esquema */
#Themeboxes .furia-side-card-title,
#Themeboxes #TopLvl .TopLvl_title,
#Themeboxes #Serverinfobox .furia-side-card-title,
#Themeboxes #searchcharButton .furia-side-card-title {
  color: #ffe59a !important;
  background:
    linear-gradient(180deg,#2d1a0d 0%,#160d08 54%,#080504 100%) !important;
  border-bottom: 1px solid #704318 !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 4px rgba(217,107,8,.18) !important;
}

/* TOP 5: mantém espaço para 5 jogadores e título no topo */
#Themeboxes #TopLvl.furia-rank-card {
  min-height: 344px !important;
  height: 344px !important;
  overflow: hidden !important;
}

#Themeboxes #TopLvl .furia-rank-list {
  min-height: 292px !important;
  padding: 4px 8px 8px !important;
}

#Themeboxes #TopLvl .furia-rank-row {
  min-height: 56px !important;
  height: 56px !important;
}

/* SERVER INFO */
#Themeboxes #Serverinfobox {
  min-height: 112px !important;
}

/* SUPORTE: card completo, igual categoria do menu esquerdo */
#Themeboxes #supportButton {
  position: relative !important;
  min-height: 58px !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffe59a !important;
  font: 700 13px Georgia,"Times New Roman",serif !important;
  text-shadow: 1px 1px 2px #000 !important;
}

#Themeboxes #supportButton span {
  color: #ffe59a !important;
}

/* CHARACTER SEARCH */
#Themeboxes #searchcharButton {
  min-height: 140px !important;
}

/* espaçamento consistente entre todos os cards */
#Themeboxes > *:not(#RightArtwork) {
  margin: 0 !important;
}



/* ================================================================
   FURIA GLOBAL V18 — ALINHAMENTO BASEADO NO MOCKUP APROVADO
   Eixos reais do AAC:
   - MainHelper2 adiciona 155px de topo ao conteúdo central
   - Menu esquerdo começa em top:160px
   - Portanto a coluna direita também deve começar em top:160px
   ================================================================ */

/* GRID: três colunas começando na mesma linha visual */
#Bodycontainer {
  width: 100% !important;
  min-width: 1000px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: table !important;
}

#MenuColumn {
  position: absolute !important;
  top: 160px !important;
  width: 180px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#ContentColumn {
  margin: 0 205px !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

#ThemeboxesColumn {
  position: absolute !important;
  top: 160px !important;
  right: 0 !important;

  width: 180px !important;
  margin-top: 0 !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

/* coluna direita em fluxo natural: Monster -> Top 5 -> Server -> Support -> Search */
#Themeboxes {
  position: relative !important;
  width: 180px !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;

  box-sizing: border-box !important;
}

#Themeboxes > * {
  flex: 0 0 auto !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ================================================================
   MONSTER OF THE DAY — CARD QUADRADO NO MESMO PADRÃO DO MOCKUP
   O <img> continua apontando para $urlmonster, então GIFs continuam animados.
   ================================================================ */

#Themeboxes #RightArtwork.FuriaMonsterStage {
  position: relative !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;

  width: 176px !important;
  height: 218px !important;
  margin: 0 !important;
  padding: 0 !important;

  background:
    radial-gradient(circle at 50% 10%, rgba(217,107,8,.13), transparent 48%),
    linear-gradient(180deg,#21140b 0%,#100b08 52%,#070504 100%) !important;

  border: 1px solid #8d5418 !important;
  border-radius: 2px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,226,132,.07),
    inset 0 -1px 4px rgba(0,0,0,.82),
    0 2px 5px rgba(0,0,0,.66) !important;

  overflow: hidden !important;
  z-index: 5 !important;
}

/* filete igual ao menu esquerdo */
#Themeboxes #RightArtwork.FuriaMonsterStage::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  right: 6px !important;
  top: 3px !important;
  height: 1px !important;
  z-index: 20 !important;
  background:
    linear-gradient(90deg,transparent,#8b5218,#e48616,#ffcf51,#e48616,#8b5218,transparent) !important;
}

/* título pequeno */
#Themeboxes .FuriaMonsterStageTitle {
  position: relative !important;
  z-index: 10 !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 6px !important;
  box-sizing: border-box !important;

  color: #ffe59a !important;
  font: 700 11px/30px Georgia,"Times New Roman",serif !important;
  text-align: center !important;
  letter-spacing: .3px !important;

  background:
    linear-gradient(180deg,#2d1a0d 0%,#160d08 54%,#080504 100%) !important;
  border-bottom: 1px solid #704318 !important;
  text-shadow: 1px 1px 2px #000 !important;
}

/* a área útil do card */
#Themeboxes #RightArtwork .FuriaMonsterDisplay {
  position: relative !important;
  width: 174px !important;
  height: 187px !important;
  margin: 0 auto !important;
}

/* quadrado visual */
#Themeboxes #RightArtwork .FuriaMonsterDisplay::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 8px !important;
  width: 154px !important;
  height: 134px !important;

  background:
    radial-gradient(circle at 50% 42%,rgba(217,107,8,.12),transparent 60%),
    linear-gradient(180deg,#0b0806,#050403) !important;

  border: 1px solid #9a5d18 !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.035),
    inset 0 0 18px rgba(0,0,0,.70) !important;
}

/* GIF real do monstro: NÃO convertemos nem trocamos o arquivo */
#Themeboxes #RightArtwork .FuriaMonsterImageWrap {
  position: absolute !important;
  top: 16px !important;
  left: 17px !important;
  width: 140px !important;
  height: 118px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 8 !important;
}

#Themeboxes #RightArtwork #Monster.FuriaMonsterImage {
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: 118px !important;
  max-height: 110px !important;

  object-fit: contain !important;
  image-rendering: auto !important;

  filter:
    drop-shadow(0 4px 4px rgba(0,0,0,.95))
    drop-shadow(0 0 5px rgba(217,107,8,.28)) !important;
}

/* no novo conceito não usamos o pedestal antigo */
#Themeboxes #RightArtwork .FuriaPedestalTop,
#Themeboxes #RightArtwork .FuriaPedestalGem,
#Themeboxes #RightArtwork .FuriaMonsterAura {
  display: none !important;
}

/* nome abaixo do quadrado, como no mockup */
#Themeboxes #RightArtwork .FuriaPedestalBase {
  position: absolute !important;
  left: 10px !important;
  top: 151px !important;

  width: 154px !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  background:
    linear-gradient(180deg,#321a0c 0%,#160c07 55%,#090504 100%) !important;
  border: 1px solid #9a5d18 !important;
  border-radius: 2px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.07),
    0 2px 4px rgba(0,0,0,.66) !important;

  z-index: 9 !important;
}

#Themeboxes #RightArtwork .FuriaPedestalBase::before,
#Themeboxes #RightArtwork .FuriaPedestalBase::after {
  display: none !important;
}

#Themeboxes #RightArtwork .FuriaPedestalName {
  width: 100% !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffe59a !important;
  font: 700 11px/1.1 Georgia,"Times New Roman",serif !important;
  letter-spacing: .25px !important;
  text-align: center !important;
  text-transform: uppercase !important;

  background: transparent !important;
  border: 0 !important;
  text-shadow: 1px 1px 2px #000 !important;
}

#Themeboxes #RightArtwork .FuriaPedestalName::before,
#Themeboxes #RightArtwork .FuriaPedestalName::after {
  content: "◆" !important;
  color: #d58b25 !important;
  font-size: 6px !important;
  margin: 0 6px !important;
}

/* ================================================================
   RESTANTE DA DIREITA — MESMO EIXO/LARGURA DO MOCKUP
   ================================================================ */

#Themeboxes #TopLvl,
#Themeboxes #Serverinfobox,
#Themeboxes #supportButton,
#Themeboxes #searchcharButton,
#Themeboxes .furia-widget-link {
  width: 176px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Top 5 realmente comporta 5 jogadores */
#Themeboxes #TopLvl.furia-rank-card {
  position: relative !important;
  top: 0 !important;
  width: 176px !important;
  height: 344px !important;
  min-height: 344px !important;
  max-height: 344px !important;
  overflow: hidden !important;
}

#Themeboxes #TopLvl .furia-rank-list {
  height: 308px !important;
  min-height: 308px !important;
  padding: 4px 8px 8px !important;
  box-sizing: border-box !important;
}

#Themeboxes #TopLvl .furia-rank-row {
  height: 56px !important;
  min-height: 56px !important;
}

/* outros cards */
#Themeboxes #Serverinfobox {
  min-height: 112px !important;
}

#Themeboxes #supportButton {
  height: 58px !important;
  min-height: 58px !important;
}

#Themeboxes #searchcharButton {
  min-height: 140px !important;
  height: auto !important;
}

/* topo esquerdo / centro: mantém o padrão natural do AAC */
#PlayersOnline {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

#Loginbox {
  margin-bottom: 10px !important;
}

.SmallMenuBox {
  margin-bottom: 10px !important;
}



/* ================================================================
   FURIA GLOBAL V19
   POSIÇÃO DA COLUNA DIREITA RESTAURADA EXATAMENTE AO PADRÃO V14.
   IMPORTANTE: altera apenas o posicionamento externo de ThemeboxesColumn.
   Monster V18, GIF animado, Top 5 e demais estilos permanecem intactos.
   ================================================================ */
#ThemeboxesColumn {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 180px !important;

  margin-top: 0 !important;
  margin-left: 15px !important;
  margin-right: -190px !important;
  padding-top: 0 !important;

  box-sizing: border-box !important;
  display: block !important;
}

/* Mantém a pilha interna nova sem alterar a posição V14 da coluna. */
#Themeboxes {
  width: 180px !important;
  margin: 0 !important;
}


/* ================================================================
   FURIA GLOBAL V20 — MOCKUP COMPLETO
   Mantém a posição da direita da V14/V19 e aplica os ajustes pedidos.
   ================================================================ */

/* -------- MENU ESQUERDO: 10px MAIS ALTO -------- */
#MenuColumn {
  top: 150px !important; /* original/V19: 160px */
}

/* My Account + Download: 4px para a direita */
#Loginbox {
  left: 6px !important;
}

.SmallMenuBox {
  left: 6px !important;
}

/* Mantém o menu de categorias no eixo principal */
#Menu {
  left: 2px !important;
}

/* -------- LOGO --------
   Acompanha o MenuColumn 10px para cima e mantém proporção do mockup.
*/
#TibiaLogoArtworkTop {
  width: 190px !important;
  height: auto !important;
  max-height: 150px !important;
  top: -16px !important;
  left: -10px !important;
}

/* -------- BARRA CAST / TWITCH / YOUTUBE --------
   Pequeno refinamento de alinhamento horizontal do mockup.
*/
#PlayersOnline.FuriaTopBar {
  position: relative !important;
  left: 2px !important;
  width: calc(100% - 2px) !important;
}

/* -------- REMOVE "SERVER STARTED!" -------- */
#tkn-countdown,
.tkn-countdown,
[id*="countdown"][class*="tkn"],
.FuriaServerStarted {
  display: none !important;
}

/* ================================================================
   DISCORD + WHATSAPP NO PADRÃO FURIA GLOBAL
   ================================================================ */

#FuriaSocialTop {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: 610px !important;
  height: 66px !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 112px !important;

  z-index: 10000 !important;
  pointer-events: none !important;
}

/* card base */
#FuriaSocialTop .FuriaSocialCard {
  position: relative !important;
  pointer-events: auto !important;

  width: 190px !important;
  height: 52px !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;

  padding: 6px 10px 6px 48px !important;

  color: #f5f1eb !important;
  text-decoration: none !important;

  background:
    radial-gradient(circle at 50% -70%, rgba(217,107,8,.14), transparent 55%),
    linear-gradient(180deg,#21140b 0%,#100b08 54%,#070504 100%) !important;

  border: 1px solid #9a5d18 !important;
  border-radius: 3px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,226,132,.08),
    inset 0 -1px 4px rgba(0,0,0,.80),
    0 4px 10px rgba(0,0,0,.72) !important;

  transition:
    border-color .15s ease,
    background .15s ease,
    transform .15s ease !important;
}

/* filete ouro/brasa */
#FuriaSocialTop .FuriaSocialCard::before {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  right: 7px !important;
  top: 3px !important;
  height: 1px !important;

  background:
    linear-gradient(90deg,
      transparent,
      #7b1d0c,
      #d96b08,
      #f3c34c,
      #d96b08,
      #7b1d0c,
      transparent) !important;

  opacity: .88 !important;
}

#FuriaSocialTop .FuriaSocialCard:hover {
  border-color: #d28b27 !important;
  background:
    radial-gradient(circle at 50% -60%, rgba(243,195,76,.17), transparent 58%),
    linear-gradient(180deg,#2b170b 0%,#140b07 54%,#070504 100%) !important;
  transform: translateY(1px) !important;
}

/* ícones menores e mais harmoniosos */
#FuriaSocialTop .FuriaSocialIcon {
  position: absolute !important;
  left: 9px !important;
  top: 8px !important;

  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;

  border-radius: 50% !important;

  filter:
    saturate(.88)
    brightness(.98)
    drop-shadow(0 2px 2px rgba(0,0,0,.90))
    drop-shadow(0 0 3px rgba(217,107,8,.18)) !important;
}

/* texto */
#FuriaSocialTop .FuriaSocialText {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  width: 128px !important;
  min-width: 0 !important;

  color: #f4efe7 !important;
  font-family: Verdana, Arial, sans-serif !important;
  text-shadow: 1px 1px 1px #000 !important;
}

#FuriaSocialTop .FuriaSocialText strong {
  color: #fff0ad !important;
  font-size: 11px !important;
  line-height: 14px !important;
  white-space: nowrap !important;
}

#FuriaSocialTop .FuriaSocialText small {
  color: #e4ddd2 !important;
  font-size: 9px !important;
  line-height: 12px !important;
  white-space: nowrap !important;
}

#FuriaSocialTop .FuriaSocialText b {
  color: #f3c34c !important;
  font-weight: 700 !important;
}

/* um detalhe sutil específico por serviço, sem fugir da paleta */
#FuriaSocialTop .FuriaDiscordCard .FuriaSocialIcon {
  box-shadow: 0 0 0 1px rgba(243,195,76,.15) !important;
}

#FuriaSocialTop .FuriaWhatsappCard .FuriaSocialIcon {
  box-shadow: 0 0 0 1px rgba(243,195,76,.15) !important;
}

/* -------- ESPAÇAMENTOS DO MOCKUP -------- */
#Loginbox {
  margin-bottom: 10px !important;
}

.SmallMenuBox {
  margin-bottom: 10px !important;
}

#PlayersOnline {
  margin-bottom: 10px !important;
}

#Themeboxes {
  gap: 10px !important;
}

/* Mantém DIREITA exatamente no alinhamento V14/V19 */
#ThemeboxesColumn {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 180px !important;
  margin-top: 0 !important;
  margin-left: 15px !important;
  margin-right: -190px !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
}



/* ================================================================
   FURIA GLOBAL V21 — PÁGINAS INTERNAS NO MESMO VISUAL DO FEATURED ARTICLE
   Escopo solicitado:
   Forum / Account / Library / Wars / Events / Support / Shop
   ================================================================ */

/* Lista exata de shells que recebem o visual Featured Article */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) {
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 10px !important;
  padding: 0 !important;

  background: #070605 !important;
  border: 1px solid #a5651c !important;
  border-radius: 2px !important;

  box-shadow:
    0 4px 10px rgba(0,0,0,.80),
    inset 0 0 0 1px rgba(243,195,76,.035) !important;
}

/* Doação é action de accountmanagement e também entra no mesmo padrão */
#NewsArchive.furia-shell-accountmanagement.furia-shell-action-donate {
  background: #070605 !important;
  border: 1px solid #a5651c !important;
}

/* Remove cantos / molduras prateadas antigas APENAS nessas páginas */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) > .Corner-tl,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) > .Corner-tr,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) > .CornerWrapper-b,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) > .Border_1 {
  display: none !important;
}

/* Cabeçalho igual ao Featured Article */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) > .BorderTitleText {
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;

  background-image: none !important;
  background:
    linear-gradient(180deg,#40230f 0%,#1d1109 55%,#080605 100%) !important;

  border: 0 !important;
  border-bottom: 1px solid #9a5d18 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,225,132,.08),
    inset 0 -2px 5px rgba(0,0,0,.62) !important;
}

/* Título principal */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) > #ContentBoxHeadline {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 5 !important;

  width: 100% !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;

  color: #ffe59a !important;
  font: 700 23px/36px Georgia,"Times New Roman",serif !important;
  letter-spacing: .1px !important;
  text-align: left !important;

  text-shadow:
    1px 1px 2px #000,
    0 0 6px rgba(217,107,8,.25) !important;
}

/* Wrappers transparentes */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) > .Border_2,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) > .Border_2 > .Border_3 {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
}

/* Painel interno igual ao corpo do Featured Article */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent {
  width: calc(100% - 12px) !important;
  min-height: 160px !important;
  margin: 6px !important;
  padding: 12px !important;
  box-sizing: border-box !important;

  background-image: none !important;
  background:
    radial-gradient(circle at 50% -25%,rgba(123,29,12,.08),transparent 42%),
    linear-gradient(180deg,#17100b 0%,#0b0806 52%,#070504 100%) !important;

  border: 1px solid #9a5d18 !important;
  border-radius: 0 !important;

  box-shadow:
    inset 0 0 0 1px rgba(243,195,76,.025),
    inset 0 0 16px rgba(0,0,0,.58) !important;

  color: #f5f2ed !important;
}

/* Texto branco/claro como no Featured Article */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent p,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent td,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent span {
  color: #f5f2ed !important;
}

/* Destaques */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent b,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent strong {
  color: #ffe59a !important;
}

/* Subcaixas/tabelas: mesma linguagem do Featured Article, sem prata/bege */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .TableContainer {
  background: #0a0705 !important;
  border: 1px solid #7f4d18 !important;
  box-shadow: none !important;
}

#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .CaptionContainer,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .TableHeadline,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .TableSubHeader {
  background-image: none !important;
  background:
    linear-gradient(180deg,#28180d 0%,#130c08 58%,#080504 100%) !important;
  border-color: #7f4d18 !important;
  color: #ffe59a !important;
}

/* células */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent td {
  background-color: #100b08 !important;
  border-color: #4f3016 !important;
}

/* inputs/botões no mesmo tom */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) input[type="text"],
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) input[type="password"],
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) textarea,
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) select {
  background: #080605 !important;
  color: #f5f2ed !important;
  border: 1px solid #825019 !important;
}

/* links dourados */
#NewsArchive:is(
  .furia-shell-forum,
  .furia-shell-accountmanagement,
  .furia-shell-adminpanel,
  .furia-shell-downloadclient,
  .furia-shell-lostaccount,
  .furia-shell-raids,
  .furia-shell-experiencetable,
  .furia-shell-reward,
  .furia-shell-umbral,
  .furia-shell-item_custom,
  .furia-shell-serverinfo,
  .furia-shell-privatewar,
  .furia-shell-guildwars,
  .furia-shell-citywar,
  .furia-shell-battlefield,
  .furia-shell-snowball,
  .furia-shell-BomberMan,
  .furia-shell-bomberman,
  .furia-shell-tibiarules,
  .furia-shell-support,
  .furia-shell-ticket,
  .furia-shell-shop
) .FuriaPageContent a {
  color: #efbd4c !important;
}



/* ================================================================
   FURIA GLOBAL V22 — TIPOGRAFIA PADRONIZADA DOS DOIS MENUS
   Referência: letras medievais das categorias do menu esquerdo.
   ================================================================ */

:root {
  --furia-menu-font: "MedievalSharp", Georgia, "Times New Roman", serif;
}

/* ---------------- MENU ESQUERDO INTEIRO ---------------- */
#MenuColumn,
#MenuColumn button,
#MenuColumn input,
#MenuColumn .SubmenuitemLabel,
#MenuColumn .Loginstatus,
#MenuColumn .LoginstatusText {
  font-family: var(--furia-menu-font) !important;
}

/* Categorias principais deixam de depender da imagem de texto e passam
   a usar a mesma tipografia em texto real, preservando os GIFs dourados. */
#Menu .MenuButton .Label {
  background-image: none !important;
  background: none !important;

  top: 6px !important;
  left: 43px !important;
  width: 120px !important;
  height: 25px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffe59a !important;
  font-family: var(--furia-menu-font) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: .1px !important;

  text-shadow:
    1px 1px 2px #000,
    0 0 3px rgba(217,107,8,.22) !important;

  filter: none !important;
}

/* Nomes das categorias */
#news_Label::after      { content: "News"; }
#community_Label::after { content: "Community"; }
#forum_Label::after     { content: "Forum"; }
#account_Label::after   { content: "Account"; }
#library_Label::after   { content: "Library"; }
#wars_Label::after      { content: "Wars"; }
#events_Label::after    { content: "Events"; }
#support_Label::after   { content: "Support"; }
#shop_Label::after      { content: "Shop"; }

/* Subcategorias */
#Menu .SubmenuitemLabel {
  color: #f3eee6 !important;
  font-family: var(--furia-menu-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  letter-spacing: .05px !important;
  text-shadow: 1px 1px 1px #000 !important;
}

#Menu .Submenuitem:hover .SubmenuitemLabel,
#Menu .Submenu a:hover .SubmenuitemLabel {
  color: #fff0ad !important;
}

/* [new] também segue a tipografia */
#Menu .SubmenuitemLabel font {
  font-family: var(--furia-menu-font) !important;
  font-size: 11px !important;
}

/* MY ACCOUNT e DOWNLOAD */
#Loginbox .MediumButtonBackground::after {
  font-family: var(--furia-menu-font) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: .15px !important;
  color: #ffe59a !important;
  text-shadow:
    1px 1px 2px #000,
    0 0 3px rgba(217,107,8,.20) !important;
}

/* Logout / Create Account etc. */
#Loginbox .LoginstatusText,
#Loginbox #LoginstatusText,
#Loginbox .Loginstatus {
  font-family: var(--furia-menu-font) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* ---------------- MENU DIREITO INTEIRO ---------------- */
#Themeboxes,
#Themeboxes * {
  font-family: var(--furia-menu-font) !important;
}

/* Monster of the Day */
#Themeboxes .FuriaMonsterStageTitle {
  font-family: var(--furia-menu-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: .1px !important;
}

#Themeboxes .FuriaPedestalName {
  font-family: var(--furia-menu-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: .1px !important;
}

/* Cabeçalhos dos cards direitos */
#Themeboxes .furia-side-card-title,
#Themeboxes #TopLvl .TopLvl_title,
#Themeboxes #Serverinfobox .furia-side-card-title,
#Themeboxes #searchcharButton .furia-side-card-title {
  font-family: var(--furia-menu-font) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .05px !important;
}

/* Ranking Top 5 */
#Themeboxes #TopLvl,
#Themeboxes #TopLvl div,
#Themeboxes #TopLvl span,
#Themeboxes #TopLvl b,
#Themeboxes #TopLvl strong {
  font-family: var(--furia-menu-font) !important;
}

#Themeboxes #TopLvl .furia-rank-row {
  font-size: 12px !important;
}

#Themeboxes #TopLvl .furia-rank-name,
#Themeboxes #TopLvl b,
#Themeboxes #TopLvl strong {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #ffe59a !important;
}

/* Server Info */
#Themeboxes #Serverinfobox,
#Themeboxes #Serverinfobox * {
  font-family: var(--furia-menu-font) !important;
}

#Themeboxes #Serverinfobox {
  font-size: 12px !important;
}

#Themeboxes #Serverinfobox b,
#Themeboxes #Serverinfobox strong {
  font-size: 15px !important;
  font-weight: 400 !important;
}

/* Suporte */
#Themeboxes #supportButton,
#Themeboxes #supportButton span {
  font-family: var(--furia-menu-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

/* Character Search */
#Themeboxes #searchcharButton,
#Themeboxes #searchcharButton input,
#Themeboxes #searchcharButton button {
  font-family: var(--furia-menu-font) !important;
}

#Themeboxes #searchcharButton input {
  font-size: 12px !important;
}

#Themeboxes #searchcharButton button {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Garante consistência de caixa alta sem deformar a fonte */
#Themeboxes .furia-side-card-title,
#Themeboxes .FuriaMonsterStageTitle {
  text-transform: uppercase !important;
}

/* Evita que fontes antigas em widgets sobrescrevam o padrão */
#Themeboxes [style*="font-family"],
#MenuColumn [style*="font-family"] {
  font-family: var(--furia-menu-font) !important;
}


/* ================================================================
   FURIA GLOBAL V23 — DESKTOP WIDE / CONTEÚDO / SIDEBAR DINÂMICA
   Objetivos:
   - aproveitar melhor monitores largos sem descaracterizar o AAC clássico;
   - aumentar a área útil das páginas internas;
   - eliminar o grande vazio do Top Experience quando houver poucos players;
   - melhorar leitura de tabelas/formulários e manter compatibilidade desktop.
   ================================================================ */

/* 1) Mais área útil em telas grandes.
   O limite antigo de 1200px deixava muito cenário sem uso em 1600/1920px. */
@media (min-width: 1500px) {
  #Bodycontainer {
    max-width: 1380px !important;
  }
}

/* Em resoluções desktop médias mantém uma progressão conservadora. */
@media (min-width: 1280px) and (max-width: 1499px) {
  #Bodycontainer {
    max-width: 1240px !important;
  }
}

/* 2) Conteúdo central: usa a largura extra sem alterar as laterais. */
#ContentColumn {
  min-width: 0 !important;
}

#ContentColumn .Content,
#ContentColumn .FuriaMainContentBox,
#ContentColumn .FuriaPageContent {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Páginas longas ficam mais legíveis e não estouram a coluna. */
#ContentColumn .FuriaPageContent {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

#ContentColumn .FuriaPageContent table {
  max-width: 100% !important;
}

#ContentColumn .FuriaPageContent img,
#ContentColumn .FuriaPageContent iframe,
#ContentColumn .FuriaPageContent video {
  max-width: 100% !important;
}

/* Tabelas antigas continuam inteiras quando realmente precisarem ser largas. */
#ContentColumn .FuriaPageContent .TableContainer,
#ContentColumn .FuriaPageContent .InnerTableContainer {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 3) Top Experience com altura baseada no conteúdo real.
   Antes ficava travado em 344px mesmo com apenas 1 jogador. */
#Themeboxes #TopLvl.furia-rank-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

#Themeboxes #TopLvl .furia-rank-list {
  height: auto !important;
  min-height: 0 !important;
  padding: 4px 8px 8px !important;
}

#Themeboxes #TopLvl .furia-rank-row {
  height: 56px !important;
  min-height: 56px !important;
}

/* Mantém uma base visual bonita mesmo caso a consulta não retorne ninguém. */
#Themeboxes #TopLvl .furia-rank-list:empty {
  min-height: 18px !important;
}

/* 4) Refinamento do espaçamento vertical da coluna direita. */
#Themeboxes {
  gap: 9px !important;
}

#Themeboxes #Serverinfobox {
  min-height: 104px !important;
}

/* 5) Formulários e tabelas das páginas Featured/V21 ganham respiro em telas largas. */
@media (min-width: 1500px) {
  #NewsArchive .FuriaPageContent {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #NewsArchive .FuriaPageContent td,
  #NewsArchive .FuriaPageContent th {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* 6) Segurança de layout: dispositivos/desktop menores continuam no comportamento V22. */
@media (max-width: 1279px) {
  #Bodycontainer {
    max-width: 1200px !important;
  }
}

/* ==========================================================
   FURIA GLOBAL V23.1 — HOTFIX MY ACCOUNT / DOWNLOAD
   Mantem os botoes superiores independentes das regras antigas.
   ========================================================== */
#Loginbox #LoginButtonContainer {
  position: relative !important;
  display: block !important;
  width: 160px !important;
  height: 43px !important;
  overflow: visible !important;
}
#Loginbox #PlayNowContainer {
  position: relative !important;
  display: block !important;
  left: 5px !important;
  top: 2px !important;
  width: 150px !important;
  height: 34px !important;
}
#Loginbox #PlayNowContainer form.MediumButtonForm {
  display: block !important;
  width: 150px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}
#Loginbox #PlayNowContainer .MediumButtonBackground {
  position: relative !important;
  display: block !important;
  width: 150px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background-image: none !important;
  background: linear-gradient(180deg,#79310f 0%,#4b1b09 48%,#1b0a05 100%) !important;
  border: 1px solid #c98525 !important;
  border-radius: 3px !important;
  box-shadow: inset 0 1px 0 rgba(255,225,132,.28), inset 0 -2px 5px rgba(0,0,0,.62), 0 2px 5px rgba(0,0,0,.9), 0 0 6px rgba(217,107,8,.18) !important;
}
#Loginbox #PlayNowContainer .MediumButtonBackground:hover {
  background: linear-gradient(180deg,#963f12 0%,#5b2109 48%,#211006 100%) !important;
  border-color: #efb13a !important;
  box-shadow: inset 0 1px 0 rgba(255,235,165,.35), inset 0 -2px 5px rgba(0,0,0,.58), 0 2px 5px rgba(0,0,0,.9), 0 0 9px rgba(217,107,8,.34) !important;
}
#Loginbox #PlayNowContainer .MediumButtonOver {
  display: none !important;
  background: none !important;
}
#Loginbox #PlayNowContainer .MediumButtonText {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 150px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  z-index: 10 !important;
  cursor: pointer !important;
}
#Loginbox #PlayNowContainer .MediumButtonBackground::after {
  content: "MY ACCOUNT" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
  pointer-events: none !important;
  font-family: var(--furia-menu-font), Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 34px !important;
  letter-spacing: .15px !important;
  color: #ffe59a !important;
  text-shadow: 1px 1px 2px #000, 0 0 3px rgba(217,107,8,.22) !important;
}

/* Download recebe a mesma moldura, sem depender do CSS do Loginbox. */
.SmallMenuBox #PlayNowContainer .MediumButtonBackground {
  background-image: none !important;
}

/* ================================================================
   FURIA GLOBAL V23.4 — HOTFIX SUBTITULOS SEM FUNDO MARROM
   Remove somente o preenchimento marrom aplicado atras dos titulos
   e subtitulos da area central. Mantem texto, bordas e estrutura.
   ================================================================ */

/* O texto do titulo/subtitulo nunca deve carregar um bloco de fundo proprio. */
#ContentColumn .Content .AACHeadlineText,
#ContentColumn .Content .Headline,
#ContentColumn .Content .BoxHeadline,
#ContentColumn .ContentBoxHeadline,
#ContentColumn #ContentBoxHeadline,
#ContentColumn .FuriaPageContent h1,
#ContentColumn .FuriaPageContent h2,
#ContentColumn .FuriaPageContent h3,
#ContentColumn .FuriaPageContent h4,
#ContentColumn .FuriaPageContent h5,
#ContentColumn .FuriaPageContent h6 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Barras de subtitulo da Home (ex.: Featured Article / News Ticker):
   deixa apenas a moldura/separacao dourada, sem o retangulo marrom. */
#ContentColumn #NewsTicker .FuriaCentralTitleBar,
#ContentColumn #FeaturedArticle .FuriaCentralTitleBar,
#ContentColumn .FuriaCentralTitleBar {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Subtitulos internos que usam os wrappers antigos do AAC. */
#ContentColumn .Content .TableSubHeader,
#ContentColumn .FuriaPageContent .TableSubHeader {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* ==========================================================
   FURIA GLOBAL V23.6 — LOGO + ACCOUNT
   Centraliza o logo sobre o bloco Account e aproxima os dois.
   ========================================================== */
#LeftArtwork #TibiaLogoArtworkTop {
  width: 190px !important;
  height: auto !important;
  max-height: 150px !important;
  left: 50% !important;
  right: auto !important;
  top: -6px !important;
  transform: translateX(-50%) !important;
}

/* O botao superior passa a exibir apenas ACCOUNT. */
#Loginbox form[action*="accountmanagement"] .MediumButtonBackground::after,
#Loginbox #PlayNowContainer .MediumButtonBackground::after {
  content: "ACCOUNT" !important;
}

/* ==========================================================
   FURIA GLOBAL V23.7 — AJUSTES FINOS DE POSICIONAMENTO
   ========================================================== */
/* Logo: 10px mais baixa e 4px para a direita em relacao a V23.6. */
#LeftArtwork #TibiaLogoArtworkTop {
  top: 4px !important;
  left: calc(50% + 4px) !important;
  transform: translateX(-50%) !important;
}

/* Menu de categorias abaixo do Download: 4px para a direita. */
#Menu {
  left: 6px !important;
}

/* Download com exatamente a mesma familia/peso/tamanho visual do ACCOUNT. */
.SmallMenuBox .MediumButtonBackground::before {
  font-family: var(--furia-menu-font), Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 40px !important;
  letter-spacing: .15px !important;
}

/* Discord e WhatsApp: 20px mais baixos. */
#FuriaSocialTop {
  top: 20px !important;
}

/* ==========================================================
   FURIA GLOBAL V23.8 — ALINHAMENTOS FINAIS
   Ajustes solicitados sobre a V23.7.
   ========================================================== */

/* Logo: mais 4px para a direita, mantendo a altura atual. */
#LeftArtwork #TibiaLogoArtworkTop {
  left: calc(50% + 8px) !important;
}

/* Account, Download e menu de categorias: 2px para cima,
   sem mover a logo. */
#Loginbox,
.SmallMenuBox,
#Menu {
  transform: translateY(-2px) !important;
}

/* Discord + WhatsApp: mais 20px para baixo. */
#FuriaSocialTop {
  top: 40px !important;
}

/* Barra CAST / Twitch / YouTube / Downloads / Players Online:
   desloca o conjunto inteiro 4px para a direita. */
#PlayersOnline.FuriaTopBar {
  left: 6px !important;
}

/* Caixa externa de Download com a mesma cor/acabamento do Account. */
.SmallMenuBox {
  background: linear-gradient(180deg,#20130b,#080605) !important;
  border: 1px solid #925817 !important;
  border-radius: 2px !important;
  box-shadow: inset 0 0 15px rgba(0,0,0,.8),0 4px 9px #000 !important;
}

/* ================================================================
   FURIA GLOBAL V25 — SUBTOPICS UNIFICADOS + TOP 5 PIXEL ART
   Referencia visual: pagina Raids. Padroniza todas as paginas
   centrais, remove assets cinza/prata de moldura e corrige Latest News.
   ================================================================ */

/* ---------- SHELL CENTRAL: MESMA LEITURA VISUAL DE RAIDS ---------- */
#ContentColumn #NewsArchive.FuriaMainContentBox {
  position: relative !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* remove as molduras antigas cinza/prata e deixa a estrutura CSS dourada assumir */
#ContentColumn #NewsArchive.FuriaMainContentBox > .Corner-tl,
#ContentColumn #NewsArchive.FuriaMainContentBox > .Corner-tr,
#ContentColumn #NewsArchive.FuriaMainContentBox > .CornerWrapper-b,
#ContentColumn #NewsArchive.FuriaMainContentBox > .Border_1,
#ContentColumn #NewsArchive.FuriaMainContentBox > .BorderTitleText {
  background-image: none !important;
}
#ContentColumn #NewsArchive.FuriaMainContentBox > .Corner-tl,
#ContentColumn #NewsArchive.FuriaMainContentBox > .Corner-tr,
#ContentColumn #NewsArchive.FuriaMainContentBox > .CornerWrapper-b,
#ContentColumn #NewsArchive.FuriaMainContentBox > .Border_1 {
  display: none !important;
}

/* titulo principal — faixa escura/marrom com a mesma linguagem de Raids */
#ContentColumn #NewsArchive.FuriaMainContentBox > #ContentBoxHeadline {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 6px 14px !important;
  box-sizing: border-box !important;
  color: #ffe69b !important;
  background:
    linear-gradient(180deg, rgba(86,43,13,.93) 0%, rgba(42,19,8,.97) 48%, rgba(18,10,6,.99) 100%) !important;
  border: 1px solid #a76517 !important;
  border-top-color: #dc9328 !important;
  border-bottom-color: #6c3e10 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,139,.16),
    inset 0 -8px 16px rgba(0,0,0,.28),
    0 2px 5px rgba(0,0,0,.78) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  letter-spacing: .15px !important;
  text-shadow: 1px 2px 2px #000, 0 0 4px rgba(217,107,8,.35) !important;
}
#ContentColumn #NewsArchive.FuriaMainContentBox > #ContentBoxHeadline::after {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  right: 7px !important;
  bottom: 3px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #6f4516 8%, #d88920 50%, #6f4516 92%, transparent) !important;
  opacity: .78 !important;
}

/* conteudo externo vira um grande painel preto com borda dourada */
#ContentColumn #NewsArchive.FuriaMainContentBox > .Border_2,
#ContentColumn #NewsArchive.FuriaMainContentBox > .Border_2 > .Border_3 {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
}
#ContentColumn #NewsArchive .FuriaPageContent {
  position: relative !important;
  width: 100% !important;
  min-height: 120px !important;
  margin: 0 !important;
  padding: 12px 12px 14px !important;
  box-sizing: border-box !important;
  color: #f4ead8 !important;
  background:
    radial-gradient(circle at 50% -15%, rgba(117,54,12,.13), transparent 38%),
    linear-gradient(180deg, #120c08 0%, #080604 28%, #050403 100%) !important;
  border: 1px solid #8e5517 !important;
  box-shadow:
    inset 0 0 0 1px rgba(240,177,53,.05),
    inset 0 0 24px rgba(0,0,0,.68),
    0 2px 6px rgba(0,0,0,.72) !important;
}

/* ---------- QUADROS, CAPTIONS E SUBTITULOS ---------- */
#ContentColumn .FuriaPageContent .TableContainer,
#ContentColumn .FuriaPageContent .InnerTableContainer,
#ContentColumn .FuriaPageContent .TableContentContainer,
#ContentColumn .FuriaPageContent .SmallBox,
#ContentColumn .FuriaPageContent .Message,
#ContentColumn .FuriaPageContent fieldset {
  background: #090604 !important;
  background-image: none !important;
  border-color: #754512 !important;
  box-shadow: inset 0 0 12px rgba(0,0,0,.58) !important;
}
#ContentColumn .FuriaPageContent .TableContainer {
  border: 1px solid #a36117 !important;
  padding: 8px !important;
  margin-bottom: 10px !important;
}

#ContentColumn .FuriaPageContent .CaptionContainer,
#ContentColumn .FuriaPageContent .CaptionContainer .CaptionInnerContainer,
#ContentColumn .FuriaPageContent .TableHeadline,
#ContentColumn .FuriaPageContent .TableSubHeader,
#ContentColumn .FuriaPageContent th,
#ContentColumn .FuriaPageContent h1,
#ContentColumn .FuriaPageContent h2,
#ContentColumn .FuriaPageContent h3,
#ContentColumn .FuriaPageContent h4 {
  color: #ffe298 !important;
  background:
    linear-gradient(180deg, rgba(85,39,12,.95) 0%, rgba(34,16,8,.97) 58%, rgba(13,8,5,.98) 100%) !important;
  background-image: none !important;
  border-color: #a46218 !important;
  text-shadow: 1px 1px 2px #000 !important;
  box-shadow: inset 0 1px 0 rgba(255,220,120,.12), inset 0 -3px 7px rgba(0,0,0,.35) !important;
}
#ContentColumn .FuriaPageContent .CaptionContainer,
#ContentColumn .FuriaPageContent .TableHeadline,
#ContentColumn .FuriaPageContent .TableSubHeader {
  border: 1px solid #a46218 !important;
}
#ContentColumn .FuriaPageContent .CaptionContainer .Text,
#ContentColumn .FuriaPageContent .TableHeadline,
#ContentColumn .FuriaPageContent .TableSubHeader,
#ContentColumn .FuriaPageContent th {
  color: #ffe7a5 !important;
  font-weight: 700 !important;
}

/* linhas e celulas: preto/marrom, nunca prata */
#ContentColumn .FuriaPageContent .Odd,
#ContentColumn .FuriaPageContent tr.Odd td,
#ContentColumn .FuriaPageContent .TableContent,
#ContentColumn .FuriaPageContent td {
  background-color: #0c0805 !important;
  background-image: none !important;
  border-color: #56320d !important;
  color: #f1e4cf !important;
}
#ContentColumn .FuriaPageContent .Even,
#ContentColumn .FuriaPageContent tr.Even td,
#ContentColumn .FuriaPageContent tr:nth-child(even) td {
  background-color: #15100b !important;
  background-image: none !important;
}
#ContentColumn .FuriaPageContent tr:hover td {
  background-color: #201209 !important;
}

/* assets decorativos antigos do AAC que eram cinza/prata */
#ContentColumn .FuriaPageContent .CaptionContainer .CaptionEdgeLeftTop,
#ContentColumn .FuriaPageContent .CaptionContainer .CaptionEdgeRightTop,
#ContentColumn .FuriaPageContent .CaptionContainer .CaptionBorderTop,
#ContentColumn .FuriaPageContent .CaptionContainer .CaptionEdgeLeftBottom,
#ContentColumn .FuriaPageContent .CaptionContainer .CaptionEdgeRightBottom,
#ContentColumn .FuriaPageContent .CaptionContainer .CaptionBorderBottom,
#ContentColumn .FuriaPageContent .TableEdgeLeftTop,
#ContentColumn .FuriaPageContent .TableEdgeRightTop,
#ContentColumn .FuriaPageContent .TableBorderTop,
#ContentColumn .FuriaPageContent .TableEdgeLeftBottom,
#ContentColumn .FuriaPageContent .TableEdgeRightBottom,
#ContentColumn .FuriaPageContent .TableBorderBottom {
  background-image: none !important;
  background-color: transparent !important;
}

/* inputs e selects harmonizados */
#ContentColumn .FuriaPageContent input[type="text"],
#ContentColumn .FuriaPageContent input[type="password"],
#ContentColumn .FuriaPageContent input[type="email"],
#ContentColumn .FuriaPageContent input[type="number"],
#ContentColumn .FuriaPageContent input[type="search"],
#ContentColumn .FuriaPageContent select,
#ContentColumn .FuriaPageContent textarea {
  color: #f4ead8 !important;
  background: #080604 !important;
  border: 1px solid #815018 !important;
  box-shadow: inset 0 1px 4px rgba(0,0,0,.88) !important;
}

/* ---------- LATEST NEWS: remove o visual solto e deixa artigos dentro do shell ---------- */
#ContentColumn .furia-page-latestnews .NewsHeadlineBackground,
#ContentColumn .furia-page-newsarchive .NewsHeadlineBackground {
  min-height: 34px !important;
  margin: 6px 0 0 !important;
  padding: 5px 9px !important;
  box-sizing: border-box !important;
  background:
    linear-gradient(180deg, rgba(70,31,10,.78), rgba(12,7,4,.96)) !important;
  background-image: none !important;
  border: 1px solid #8b5316 !important;
  border-bottom-color: #5d350e !important;
  color: #ffe39a !important;
}
#ContentColumn .furia-page-latestnews .NewsHeadlineText,
#ContentColumn .furia-page-newsarchive .NewsHeadlineText,
#ContentColumn .furia-page-latestnews .NewsHeadlineDate,
#ContentColumn .furia-page-newsarchive .NewsHeadlineDate {
  color: #ffe6a6 !important;
}
#ContentColumn .furia-page-latestnews .NewsHeadlineIcon,
#ContentColumn .furia-page-newsarchive .NewsHeadlineIcon {
  filter: sepia(.35) saturate(1.25) brightness(.95) !important;
}
#ContentColumn .furia-page-latestnews .NewsContent,
#ContentColumn .furia-page-newsarchive .NewsContent {
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  background: #090604 !important;
  border: 1px solid #57320d !important;
  border-top: 0 !important;
  color: #f3e8d4 !important;
}

/* elimina qualquer resquicio dos blocos legados caso extensoes voltem a imprimi-los */
#ContentColumn > #NewsTicker.FuriaCentralBox,
#ContentColumn > #FeaturedArticle.FuriaCentralBox {
  background: #090604 !important;
  border-color: #8e5517 !important;
}

/* ---------- TOP 5 EXPERIENCE: POSICOES EM PIXEL ART ---------- */
#Themeboxes #TopLvl .furia-rank-row {
  grid-template-columns: 36px 42px minmax(0,1fr) !important;
  min-height: 58px !important;
}
#Themeboxes #TopLvl .furia-rank-position {
  width: 34px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: visible !important;
}
#Themeboxes #TopLvl .furia-rank-position img {
  display: block !important;
  width: 32px !important;
  height: 36px !important;
  max-width: none !important;
  max-height: none !important;
  image-rendering: pixelated !important;
  image-rendering: crisp-edges !important;
  filter: drop-shadow(0 2px 1px rgba(0,0,0,.95)) !important;
}
#Themeboxes #TopLvl .furia-rank-position-1 img {
  transform: scale(1.08) !important;
  filter: drop-shadow(0 2px 1px rgba(0,0,0,.95)) drop-shadow(0 0 3px rgba(255,190,30,.55)) !important;
}

/* mantem a lista preparada para ate cinco entradas dinamicas */
#Themeboxes #TopLvl .furia-rank-list {
  padding: 3px 6px 7px !important;
}
#Themeboxes #TopLvl .furia-rank-info {
  padding-left: 2px !important;
}


/* ================================================================
   FURIA GLOBAL V32 — LATEST NEWS NO PADRAO DA PAGINA RULES
   - remove somente a barra vazia acima do titulo principal
   - usa os mesmos componentes visuais de Rules (bracers, SmallBox,
     TableContainer, CaptionContainer e InnerTableContainer)
   ================================================================ */

/* A barra BorderTitleText do shell ficava como um retangulo vazio
   imediatamente acima de "Latest News". Mantem o shell e remove
   apenas esse elemento decorativo vazio. */
#ContentColumn #NewsArchive.FuriaMainContentBox.furia-shell-latestnews > .BorderTitleText {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* O titulo principal continua igual aos demais subtopics. */
#ContentColumn #NewsArchive.FuriaMainContentBox.furia-shell-latestnews > #ContentBoxHeadline {
  margin-top: 0 !important;
}

/* Conteudo Latest News: mesma respiracao visual da pagina Rules. */
#ContentColumn .furia-page-latestnews {
  padding: 12px 12px 16px !important;
}

/* Cabecalho interno com os mesmos bracers usados em Rules. */
#ContentColumn .furia-page-latestnews .FuriaLatestNewsIntro {
  margin: 0 0 12px !important;
  padding: 0 !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestNewsBracer {
  border-collapse: collapse !important;
  margin: 0 auto !important;
  background: transparent !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestNewsBracer td {
  border: 0 !important;
  background: transparent !important;
  padding: 0 5px !important;
  vertical-align: middle !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestNewsBracer img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  filter: sepia(.18) saturate(1.15) brightness(1.05) !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestNewsBracerTitle {
  color: #fff1c4 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: 1px 1px 2px #000 !important;
}

/* Caixa de navegacao no mesmo desenho de Rules. */
#ContentColumn .furia-page-latestnews .FuriaLatestNewsNav {
  margin: 0 0 10px !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestNewsNav .Message {
  background: #090604 !important;
  color: #f6ead2 !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestNewsNav a {
  color: #f4c657 !important;
  font-weight: 700 !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestNewsNav a:hover {
  color: #fff0a8 !important;
}

/* Containers de Guilds e Noticias iguais ao quadro principal de Rules. */
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles {
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  background: #090604 !important;
  border: 1px solid #a36117 !important;
  box-shadow: inset 0 0 12px rgba(0,0,0,.58) !important;
}

#ContentColumn .furia-page-latestnews .FuriaLatestGuilds > .CaptionContainer,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles > .CaptionContainer {
  margin: 0 0 7px !important;
  min-height: 29px !important;
  border: 1px solid #a46218 !important;
  background: linear-gradient(180deg, rgba(85,39,12,.95) 0%, rgba(34,16,8,.97) 58%, rgba(13,8,5,.98) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,220,120,.12), inset 0 -3px 7px rgba(0,0,0,.35) !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .CaptionInnerContainer,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .CaptionInnerContainer {
  min-height: 27px !important;
  display: flex !important;
  align-items: center !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .CaptionContainer .Text,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .CaptionContainer .Text {
  width: 100% !important;
  padding: 4px 10px !important;
  color: #ffe7a5 !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px 2px #000 !important;
  box-sizing: border-box !important;
}

#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .Table5,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .Table5 {
  width: 100% !important;
  border-collapse: collapse !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .InnerTableContainer,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .InnerTableContainer {
  width: 100% !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  background: #0b0705 !important;
  border: 1px solid #754512 !important;
  box-shadow: inset 0 0 12px rgba(0,0,0,.62) !important;
}

/* Most Powerful Guilds limpo: sem retangulos herdados extras. */
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .FuriaGuildTable {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestGuildCell {
  width: 25% !important;
  padding: 8px 5px !important;
  text-align: center !important;
  vertical-align: top !important;
  color: #f1e4cf !important;
  background: #0c0805 !important;
  border: 1px solid #56320d !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestGuildCell a {
  color: #f2c65c !important;
  font-weight: 700 !important;
}

/* Cada noticia vira uma linha/bloco unico dentro do TableContainer,
   em vez de varios retangulos independentes sobrepostos. */
#ContentColumn .furia-page-latestnews .FuriaLatestArticle {
  margin: 0 0 9px !important;
  border: 1px solid #6d4011 !important;
  background: #090604 !important;
  box-shadow: inset 0 0 10px rgba(0,0,0,.55) !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticle:last-child {
  margin-bottom: 0 !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticle .NewsHeadline {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticle .NewsHeadlineBackground {
  min-height: 31px !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-bottom: 1px solid #8b5316 !important;
  background: linear-gradient(180deg, rgba(61,28,10,.94), rgba(16,9,5,.98)) !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticle .NewsHeadlineIcon {
  position: static !important;
  float: none !important;
  flex: 0 0 auto !important;
  margin: 0 3px 0 0 !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticle .NewsHeadlineDate {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  color: #ffe29a !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticle .NewsHeadlineText {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  color: #fff0bc !important;
  font-weight: 700 !important;
}

#ContentColumn .furia-page-latestnews .FuriaLatestArticleBody {
  padding: 10px 12px 8px !important;
  color: #f3e8d4 !important;
  background: #090604 !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticleText {
  max-width: none !important;
  width: 100% !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticleAction {
  margin: 5px 0 0 !important;
  text-align: right !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticleAction a {
  color: #f0bd48 !important;
  font-weight: 700 !important;
}
#ContentColumn .furia-page-latestnews .FuriaLatestArticleAction a:hover {
  color: #fff2b1 !important;
}

/* Desliga apenas os pedaços de moldura antiga dentro dos novos quadros
   Latest News; nao afeta Rules nem os outros subtopics. */
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .CaptionEdgeLeftTop,
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .CaptionEdgeRightTop,
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .CaptionBorderTop,
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .CaptionEdgeLeftBottom,
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .CaptionEdgeRightBottom,
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .CaptionBorderBottom,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .CaptionEdgeLeftTop,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .CaptionEdgeRightTop,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .CaptionBorderTop,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .CaptionEdgeLeftBottom,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .CaptionEdgeRightBottom,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .CaptionBorderBottom {
  background-image: none !important;
  background-color: transparent !important;
}
\n\n/* ===== V35: CHARACTER OUTFIT + MAIN EQUIPMENT ===== */
.furia-character-showcase-inner{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;padding:10px!important;background:linear-gradient(180deg,#25180f,#120c08)!important;border:1px solid rgba(208,139,48,.62)!important;box-shadow:inset 0 0 18px #0009!important}
.furia-character-outfit-card{min-height:160px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 40%,rgba(126,77,28,.36),rgba(15,10,7,.95) 70%)!important;border:1px solid #6f4723!important;position:relative!important;overflow:hidden!important}
.furia-character-outfit{max-width:128px!important;max-height:128px!important;image-rendering:auto!important;filter:drop-shadow(0 4px 4px #000)!important}
.furia-character-equip-grid{width:100%!important;border-collapse:separate!important;border-spacing:7px!important;table-layout:fixed!important;background:transparent!important}
.furia-character-equip-grid td{height:78px!important;position:relative!important;vertical-align:middle!important;background:linear-gradient(180deg,#352316,#1a110b)!important;border:1px solid #795027!important;box-shadow:inset 0 0 0 1px #110a06,0 2px 6px #0007!important;color:#f0d19b!important}
.furia-character-equip-grid td img.CharItems{max-width:44px!important;max-height:44px!important;image-rendering:pixelated!important;filter:drop-shadow(0 2px 2px #000)!important}
.furia-equip-label{display:block!important;position:absolute!important;top:4px!important;left:5px!important;right:5px!important;text-align:center!important;color:#e9bd6b!important;font:700 9px Verdana,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.35px!important;text-shadow:1px 1px #000!important;pointer-events:none!important}
.furia-character-outfit-card .furia-equip-label{position:static!important;margin:0 0 8px!important;font-size:10px!important}
.furia-rank-row{grid-template-columns:24px 50px minmax(0,1fr)!important;column-gap:3px!important}
.furia-rank-avatar{width:50px!important;height:54px!important;overflow:visible!important;position:relative!important}
.furia-rank-avatar img{display:block!important;max-width:62px!important;max-height:58px!important;object-fit:contain!important;image-rendering:auto!important;filter:drop-shadow(0 2px 2px #000)!important}
@media(max-width:850px){.furia-character-showcase-inner{grid-template-columns:1fr!important}.furia-character-outfit-card{min-height:135px!important}.furia-character-equip-grid td{height:70px!important}}


/* ===== V35.1: TOP 5 OUTFIT FIX =====
   Mantem o outfit entre a medalha e o nome sem sobreposicao.
   Usa especificidade maior que as regras antigas do Top 5. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-row{
  display:grid!important;
  grid-template-columns:36px 54px minmax(0,1fr)!important;
  column-gap:4px!important;
  align-items:center!important;
  min-height:64px!important;
  padding:4px 0!important;
  overflow:hidden!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-position{
  width:34px!important;
  min-width:34px!important;
  justify-self:center!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar{
  width:54px!important;
  height:58px!important;
  min-width:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:54px!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 2px 2px #000)!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-info{
  min-width:0!important;
  width:100%!important;
  padding-left:0!important;
  overflow:hidden!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-info strong,
#Themeboxes #TopLvl.furia-rank-card .furia-rank-info small{
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* ===== V36: FURIA GLOBAL MINIMAL FANTASY BACKGROUND + SCROLLBAR ===== */
html{scrollbar-color:#8d5a28 #120c08;scrollbar-width:thin}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#120c08;border-left:1px solid #2e1d10}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b57a34,#68401d);border:2px solid #120c08;border-radius:8px;box-shadow:inset 0 0 0 1px #d7a35d55}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d39443,#7b4b22)}
body:not([data-furia-subtopic="landing"]){background-color:#070504!important;background-image:linear-gradient(90deg,rgba(5,3,2,.08) 0%,rgba(5,3,2,.62) 22%,rgba(5,3,2,.96) 39%,rgba(5,3,2,.96) 61%,rgba(5,3,2,.62) 78%,rgba(5,3,2,.08) 100%),url('../images/global/header/background-artwork.jpg')!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:cover!important;background-attachment:fixed!important}

/* Character equipment is intentionally split into independently selectable blocks for Layout Studio. */
#furia-character-showcase{position:relative!important}
#furia-character-outfit-card,#furia-slot-helmet,#furia-slot-amulet,#furia-slot-backpack,#furia-slot-right-hand,#furia-slot-armor,#furia-slot-left-hand{box-sizing:border-box!important}
.furia-equip-slot .furia-equip-item{display:block!important;margin:17px auto 0!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;image-rendering:pixelated!important}

/* ===== V36 LANDING PAGE ===== */
body[data-furia-subtopic="landing"]{background:#050302!important;background-image:linear-gradient(90deg,rgba(4,2,1,.18),rgba(4,2,1,.78) 25%,rgba(4,2,1,.92) 50%,rgba(4,2,1,.78) 75%,rgba(4,2,1,.18)),url('../images/global/header/background-artwork.jpg')!important;background-size:cover!important;background-position:center top!important;background-attachment:fixed!important}
body[data-furia-subtopic="landing"] #ContentColumn{background:transparent!important}
.furia-landing-page{position:relative;min-height:680px;padding:34px 24px 28px;box-sizing:border-box;color:#f3dfbc;text-align:center;overflow:hidden}
.furia-landing-hero{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:26px 24px 32px;background:linear-gradient(180deg,rgba(16,10,6,.58),rgba(7,4,2,.86));border:1px solid rgba(194,128,49,.55);box-shadow:0 15px 50px #000c,inset 0 0 45px #0008}
.furia-landing-glow{position:absolute;left:12%;right:12%;top:6%;height:260px;background:radial-gradient(ellipse at center,rgba(218,133,38,.22),transparent 68%);pointer-events:none}
.furia-landing-logo{position:relative;display:block;max-width:min(520px,82%);height:auto;margin:0 auto 5px;filter:drop-shadow(0 10px 16px #000) drop-shadow(0 0 12px rgba(216,124,28,.28))}
.furia-landing-title{position:relative;font:900 clamp(23px,4vw,38px) Georgia,serif;letter-spacing:1.5px;color:#ffd88e;text-shadow:0 2px 0 #4a260a,0 0 16px #a75c1c;margin-top:4px}
.furia-landing-subtitle{font:700 15px Georgia,serif;color:#e8b86b;margin:9px 0 12px;text-transform:uppercase;letter-spacing:2px}.furia-landing-text{max-width:610px;margin:0 auto 22px;font:14px/1.6 Verdana,Arial,sans-serif;color:#e8dcc8}
.furia-landing-enter{display:inline-flex;flex-direction:column;min-width:250px;padding:12px 24px;text-decoration:none!important;color:#fff1c9!important;background:linear-gradient(180deg,#7d4c1d,#3d2410)!important;border:1px solid #d69745!important;box-shadow:inset 0 0 0 1px #2a1609,0 5px 18px #000b,0 0 12px #c8782233;transition:transform .16s ease,filter .16s ease}.furia-landing-enter:hover{transform:translateY(-2px);filter:brightness(1.16)}.furia-landing-enter span{font:bold 15px Georgia,serif;letter-spacing:1px}.furia-landing-enter small{font:10px Verdana,Arial,sans-serif;color:#d9b579;margin-top:3px;text-transform:uppercase}
.furia-landing-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;margin:12px auto 0}.furia-landing-card{padding:14px 11px;background:rgba(13,8,5,.82);border:1px solid rgba(139,88,35,.65);box-shadow:inset 0 0 18px #0008}.furia-landing-card strong{display:block;color:#efbd69;font:700 12px Georgia,serif;letter-spacing:.7px}.furia-landing-card span{display:block;margin-top:5px;color:#cbbda8;font:10px/1.45 Verdana,Arial,sans-serif}
@media(max-width:760px){.furia-landing-page{padding:20px 8px}.furia-landing-features{grid-template-columns:1fr}.furia-landing-hero{padding:20px 10px}.furia-landing-logo{max-width:95%}}

/* ===== V36.3 CHARACTER + LANDING POLISH ===== */
.furia-current-outfit-profile{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:130px;padding:8px 14px;background:rgba(18,11,7,.72);border:1px solid #80501f;box-shadow:inset 0 0 18px #0008}.furia-current-outfit-img{max-width:96px;max-height:96px;image-rendering:auto;filter:drop-shadow(0 4px 4px #000)}.furia-outfit-badge,.furia-full-addon-outfit b{font:bold 9px Verdana,Arial,sans-serif;color:#ffd784;letter-spacing:.5px;text-shadow:0 1px #000}.furia-current-outfit-profile small{margin-top:3px;color:#c7ab7c;font:9px Verdana,Arial,sans-serif}.furia-full-addon-list{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start;padding:5px}.furia-full-addon-outfit{display:flex;min-width:92px;min-height:112px;flex-direction:column;align-items:center;justify-content:flex-end;padding:6px;background:#130d09;border:1px solid #714719;box-shadow:inset 0 0 14px #000}.furia-full-addon-outfit img{max-width:72px;max-height:72px;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}.furia-full-addon-outfit span{font:9px Verdana,Arial,sans-serif;color:#ead7b8;margin:2px 0}.furia-no-full-addon{color:#8d765d;font:10px Verdana,Arial,sans-serif;font-style:italic}
body.furia-landing-only{background:#000!important;background-image:none!important;min-height:100vh!important}body.furia-landing-only #furia-landing{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:28px 20px!important;background:#000!important;background-image:none!important}body.furia-landing-only .furia-landing-hero{width:min(820px,calc(100vw - 56px));margin:0 auto!important;background:linear-gradient(180deg,rgba(19,11,6,.86),rgba(4,2,1,.96))!important;border-color:#9b6328!important;box-shadow:0 0 28px rgba(229,137,42,.28),0 0 80px rgba(177,82,17,.20),0 18px 60px #000,inset 0 0 55px #000!important}body.furia-landing-only .furia-landing-glow{left:-12%!important;right:-12%!important;top:-24%!important;height:150%!important;background:radial-gradient(ellipse at center,rgba(255,173,67,.24) 0%,rgba(183,83,18,.14) 28%,rgba(0,0,0,0) 67%)!important;filter:blur(10px)}body.furia-landing-only .furia-landing-features{width:min(820px,calc(100vw - 56px));margin:14px auto 0!important}


/* ===== V36.4 PROFILE / TITLES / OUTFIT COLOR FIX ===== */
/* A antiga BorderTitleText era o retangulo vazio acima do titulo real. */
#ContentColumn #NewsArchive.FuriaMainContentBox > .BorderTitleText{display:none!important;height:0!important;margin:0!important;border:0!important;box-shadow:none!important}

/* Tipografia oficial do Furia Global nos titulos principais e blocos de noticias. */
#ContentColumn #NewsArchive .AACHeadlineText,
#NewsTicker .AACHeadlineText,
#FeaturedArticle .AACHeadlineText,
#NewsArchive .CaptionContainer .Text,
#NewsArchive .FuriaGuildsTitle,
#NewsArchive .FuriaArticleTitle,
#NewsArchive .NewsHeadlineText,
#NewsArchive .NewsHeadlineDate,
.Content .TableHeadline,
.Content .TableSubHeader{
  font-family:var(--furia-menu-font)!important;
  font-weight:400!important;
  letter-spacing:.1px!important;
}
#ContentColumn #NewsArchive .AACHeadlineText{font-size:24px!important;line-height:40px!important}
#NewsTicker .AACHeadlineText,#FeaturedArticle .AACHeadlineText{font-size:20px!important}

/* Additional Informations sempre aberto - o botao antigo de expandir foi removido. */
#TransferConditionsToggleButton{display:none!important}
#TransferConditionsContainer.furia-character-details-open{display:block!important;margin:0!important;padding:0!important}

/* Area exclusiva de outfits acima de Inventory + Skills. */
.furia-profile-outfits-panel{
  width:100%!important;box-sizing:border-box!important;margin:0 0 10px!important;
  background:linear-gradient(180deg,rgba(27,17,10,.96),rgba(8,6,4,.98))!important;
  border:1px solid #8b571f!important;box-shadow:inset 0 0 22px #0009,0 3px 12px #0008!important;
}
.furia-profile-outfits-title{
  padding:7px 10px!important;text-align:left!important;color:#ffe59a!important;
  font-family:var(--furia-menu-font)!important;font-size:18px!important;font-weight:400!important;
  background:linear-gradient(180deg,#2e1a0d,#120b07)!important;border-bottom:1px solid #8b571f!important;
  text-shadow:1px 1px 2px #000,0 0 5px rgba(217,107,8,.25)!important;
}
.furia-profile-outfits-grid{display:grid!important;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.8fr)!important;gap:10px!important;padding:10px!important;align-items:stretch!important}
.furia-profile-current-outfit,.furia-profile-unlocked-outfits{min-width:0!important;padding:8px!important;background:#0f0b08!important;border:1px solid #5f3b18!important;box-shadow:inset 0 0 16px #0008!important}
.furia-profile-outfits-subtitle{margin:0 0 7px!important;color:#efc46d!important;font-family:var(--furia-menu-font)!important;font-size:14px!important;text-align:center!important;text-shadow:1px 1px #000!important}
.furia-profile-current-outfit{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.furia-current-outfit-profile{margin:0!important;min-width:145px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.furia-current-outfit-img,.furia-current-outfit-profile .furia-outfit-canvas-rendered{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;object-fit:contain!important;image-rendering:pixelated!important;filter:drop-shadow(0 4px 4px #000)!important}
.furia-full-addon-outfit .furia-outfit-canvas-rendered{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;image-rendering:pixelated!important;filter:drop-shadow(0 3px 3px #000)!important}
.furia-rank-avatar .furia-outfit-canvas-rendered{display:block!important;max-width:100%!important;max-height:100%!important;image-rendering:pixelated!important}
@media(max-width:760px){.furia-profile-outfits-grid{grid-template-columns:1fr!important}}

/* V36.6 - Character profile: somente o outfit atual, compacto e alinhado. */
.furia-profile-outfits-panel{
  width:100%!important;
  min-height:0!important;
  margin:0 0 10px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.furia-profile-outfits-title{
  padding:7px 10px!important;
  text-align:left!important;
}
.furia-profile-outfit-single{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
.furia-profile-outfit-square{
  width:190px!important;
  height:190px!important;
  flex:0 0 190px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle at 50% 45%,rgba(93,54,20,.26),rgba(10,7,5,.98) 72%)!important;
  border:1px solid #714719!important;
  box-shadow:inset 0 0 20px rgba(0,0,0,.72)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.furia-profile-outfit-square .furia-current-outfit-profile{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.furia-profile-outfit-square .furia-current-outfit-img,
.furia-profile-outfit-square .furia-current-outfit-profile .furia-outfit-canvas-rendered{
  width:138px!important;
  height:138px!important;
  max-width:138px!important;
  max-height:138px!important;
  object-fit:contain!important;
  image-rendering:pixelated!important;
  filter:drop-shadow(0 4px 4px #000)!important;
  flex:0 0 auto!important;
}
.furia-profile-outfit-square .furia-current-outfit-profile small{
  display:block!important;
  margin:0!important;
  color:#c7ab7c!important;
  font:9px Verdana,Arial,sans-serif!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
}
/* A antiga area de outfits liberados nao faz mais parte do perfil. */
.furia-profile-unlocked-outfits,.furia-full-addon-list{display:none!important}
@media(max-width:640px){
  .furia-profile-outfit-square{width:170px!important;height:170px!important;flex-basis:170px!important}
  .furia-profile-outfit-square .furia-current-outfit-img,
  .furia-profile-outfit-square .furia-current-outfit-profile .furia-outfit-canvas-rendered{
    width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important
  }
}

/* ===== V36.7 TOP 5 EXPERIENCE - OUTFIT / POSICOES / NOMES ===== */
/* O renderer V36.4 cria um canvas colorido e marca a IMG original como
   data-furia-rendered="1". Regras antigas usavam display:block!important
   na IMG e faziam o sprite branco continuar visivel junto do canvas,
   causando a falsa impressao de cores deslocadas. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > img[data-furia-rendered="1"]{
  display:none!important;
  visibility:hidden!important;
}

/* O card nao reserva altura artificial para cinco entradas quando ainda
   existem menos jogadores. A consulta continua limitada a cinco. */
#Themeboxes #TopLvl.furia-rank-card{
  min-height:0!important;
  height:auto!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-list{
  padding:3px 6px 7px!important;
  overflow:hidden!important;
}

/* Mais espaco real para o nome, sem perder o outfit. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-row{
  display:grid!important;
  grid-template-columns:30px 42px minmax(0,1fr)!important;
  column-gap:4px!important;
  align-items:center!important;
  min-height:58px!important;
  padding:3px 1px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Posicoes 1, 2 e 3: somente brasao, sem numero. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-position{
  width:30px!important;
  min-width:30px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  font-size:0!important;
  color:transparent!important;
  overflow:visible!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-crest{
  position:relative!important;
  display:block!important;
  width:27px!important;
  height:32px!important;
  clip-path:polygon(18% 0,82% 0,100% 15%,94% 72%,50% 100%,6% 72%,0 15%)!important;
  background:linear-gradient(135deg,#ffe278 0%,#b27016 46%,#ffcb3b 72%,#6f3d08 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,239,170,.48),0 2px 3px #000!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-crest:before{
  content:""!important;
  position:absolute!important;
  left:7px!important;top:7px!important;
  width:13px!important;height:13px!important;
  transform:rotate(45deg)!important;
  background:radial-gradient(circle at 35% 35%,#fff7c4 0 15%,#f2ba32 20% 52%,#7a430b 58% 100%)!important;
  box-shadow:0 0 4px rgba(255,195,47,.55)!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-position-2 .furia-rank-crest{
  background:linear-gradient(135deg,#f8fbff 0%,#9ca6b1 45%,#e2e8ed 72%,#68717b 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.42),0 2px 3px #000!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-position-2 .furia-rank-crest:before{
  background:radial-gradient(circle at 35% 35%,#fff 0 15%,#d7dee5 20% 52%,#6f7982 58% 100%)!important;
  box-shadow:0 0 4px rgba(214,226,235,.38)!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-position-3 .furia-rank-crest{
  background:linear-gradient(135deg,#e39451 0%,#874213 46%,#c56b2c 72%,#512405 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,184,118,.34),0 2px 3px #000!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-position-3 .furia-rank-crest:before{
  background:radial-gradient(circle at 35% 35%,#ffd2a4 0 15%,#b85d25 20% 52%,#5f2808 58% 100%)!important;
  box-shadow:0 0 4px rgba(203,100,39,.34)!important;
}

/* Posicoes 4 e 5: somente o numero, sem brasao/imagem. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-number{
  display:block!important;
  min-width:20px!important;
  color:#f0e9dc!important;
  font:700 15px/1 var(--furia-menu-font)!important;
  text-align:center!important;
  text-shadow:1px 1px 2px #000!important;
}

/* Outfit: o canvas colorido substitui integralmente a IMG branca. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar{
  width:42px!important;
  min-width:42px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  position:relative!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > img:not([data-furia-rendered="1"]),
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > canvas.furia-outfit-canvas-rendered{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:42px!important;
  max-height:48px!important;
  margin:auto!important;
  object-fit:contain!important;
  image-rendering:pixelated!important;
  filter:drop-shadow(0 2px 2px #000)!important;
}

/* Nome completo ate 12 caracteres. Acima disso o PHP ja entrega
   somente os 12 primeiros + reticencias e o title preserva o nome inteiro. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-info{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-info strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  color:#ffe5a1!important;
  font:400 12px/1.08 var(--furia-menu-font)!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:left!important;
  text-shadow:1px 1px 2px #000!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-info small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:1px!important;
  color:#d8c5a8!important;
  font:9px/1.08 Verdana,Arial,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}

/* =========================================================
   FURIA GLOBAL V36.8
   Top 5: outfit maior sem roubar espaco do nome.
   Landing: entrada em fade + pop sequencial do hero e cards.
   ========================================================= */

/* Mantem o brasao compacto e aumenta somente a leitura visual do outfit. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-row{
  grid-template-columns:28px 48px minmax(0,1fr)!important;
  column-gap:2px!important;
  min-height:60px!important;
  padding-left:0!important;
  padding-right:0!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-position{
  width:28px!important;
  min-width:28px!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar{
  width:48px!important;
  min-width:48px!important;
  height:54px!important;
  overflow:visible!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > img:not([data-furia-rendered="1"]),
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > canvas.furia-outfit-canvas-rendered{
  max-width:48px!important;
  max-height:54px!important;
  transform:scale(1.20)!important;
  transform-origin:center center!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-info strong{
  font-size:11px!important;
  line-height:1.05!important;
}

/* FURIA GLOBAL V36.10 - Entrada cinematografica da landing page.
   A classe e reativada por JS em cada entrada/pageshow para o efeito nunca ficar "preso" no estado final. */
@keyframes furiaLandingHeroPop{
  0%{opacity:0;transform:translateY(34px) scale(.72);filter:blur(12px);box-shadow:0 0 0 rgba(229,137,42,0)}
  38%{opacity:1;filter:blur(1px)}
  68%{opacity:1;transform:translateY(-7px) scale(1.055);filter:blur(0);box-shadow:0 0 45px rgba(229,137,42,.38),0 0 115px rgba(177,82,17,.24)}
  84%{transform:translateY(2px) scale(.988)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes furiaLandingCardPop{
  0%{opacity:0;transform:translateY(28px) scale(.68);filter:blur(6px)}
  62%{opacity:1;transform:translateY(-5px) scale(1.07);filter:blur(0)}
  82%{transform:translateY(2px) scale(.985)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
body.furia-landing-only .furia-landing-hero,
body.furia-landing-only .furia-landing-features .furia-landing-card{
  opacity:1;
  transform:none;
}
body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-hero{
  opacity:0;
  transform-origin:center center!important;
  animation:furiaLandingHeroPop .92s cubic-bezier(.17,.86,.24,1.18) .06s both!important;
  will-change:transform,opacity,filter!important;
}
body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-features .furia-landing-card{
  opacity:0;
  transform-origin:center center!important;
  animation:furiaLandingCardPop .58s cubic-bezier(.16,.9,.23,1.22) both!important;
  will-change:transform,opacity,filter!important;
}
body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-features .furia-landing-card:nth-child(1){animation-delay:.88s!important}
body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-features .furia-landing-card:nth-child(2){animation-delay:1.07s!important}
body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-features .furia-landing-card:nth-child(3){animation-delay:1.26s!important}


/* =========================================================
   FURIA GLOBAL V36.9 - RADIO BAR
   Faixa de radio no topo do site normal. A landing page nao
   carrega o layout normal, portanto a radio nao aparece nela.
   ========================================================= */
.furia-radio-bar{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:60px!important;
  height:60px!important;
  margin:0 0 8px 0!important;
  padding:7px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(175px,230px) minmax(110px,1fr) minmax(280px,360px)!important;
  align-items:center!important;
  column-gap:14px!important;
  overflow:hidden!important;
  border:1px solid #7c4a16!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#33200f 0%,#20140a 52%,#151008 100%)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.58), inset 0 1px rgba(255,200,100,.08)!important;
  color:#f2d69d!important;
  position:relative!important;
  z-index:3!important;
}
.furia-radio-bar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,174,63,.04),transparent 34%,rgba(255,174,63,.025) 70%,transparent)!important;
}
.furia-radio-brand{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:12px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:7px!important;
  align-items:center!important;
  min-width:0!important;
}
.furia-radio-live-dot{
  grid-row:1 / span 2!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#b46b23!important;
  box-shadow:0 0 8px rgba(255,160,59,.7)!important;
}
.furia-radio-title{
  color:#ffbd55!important;
  font:700 15px/1 var(--furia-menu-font)!important;
  letter-spacing:.8px!important;
  text-transform:uppercase!important;
  text-shadow:0 1px #000!important;
  white-space:nowrap!important;
}
.furia-radio-station{
  margin-top:3px!important;
  color:#bda27e!important;
  font:10px/1 Verdana,Arial,sans-serif!important;
  white-space:nowrap!important;
}
.furia-radio-eq{
  height:38px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:1!important;
}
.furia-radio-eq span{
  width:5px!important;
  height:8px!important;
  min-height:5px!important;
  border-radius:2px 2px 0 0!important;
  background:linear-gradient(to top,#7b3f10,#d17b21 55%,#ffc15a)!important;
  box-shadow:0 0 6px rgba(255,161,48,.22)!important;
  transform-origin:bottom center!important;
  animation:none!important;
  opacity:.48!important;
}
.furia-radio-eq span:nth-child(2){height:15px!important}
.furia-radio-eq span:nth-child(3){height:24px!important}
.furia-radio-eq span:nth-child(4){height:13px!important}
.furia-radio-eq span:nth-child(5){height:31px!important}
.furia-radio-eq span:nth-child(6){height:19px!important}
.furia-radio-eq span:nth-child(7){height:27px!important}
.furia-radio-eq span:nth-child(8){height:11px!important}
.furia-radio-eq span:nth-child(9){height:22px!important}
.furia-radio-eq span:nth-child(10){height:16px!important}

/* Pausada: waveform congelada. Tocando: barras ganham movimento. */
.furia-radio-eq:not(.is-playing) span:nth-child(1){transform:scaleY(.38)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(2){transform:scaleY(.62)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(3){transform:scaleY(.92)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(4){transform:scaleY(.55)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(5){transform:scaleY(1)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(6){transform:scaleY(.68)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(7){transform:scaleY(.88)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(8){transform:scaleY(.46)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(9){transform:scaleY(.76)!important}
.furia-radio-eq:not(.is-playing) span:nth-child(10){transform:scaleY(.52)!important}
.furia-radio-eq.is-playing span{
  opacity:1!important;
  animation:furiaRadioBeat .58s ease-in-out infinite alternate!important;
}
.furia-radio-eq.is-playing span:nth-child(2){animation-duration:.42s!important;animation-delay:-.10s!important}
.furia-radio-eq.is-playing span:nth-child(3){animation-duration:.68s!important;animation-delay:-.24s!important}
.furia-radio-eq.is-playing span:nth-child(4){animation-duration:.50s!important;animation-delay:-.31s!important}
.furia-radio-eq.is-playing span:nth-child(5){animation-duration:.75s!important;animation-delay:-.16s!important}
.furia-radio-eq.is-playing span:nth-child(6){animation-duration:.46s!important;animation-delay:-.36s!important}
.furia-radio-eq.is-playing span:nth-child(7){animation-duration:.63s!important;animation-delay:-.20s!important}
.furia-radio-eq.is-playing span:nth-child(8){animation-duration:.54s!important;animation-delay:-.07s!important}
.furia-radio-eq.is-playing span:nth-child(9){animation-duration:.70s!important;animation-delay:-.29s!important}
.furia-radio-eq.is-playing span:nth-child(10){animation-duration:.48s!important;animation-delay:-.41s!important}
@keyframes furiaRadioBeat{
  0%{transform:scaleY(.28)}
  45%{transform:scaleY(.72)}
  100%{transform:scaleY(1.18)}
}
.furia-radio-controls{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:38px minmax(75px,1fr) 20px minmax(80px,115px)!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
.furia-radio-play{
  width:38px!important;
  height:36px!important;
  padding:0!important;
  border-radius:4px!important;
  border:1px solid #a0601d!important;
  background:linear-gradient(#704116,#3a210b)!important;
  color:#ffd58e!important;
  font:700 16px/34px Arial,sans-serif!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px rgba(255,214,145,.13),0 2px 7px rgba(0,0,0,.45)!important;
}
.furia-radio-play:hover,
.furia-radio-play.is-playing{
  filter:brightness(1.16)!important;
  border-color:#d98a2d!important;
}
.furia-radio-status{
  color:#a98d6b!important;
  font:10px/1.15 Verdana,Arial,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.furia-radio-live{
  color:#e7a23f!important;
  font-weight:700!important;
  text-shadow:0 0 7px rgba(231,162,63,.35)!important;
}
.furia-radio-volume-icon{
  font-size:15px!important;
  line-height:1!important;
  filter:saturate(.7)!important;
}
.furia-radio-volume{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  accent-color:#b66f22!important;
  cursor:pointer!important;
}
@media (max-width:1050px){
  .furia-radio-bar{
    grid-template-columns:155px 1fr minmax(240px,310px)!important;
    column-gap:8px!important;
  }
  .furia-radio-status{display:none!important}
  .furia-radio-controls{grid-template-columns:38px 20px minmax(90px,1fr)!important}
}
@media (max-width:820px){
  .furia-radio-bar{
    grid-template-columns:125px 1fr 135px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .furia-radio-station{display:none!important}
  .furia-radio-volume-icon{display:none!important}
  .furia-radio-controls{grid-template-columns:38px minmax(70px,1fr)!important}
}
@media (prefers-reduced-motion:reduce){
  .furia-radio-eq span,
  .furia-radio-eq.is-playing span{animation:none!important;transform:none!important}
}


/* =========================================================
   FURIA GLOBAL V36.12 - LANDING FONT + MENU ICON COLORS + TOP5 ALIGN
   ========================================================= */

/* A fonte agora e realmente carregada; antes ela era apenas declarada no
   font-family e o navegador caia no fallback Georgia/Verdana. */
body.furia-landing-only #furia-landing,
body.furia-landing-only #furia-landing *{
  font-family:'MedievalSharp', Georgia, 'Times New Roman', serif!important;
}
body.furia-landing-only .furia-landing-title,
body.furia-landing-only .furia-landing-subtitle,
body.furia-landing-only .furia-landing-text,
body.furia-landing-only .furia-landing-enter,
body.furia-landing-only .furia-landing-enter span,
body.furia-landing-only .furia-landing-enter small,
body.furia-landing-only .furia-landing-card,
body.furia-landing-only .furia-landing-card strong,
body.furia-landing-only .furia-landing-card span{
  font-family:'MedievalSharp', Georgia, 'Times New Roman', serif!important;
}

/* Sequencia cinematografica da landing: glow e botao so acendem depois
   do hero e dos tres cards terminarem de aparecer. */
body.furia-landing-only .furia-landing-hero{
  box-shadow:0 18px 60px #000,inset 0 0 55px #000!important;
}
body.furia-landing-only .furia-landing-glow{
  opacity:0!important;
  transform:scale(.72)!important;
  filter:blur(18px)!important;
}
body.furia-landing-only .furia-landing-enter{
  box-shadow:inset 0 0 0 1px #2a1609,0 5px 18px #000b!important;
}
@keyframes furiaLandingGlowIgniteV3612{
  0%{opacity:0;transform:scale(.72);filter:blur(18px)}
  45%{opacity:.72;transform:scale(1.08);filter:blur(12px)}
  100%{opacity:1;transform:scale(1);filter:blur(10px)}
}
@keyframes furiaLandingButtonIgniteV3612{
  0%{filter:brightness(1);box-shadow:inset 0 0 0 1px #2a1609,0 5px 18px #000b,0 0 0 rgba(255,171,63,0)}
  60%{filter:brightness(1.18);box-shadow:inset 0 0 0 1px #2a1609,0 5px 18px #000b,0 0 32px rgba(255,171,63,.65),0 0 68px rgba(183,83,18,.35)}
  100%{filter:brightness(1.1);box-shadow:inset 0 0 0 1px #2a1609,0 5px 18px #000b,0 0 18px rgba(255,171,63,.45),0 0 42px rgba(183,83,18,.24)}
}
@keyframes furiaLandingButtonPulseV3612{
  0%{filter:brightness(1.04);box-shadow:inset 0 0 0 1px #2a1609,0 5px 18px #000b,0 0 14px rgba(255,171,63,.34),0 0 32px rgba(183,83,18,.18)}
  100%{filter:brightness(1.16);box-shadow:inset 0 0 0 1px #2a1609,0 5px 18px #000b,0 0 28px rgba(255,171,63,.58),0 0 58px rgba(183,83,18,.30)}
}
body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-glow{
  animation:furiaLandingGlowIgniteV3612 .88s ease-out 1.92s both!important;
}
body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-enter{
  animation:furiaLandingButtonIgniteV3612 .82s ease-out 1.92s both,
            furiaLandingButtonPulseV3612 1.65s ease-in-out 2.76s infinite alternate!important;
}

/* GIFs/iconezinhos das categorias voltam a usar as cores originais.
   Remove o filtro amarelo/sepia sem mexer na animacao do GIF. */
#Menu .MenuButton .Icon,
.MenuButton .Icon{
  filter:none!important;
}

/* Top 5: mantem o tamanho atual e desloca somente o desenho do outfit
   10 px para cima e 10 px para a esquerda dentro da grade. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar{
  overflow:visible!important;
}
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > img:not([data-furia-rendered="1"]),
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > canvas.furia-outfit-canvas-rendered{
  transform:translate(-10px,-10px) scale(1.20)!important;
  transform-origin:center center!important;
}

@media (prefers-reduced-motion:reduce){
  body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-glow{
    opacity:1!important;transform:none!important;filter:blur(10px)!important;animation:none!important;
  }
  body.furia-landing-only #furia-landing.furia-landing-animate .furia-landing-enter{
    animation:none!important;
  }
}

/* =====================================================================
   V36.13 - LIMPEZA GLOBAL DE BORDAS LEGADAS CINZA / AZULADAS
   Mantem a estrutura original das tabelas e troca apenas a moldura visual
   antiga pelo padrao preto/marrom + dourado do Furia Global.
   ===================================================================== */
#ContentColumn .FuriaPageContent .TableContainer,
#ContentColumn .FuriaPageContent .InnerTableContainer,
#ContentColumn .FuriaPageContent .TableContentContainer,
#ContentColumn .FuriaPageContent .TableContent,
#ContentColumn .FuriaPageContent .Table1,
#ContentColumn .FuriaPageContent .Table2,
#ContentColumn .FuriaPageContent .Table3,
#ContentColumn .FuriaPageContent .Table4,
#ContentColumn .FuriaPageContent .Table5,
#ContentColumn .FuriaPageContent .SmallBox,
#ContentColumn .FuriaPageContent .BoxContent {
  border-color:#754512!important;
  outline-color:#754512!important;
}

/* Pecas de frame/shadow do Tibiacom antigo nao podem mais desenhar
   assets cinza/azulados por cima do tema. */
#ContentColumn .FuriaPageContent .TableShadow,
#ContentColumn .FuriaPageContent .TableShadowRightTop,
#ContentColumn .FuriaPageContent .TableShadowContainer,
#ContentColumn .FuriaPageContent .TableShadowContainerRightTop,
#ContentColumn .FuriaPageContent .TableBottomShadow,
#ContentColumn .FuriaPageContent .TableBottomLeftShadow,
#ContentColumn .FuriaPageContent .TableBottomRightShadow,
#ContentColumn .FuriaPageContent .TableContentAndRightShadow,
#ContentColumn .FuriaPageContent .TableContentAndRightShadow1,
#ContentColumn .FuriaPageContent .TableContentAndRightShadow2,
#ContentColumn .FuriaPageContent .TableContentAndRightShadow3 {
  background:none!important;
  background-image:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Linhas internas antigas que ainda recebem border/outline pelo CSS base. */
#ContentColumn .FuriaPageContent .TableContainer table,
#ContentColumn .FuriaPageContent .InnerTableContainer table,
#ContentColumn .FuriaPageContent .TableContent table {
  border-color:#56320d!important;
  outline-color:#56320d!important;
}
#ContentColumn .FuriaPageContent .TableContainer td,
#ContentColumn .FuriaPageContent .TableContainer th,
#ContentColumn .FuriaPageContent .InnerTableContainer td,
#ContentColumn .FuriaPageContent .InnerTableContainer th,
#ContentColumn .FuriaPageContent .TableContent td,
#ContentColumn .FuriaPageContent .TableContent th {
  border-color:#4f3016!important;
}

/* Latest News: garante explicitamente que os dois frames mostrados na
   captura usem apenas a paleta do tema, inclusive em estruturas aninhadas. */
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .InnerTableContainer,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .InnerTableContainer,
#ContentColumn .furia-page-latestnews .FuriaLatestGuilds .TableContent,
#ContentColumn .furia-page-latestnews .FuriaLatestArticles .TableContent {
  border:1px solid #754512!important;
  outline:0!important;
  box-shadow:inset 0 0 12px rgba(0,0,0,.62)!important;
}

/* ========================================================================
   FURIA GLOBAL V36.14 - SHOP COLOR CONSISTENCY
   Normaliza os controles antigos da Store/Services para a paleta do AAC.
   ======================================================================== */

/* Categorias do shop: remove as abas bege originais e preserva a estrutura. */
#ContentColumn .FuriaPageContent .InnerTableTab {
  box-sizing: border-box !important;
  top: 5px !important;
  width: 105px !important;
  height: 45px !important;
  margin: 0 2px 5px 0 !important;
  border: 1px solid #6f4217 !important;
  border-bottom-color: #9a5a1c !important;
  border-radius: 3px 3px 0 0 !important;
  background: linear-gradient(180deg, #321d0d 0%, #211208 52%, #110b07 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,196,90,.10), 0 1px 3px rgba(0,0,0,.55) !important;
  overflow: hidden !important;
}

#ContentColumn .FuriaPageContent .InnerTableTab > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  color: #e8c98f !important;
  text-decoration: none !important;
  font-family: 'MedievalSharp', Georgia, serif !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 1px #000 !important;
}

/* Imagens products_tab_active/nonactive eram as responsáveis pelo bege. */
#ContentColumn .FuriaPageContent .InnerTableTab > a > img {
  display: none !important;
  visibility: hidden !important;
}

#ContentColumn .FuriaPageContent .InnerTableTabLabel {
  box-sizing: border-box !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 43px !important;
  padding: 0 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 14px !important;
  color: inherit !important;
}

#ContentColumn .FuriaPageContent .InnerTableTab:hover {
  border-color: #b56c22 !important;
  background: linear-gradient(180deg, #4a2a0f 0%, #2b1708 55%, #140c07 100%) !important;
  box-shadow: inset 0 0 10px rgba(214,126,34,.14), 0 0 5px rgba(173,94,22,.22) !important;
}

#ContentColumn .FuriaPageContent .InnerTableTab:hover > a {
  color: #ffe2a6 !important;
}

#ContentColumn .FuriaPageContent .ActiveInnerTableTab {
  top: 5px !important;
  z-index: 99 !important;
  border-color: #d08327 !important;
  border-bottom-color: #e19a3c !important;
  background: linear-gradient(180deg, #6a3b12 0%, #3e210b 54%, #1c1007 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,218,145,.18), 0 0 7px rgba(224,137,38,.26) !important;
}

#ContentColumn .FuriaPageContent .ActiveInnerTableTab > a,
#ContentColumn .FuriaPageContent .ActiveInnerTableTab .InnerTableTabLabel {
  color: #ffd98c !important;
  font-weight: 700 !important;
}

#ContentColumn .FuriaPageContent .ActiveInnerTableTab .InnerTableTabLabel {
  top: auto !important;
  padding-top: 0 !important;
}

/* Área que contém produtos e método de pagamento. */
#ContentColumn .FuriaPageContent .TableContent[style*="faf0d7"],
#ContentColumn .FuriaPageContent .TableContent[style*="#faf0d7"] {
  border-color: #704317 !important;
  background: #0b0806 !important;
}

/* Cards de serviços: remove molduras azul/verde/cinza dos assets antigos. */
#ContentColumn .FuriaPageContent .ServiceID_Icon_Container {
  border: 0 !important;
  background: transparent !important;
}

#ContentColumn .FuriaPageContent .ServiceID_Icon_Container_Background {
  box-sizing: border-box !important;
  background-image: none !important;
  background: linear-gradient(145deg, #21150b, #0d0906) !important;
  border: 1px solid #704317 !important;
  border-radius: 4px !important;
  box-shadow: inset 0 0 14px rgba(0,0,0,.72), 0 2px 5px rgba(0,0,0,.45) !important;
}

#ContentColumn .FuriaPageContent .ServiceID_Icon_Container:hover .ServiceID_Icon_Container_Background {
  border-color: #c07325 !important;
  box-shadow: inset 0 0 14px rgba(173,91,21,.11), 0 0 6px rgba(195,104,27,.24) !important;
}

#ContentColumn .FuriaPageContent .ServiceID_Icon_Selected,
#ContentColumn .FuriaPageContent .ServiceID_Icon_Over {
  background-image: none !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
}

#ContentColumn .FuriaPageContent .ServiceID_Icon_Over {
  border: 1px solid rgba(214,127,34,.58) !important;
  background: rgba(139,72,17,.08) !important;
}

#ContentColumn .FuriaPageContent .ServiceID_Icon_Selected {
  border: 2px solid #d8892d !important;
  background: rgba(163,90,20,.11) !important;
  box-shadow: inset 0 0 12px rgba(220,128,32,.12), 0 0 7px rgba(210,117,27,.27) !important;
}

#ContentColumn .FuriaPageContent .ServiceIDLabel,
#ContentColumn .FuriaPageContent .ServiceIDPrice,
#ContentColumn .FuriaPageContent .PMCID_CP_Label {
  color: #f2d49a !important;
  font-family: 'MedievalSharp', Georgia, serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .FuriaPageContent .ServiceIDPrice {
  color: #ffbd55 !important;
}

/* Método de pagamento/Coins: troca a placa antiga pela mesma linguagem visual. */
#ContentColumn .FuriaPageContent .PMCID_Icon_Container {
  background: transparent !important;
  border: 0 !important;
}

#ContentColumn .FuriaPageContent .PMCID_Icon {
  box-sizing: border-box !important;
  background-image: none !important;
  background: linear-gradient(145deg, #21150b, #0c0805) !important;
  border: 1px solid #704317 !important;
  border-radius: 4px !important;
  box-shadow: inset 0 0 12px rgba(0,0,0,.65) !important;
}

#ContentColumn .FuriaPageContent .PMCID_Icon:hover {
  border-color: #b86b21 !important;
  background: linear-gradient(145deg, #2d1a0c, #100a06) !important;
}

#ContentColumn .FuriaPageContent .PMCID_Icon_Selected,
#ContentColumn .FuriaPageContent .PMCID_Icon_Over {
  background-image: none !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
}

#ContentColumn .FuriaPageContent .PMCID_Icon_Over {
  border: 1px solid rgba(214,127,34,.58) !important;
}

#ContentColumn .FuriaPageContent .PMCID_Icon_Selected {
  border: 2px solid #d8892d !important;
  box-shadow: 0 0 7px rgba(210,117,27,.27) !important;
}

/* Campos e selects usados nas etapas seguintes da compra. */
#ContentColumn .FuriaPageContent select,
#ContentColumn .FuriaPageContent input[type="text"],
#ContentColumn .FuriaPageContent input[type="number"] {
  background-color: #0b0806 !important;
  color: #f2e6cc !important;
  border-color: #704317 !important;
}

#ContentColumn .FuriaPageContent select:focus,
#ContentColumn .FuriaPageContent input[type="text"]:focus,
#ContentColumn .FuriaPageContent input[type="number"]:focus {
  border-color: #c87929 !important;
  outline: none !important;
  box-shadow: 0 0 5px rgba(205,119,34,.22) !important;
}


/* ============================================================
   FURIA GLOBAL V36.15 - MOBILE DRAWER NAVIGATION
   Left and right columns become off-canvas drawers on phones.
   ============================================================ */
.furia-mobile-nav-controls,
.furia-mobile-backdrop{
    display:none;
}

@media (max-width: 900px){
    html,body{
        min-width:0!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }
    html.furia-mobile-panel-open,
    html.furia-mobile-panel-open body{
        overflow:hidden!important;
    }

    #MainHelper1,
    #MainHelper2,
    #Bodycontainer,
    #ContentRow{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }

    #ContentColumn{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:54px 6px 12px!important;
        box-sizing:border-box!important;
        float:none!important;
    }
    #ContentColumn #Content,
    #ContentColumn #ContentHelper,
    #ContentColumn .Content{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }

    .furia-mobile-nav-controls{
        display:flex!important;
        position:fixed!important;
        top:8px!important;
        left:8px!important;
        right:8px!important;
        height:40px!important;
        z-index:11020!important;
        pointer-events:none!important;
        justify-content:space-between!important;
        align-items:center!important;
    }
    .furia-mobile-toggle{
        pointer-events:auto!important;
        min-width:48px!important;
        height:40px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        padding:0 10px!important;
        border:1px solid #a35d12!important;
        border-radius:4px!important;
        background:linear-gradient(#3b230e,#160d06)!important;
        color:#ffd47a!important;
        font-family:'MedievalSharp', Georgia, serif!important;
        font-size:16px!important;
        line-height:1!important;
        text-shadow:0 1px 2px #000!important;
        box-shadow:0 4px 14px rgba(0,0,0,.55), inset 0 1px rgba(255,196,87,.10)!important;
        cursor:pointer!important;
        -webkit-tap-highlight-color:transparent!important;
    }
    .furia-mobile-toggle > span[aria-hidden="true"]{
        font-family:Arial,sans-serif!important;
        font-size:24px!important;
        line-height:1!important;
    }
    .furia-mobile-toggle:hover,
    .furia-mobile-toggle:focus-visible,
    .furia-mobile-toggle[aria-expanded="true"]{
        border-color:#d88420!important;
        color:#ffe0a0!important;
        background:linear-gradient(#5a3210,#211106)!important;
        outline:none!important;
    }
    .furia-mobile-toggle-label{
        font-size:13px!important;
        white-space:nowrap!important;
    }

    .furia-mobile-backdrop{
        display:block!important;
        position:fixed!important;
        inset:0!important;
        z-index:10990!important;
        background:rgba(0,0,0,.72)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transition:opacity .22s ease,visibility .22s ease!important;
    }
    .furia-mobile-backdrop.furia-mobile-open{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    #MenuColumn,
    #ThemeboxesColumn{
        display:block!important;
        position:fixed!important;
        top:0!important;
        bottom:0!important;
        z-index:11010!important;
        height:100vh!important;
        max-height:100vh!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        box-sizing:border-box!important;
        background:
          linear-gradient(rgba(12,8,4,.96),rgba(5,3,2,.98)),
          #080503!important;
        border-color:#7c4a16!important;
        box-shadow:0 0 28px rgba(0,0,0,.85)!important;
        transition:transform .24s ease!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #MenuColumn{
        left:0!important;
        right:auto!important;
        width:min(84vw,290px)!important;
        margin:0!important;
        padding:18px 14px 28px!important;
        transform:translateX(-105%)!important;
        border-right:1px solid #a35d12!important;
    }
    #MenuColumn.furia-mobile-open{
        transform:translateX(0)!important;
    }

    #ThemeboxesColumn{
        right:0!important;
        left:auto!important;
        width:min(84vw,275px)!important;
        margin:0!important;
        padding:18px 12px 28px!important;
        transform:translateX(105%)!important;
        border-left:1px solid #a35d12!important;
        align-items:center!important;
        gap:10px!important;
    }
    #ThemeboxesColumn.furia-mobile-open{
        transform:translateX(0)!important;
    }

    /* Keep existing sidebar contents usable inside the drawers. */
    #MenuColumn #LeftArtwork,
    #MenuColumn #Loginbox,
    #MenuColumn #SideBar,
    #MenuColumn .Sidebar,
    #ThemeboxesColumn #Themeboxes,
    #ThemeboxesColumn #RightArtwork{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        margin-left:auto!important;
        margin-right:auto!important;
        max-width:100%!important;
    }
    #TibiaLogoArtworkTop{
        max-width:220px!important;
    }

    /* Central content is the only normal scrolling column on mobile. */
    body{
        background-position:center top!important;
    }
}

@media (max-width: 480px){
    .furia-mobile-toggle-label{
        display:none!important;
    }
    .furia-mobile-toggle{
        width:42px!important;
        min-width:42px!important;
        padding:0!important;
    }
    #ContentColumn{
        padding-left:3px!important;
        padding-right:3px!important;
    }
}


/* ============================================================
   FURIA GLOBAL V36.16 - MOBILE DRAWER / FIT CORRECTIONS
   - right drawer trigger always reachable
   - both sidebars fully retract off-canvas
   - central legacy content scales down only when it would overflow
   ============================================================ */
@media (max-width: 900px){
    /* Triggers are fixed to the viewport, not to the old 1200px shell. */
    .furia-mobile-nav-controls{
        position:fixed!important;
        top:8px!important;
        left:0!important;
        right:0!important;
        width:100vw!important;
        max-width:100vw!important;
        height:42px!important;
        padding:0 8px!important;
        margin:0!important;
        box-sizing:border-box!important;
        z-index:12050!important;
        pointer-events:none!important;
    }
    .furia-mobile-toggle-left,
    .furia-mobile-toggle-right{
        position:fixed!important;
        top:8px!important;
        z-index:12060!important;
        pointer-events:auto!important;
    }
    .furia-mobile-toggle-left{ left:8px!important; right:auto!important; }
    .furia-mobile-toggle-right{ right:8px!important; left:auto!important; }

    /* Ensure drawers are really outside the viewport while closed. */
    #MenuColumn{
        left:0!important;
        right:auto!important;
        transform:translate3d(-110%,0,0)!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
    #MenuColumn.furia-mobile-open{
        transform:translate3d(0,0,0)!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }
    #ThemeboxesColumn{
        right:0!important;
        left:auto!important;
        margin:0!important;
        transform:translate3d(110%,0,0)!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
    #ThemeboxesColumn.furia-mobile-open{
        transform:translate3d(0,0,0)!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    /* The desktop AAC contains many old fixed-width tables.  The JS below
       sets --furia-mobile-fit so Chromium scales only the center column
       enough to avoid clipping on narrow phones. */
    #ContentColumn{
        --furia-mobile-fit:1;
        zoom:var(--furia-mobile-fit)!important;
        width:calc(100% / var(--furia-mobile-fit))!important;
        max-width:calc(100% / var(--furia-mobile-fit))!important;
        padding-top:58px!important;
        overflow-x:visible!important;
    }
    #ContentColumn,
    #ContentColumn > *,
    #ContentColumn #Content,
    #ContentColumn #ContentHelper,
    #ContentColumn .Content,
    #ContentColumn .FuriaPageContent,
    #ContentColumn .FuriaMainContentBox{
        box-sizing:border-box!important;
    }
    #ContentColumn img,
    #ContentColumn video,
    #ContentColumn canvas{
        max-width:100%!important;
    }
    #ContentColumn input,
    #ContentColumn select,
    #ContentColumn textarea{
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    /* Backdrop must never cover the two drawer buttons. */
    .furia-mobile-backdrop{ z-index:12020!important; }
    #MenuColumn,#ThemeboxesColumn{ z-index:12030!important; }
}

/* ============================================================
   FURIA GLOBAL V36.17 - MOBILE DRAWER / LOGO / FIT POLISH
   - right drawer stays above the dim layer and is fully clickable
   - mobile logo is centered and 40px larger than desktop logo
   - center content gets a little more fit margin on narrow phones
   ============================================================ */
.furia-mobile-logo{display:none;}

@media (max-width:900px){
    /* Mobile-only centered logo. The original sidebar logo is hidden so it
       no longer appears in the left corner/drawer on phones. */
    #MenuColumn #LeftArtwork{
        display:none!important;
    }
    .furia-mobile-logo{
        display:block!important;
        position:absolute!important;
        top:4px!important;
        left:50vw!important;
        width:230px!important; /* desktop logo ~190px + 40px */
        height:auto!important;
        transform:translateX(-50%)!important;
        z-index:12035!important;
        pointer-events:auto!important;
        text-align:center!important;
    }
    .furia-mobile-logo img{
        display:block!important;
        width:230px!important;
        height:auto!important;
        max-height:170px!important;
        margin:0 auto!important;
        object-fit:contain!important;
        filter:drop-shadow(0 7px 7px #000) drop-shadow(0 0 8px rgba(217,107,8,.35))!important;
    }

    /* Give the centered logo its own vertical room. */
    #ContentColumn{
        padding-top:150px!important;
        transform-origin:top left!important;
    }

    /* Backdrop dims ONLY the page behind the drawers. */
    .furia-mobile-backdrop,
    .furia-mobile-backdrop.furia-mobile-open{
        z-index:12400!important;
    }

    #MenuColumn,
    #ThemeboxesColumn{
        z-index:12550!important;
        isolation:isolate!important;
        pointer-events:none!important;
    }
    #MenuColumn.furia-mobile-open,
    #ThemeboxesColumn.furia-mobile-open{
        pointer-events:auto!important;
    }
    #MenuColumn.furia-mobile-open *,
    #ThemeboxesColumn.furia-mobile-open *{
        pointer-events:auto!important;
    }

    /* Right drawer: keep a practical width and normal-sized widgets. */
    #ThemeboxesColumn{
        width:min(88vw,300px)!important;
        padding:58px 14px 30px!important;
        background:linear-gradient(rgba(12,8,4,.985),rgba(5,3,2,.995)),#080503!important;
    }
    #ThemeboxesColumn #Themeboxes{
        width:180px!important;
        max-width:180px!important;
        margin:0 auto!important;
        zoom:1!important;
        transform:none!important;
        transform-origin:top center!important;
    }
    #ThemeboxesColumn .furia-side-card,
    #ThemeboxesColumn #TopLvl,
    #ThemeboxesColumn #Serverinfobox,
    #ThemeboxesColumn #supportButton,
    #ThemeboxesColumn #searchcharButton,
    #ThemeboxesColumn #RightArtwork{
        zoom:1!important;
        transform:none!important;
    }

    /* The drawer triggers must remain above both drawers and backdrop. */
    .furia-mobile-nav-controls,
    .furia-mobile-toggle-left,
    .furia-mobile-toggle-right{
        z-index:12650!important;
    }

    /* Keep a few pixels of safety around legacy fixed-width content. */
    #ContentColumn{
        padding-left:5px!important;
        padding-right:5px!important;
    }
}

@media (max-width:480px){
    .furia-mobile-logo,
    .furia-mobile-logo img{
        width:230px!important;
    }
    #ContentColumn{
        padding-left:2px!important;
        padding-right:2px!important;
    }
}

/* ============================================================
   FURIA GLOBAL V36.18 - MOBILE FIT / RIGHT DRAWER / LOGO FIX
   ============================================================ */
@media (max-width:900px){
    /* The dim layer stays behind BOTH drawers. */
    .furia-mobile-backdrop,
    .furia-mobile-backdrop.furia-mobile-open{
        z-index:20000!important;
    }

    #MenuColumn,
    #ThemeboxesColumn{
        z-index:22000!important;
        opacity:1!important;
        filter:none!important;
        mix-blend-mode:normal!important;
    }
    #MenuColumn.furia-mobile-open,
    #ThemeboxesColumn.furia-mobile-open{
        z-index:23000!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        filter:none!important;
    }
    #MenuColumn.furia-mobile-open *,
    #ThemeboxesColumn.furia-mobile-open *{
        pointer-events:auto!important;
        opacity:1!important;
    }

    /* Right panel uses its real widget width and remains fully interactive. */
    #ThemeboxesColumn{
        width:min(86vw,320px)!important;
        padding:64px 18px 34px!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        background:#080503!important;
        box-shadow:-10px 0 35px rgba(0,0,0,.9)!important;
    }
    #ThemeboxesColumn #Themeboxes{
        display:block!important;
        width:180px!important;
        min-width:180px!important;
        max-width:180px!important;
        margin:0 auto!important;
        zoom:1!important;
        transform:none!important;
        opacity:1!important;
        filter:none!important;
    }
    #ThemeboxesColumn #Themeboxes > *,
    #ThemeboxesColumn .furia-side-card,
    #ThemeboxesColumn .Themebox,
    #ThemeboxesColumn #TopLvl,
    #ThemeboxesColumn #Serverinfobox,
    #ThemeboxesColumn #supportButton,
    #ThemeboxesColumn #searchcharButton{
        opacity:1!important;
        filter:none!important;
        pointer-events:auto!important;
    }

    /* Controls always sit above the drawers. */
    .furia-mobile-nav-controls,
    .furia-mobile-toggle-left,
    .furia-mobile-toggle-right{
        z-index:25000!important;
    }

    /* Mobile logo: another +40px (270 total), centered and 60px lower. */
    .furia-mobile-logo{
        top:64px!important;
        left:50vw!important;
        width:270px!important;
        transform:translateX(-50%)!important;
        z-index:19000!important;
    }
    .furia-mobile-logo img{
        width:270px!important;
        max-width:270px!important;
        max-height:205px!important;
    }

    /* Room for the larger/lower logo before the content starts. */
    #ContentColumn{
        padding-top:230px!important;
        padding-left:0!important;
        padding-right:0!important;
        margin:0!important;
        transform-origin:top left!important;
        overflow:visible!important;
    }
    #ContentColumn #Content,
    #ContentColumn #ContentHelper,
    #ContentColumn .Content{
        overflow:visible!important;
    }
}

@media (max-width:480px){
    .furia-mobile-logo,
    .furia-mobile-logo img{
        width:270px!important;
    }
    #ContentColumn{
        padding-top:225px!important;
    }
}

/* ============================================================
   FURIA GLOBAL V36.19 - MOBILE DRAWER / MENU / LOGO FINAL PASS
   ============================================================ */
@media (max-width:900px){
    /* +40px sobre V36.18: logo móvel passa de 270px para 310px. */
    .furia-mobile-logo{
        width:310px!important;
        z-index:16000!important;
    }
    .furia-mobile-logo img{
        width:310px!important;
        max-width:310px!important;
        max-height:235px!important;
    }

    /* Quando qualquer drawer abre, a logo deixa de disputar a mesma área. */
    html.furia-mobile-panel-open .furia-mobile-logo{
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    /* O overlay antigo do AAC não deve nunca bloquear os widgets móveis. */
    #ThemeboxesColumn #DeactivationContainerThemebox{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }

    /* Drawer direito realmente acima de tudo que pertence à página. */
    #ThemeboxesColumn{
        z-index:47000!important;
        width:min(90vw,330px)!important;
        padding:64px 16px 34px!important;
        opacity:1!important;
        filter:none!important;
        background:#080503!important;
    }
    #ThemeboxesColumn.furia-mobile-open{
        z-index:50000!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        filter:none!important;
        transform:translate3d(0,0,0)!important;
    }
    #ThemeboxesColumn.furia-mobile-open #Themeboxes,
    #ThemeboxesColumn.furia-mobile-open #Themeboxes *{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        filter:none!important;
    }

    /* No painel direito não usamos o backdrop como superfície clicável:
       isso elimina definitivamente a camada escura sobre os controles. */
    html.furia-mobile-right-open .furia-mobile-backdrop{
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    /* Botões continuam acima dos drawers, mas não cobrem o conteúdo interno. */
    .furia-mobile-nav-controls,
    .furia-mobile-toggle-left,
    .furia-mobile-toggle-right{
        z-index:52000!important;
    }

    /* ---------- MENU ESQUERDO ESPECÍFICO PARA CELULAR ---------- */
    #MenuColumn{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        width:min(90vw,300px)!important;
        padding:62px 12px 28px!important;
        gap:10px!important;
    }
    #MenuColumn #Loginbox,
    #MenuColumn .SmallMenuBox,
    #MenuColumn #Menu{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        transform:none!important;
        width:176px!important;
        margin:0 auto!important;
        box-sizing:border-box!important;
    }
    #MenuColumn #Loginbox{ order:1!important; margin-bottom:0!important; }
    #MenuColumn .SmallMenuBox{ order:2!important; }
    #MenuColumn #Menu{ order:3!important; }

    /* Account e Download usam exatamente o mesmo eixo/largura no drawer. */
    #MenuColumn #Loginbox #LoginButtonContainer,
    #MenuColumn .SmallMenuBox > #LoginButtonContainer{
        width:100%!important;
        max-width:100%!important;
        left:auto!important;
        right:auto!important;
        margin:0!important;
        box-sizing:border-box!important;
    }
    #MenuColumn #Loginbox #PlayNowContainer,
    #MenuColumn .SmallMenuBox #PlayNowContainer{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        width:100%!important;
        margin:0!important;
        box-sizing:border-box!important;
    }
    #MenuColumn #Loginbox #PlayNowContainer form,
    #MenuColumn .SmallMenuBox #PlayNowContainer form,
    #MenuColumn #Loginbox .MediumButtonBackground,
    #MenuColumn .SmallMenuBox .MediumButtonBackground{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        box-sizing:border-box!important;
    }

    /* Evita o texto/ALT original da imagem do botão Download duplicar o label CSS. */
    #MenuColumn .SmallMenuBox .MediumButtonText{
        opacity:0!important;
        color:transparent!important;
        font-size:0!important;
        line-height:0!important;
        text-indent:-9999px!important;
        overflow:hidden!important;
    }
    #MenuColumn .SmallMenuBox .MediumButtonBackground::after{
        content:none!important;
        display:none!important;
    }
    #MenuColumn .SmallMenuBox .MediumButtonBackground::before{
        content:"DOWNLOAD"!important;
        font-family:'MedievalSharp',Georgia,serif!important;
        font-size:16px!important;
        font-weight:400!important;
        text-indent:0!important;
    }

    /* Mais área livre para a logo maior, mas sem deslocar o desktop. */
    #ContentColumn{
        padding-top:245px!important;
    }
}

@media (max-width:480px){
    .furia-mobile-logo,
    .furia-mobile-logo img{
        width:310px!important;
    }
    #ContentColumn{
        padding-top:240px!important;
    }
}

/* ========================================================================== */
/* FURIA GLOBAL V36.20 - MOBILE RIGHT PANEL WIDTH MATCH                       */
/* ========================================================================== */
@media (max-width:900px){
    /* O drawer direito passa a usar exatamente a mesma largura do esquerdo. */
    #ThemeboxesColumn{
        width:min(90vw,300px)!important;
        min-width:0!important;
        max-width:300px!important;
        padding:62px 12px 28px!important;
        box-sizing:border-box!important;
    }

    /* Os widgets usam a mesma largura visual dos itens do menu esquerdo. */
    #ThemeboxesColumn #Themeboxes{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin:0 auto!important;
        zoom:1!important;
        transform:none!important;
        box-sizing:border-box!important;
    }

    #ThemeboxesColumn #Themeboxes > *,
    #ThemeboxesColumn .furia-side-card,
    #ThemeboxesColumn .Themebox,
    #ThemeboxesColumn #TopLvl,
    #ThemeboxesColumn #Serverinfobox,
    #ThemeboxesColumn #supportButton,
    #ThemeboxesColumn #searchcharButton{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.23 - MOBILE LOGO SMALLER + RIGHT PANEL ZOOM              */
/* BASE: V36.20                                                                */
/* ========================================================================== */
@media (max-width:900px){
    /* Logo móvel: -50px em relação à V36.20 (310 -> 260), mantendo centralização. */
    .furia-mobile-logo,
    .furia-mobile-logo img{
        width:260px!important;
        max-width:260px!important;
    }

    /* Mantém o painel direito na largura funcional da V36.20. */
    #ThemeboxesColumn{
        width:min(90vw,300px)!important;
        max-width:300px!important;
    }

    /* Ao abrir o painel direito, aumenta somente a visualização interna. */
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        zoom:1.16!important;
        transform:none!important;
        transform-origin:top center!important;
        margin:0 auto!important;
    }
}

@media (max-width:480px){
    .furia-mobile-logo,
    .furia-mobile-logo img{
        width:260px!important;
        max-width:260px!important;
    }

    /* Um pouco menos de zoom em telas muito estreitas para não cortar os widgets. */
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        zoom:1.12!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.24 - MOBILE LEFT/RIGHT DRAWER EXACT WIDTH PARITY          */
/* BASE: V36.23                                                                */
/* ========================================================================== */
@media (max-width:900px){
    /*
     * Usa exatamente as mesmas medidas no drawer esquerdo e direito.
     * Fundo preto: 300px máx / 90vw.
     * Conteúdo interno: 176px.
     */
    #MenuColumn,
    #ThemeboxesColumn{
        width:min(90vw,300px)!important;
        max-width:300px!important;
        min-width:0!important;
        padding:62px 12px 28px!important;
        box-sizing:border-box!important;
    }

    /* Widget/miolo do painel esquerdo. */
    #MenuColumn #Loginbox,
    #MenuColumn .SmallMenuBox,
    #MenuColumn #Menu{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
        transform:none!important;
        zoom:1!important;
    }

    /* Widget/miolo do painel direito: mesmas medidas exatas do esquerdo. */
    #ThemeboxesColumn #Themeboxes{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
        transform:none!important;
        zoom:1!important;
    }

    #ThemeboxesColumn #Themeboxes > *,
    #ThemeboxesColumn .furia-side-card,
    #ThemeboxesColumn .Themebox,
    #ThemeboxesColumn #TopLvl,
    #ThemeboxesColumn #Serverinfobox,
    #ThemeboxesColumn #supportButton,
    #ThemeboxesColumn #searchcharButton{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
        transform:none!important;
        zoom:1!important;
    }

    /* Remove o zoom extra da V36.23 para manter paridade visual real. */
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        zoom:1!important;
        transform:none!important;
        transform-origin:top center!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.25 - MOBILE RIGHT PANEL VISUAL MATCH TO LEFT              */
/* Base: V36.24                                                               */
/* ========================================================================== */
@media (max-width:900px){
    /*
     * O menu esquerdo está visualmente correto no celular.
     * O painel direito agora usa a MESMA proporção visual de tela:
     * aproximadamente 70vw de fundo preto.
     */
    #ThemeboxesColumn{
        width:70vw!important;
        min-width:70vw!important;
        max-width:70vw!important;
        padding:62px 12px 80px!important;
        box-sizing:border-box!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }

    /*
     * Os widgets antigos da direita foram desenhados em 176px.
     * Em vez de somente aumentar o fundo, ampliamos o bloco completo
     * (Monster, Top 5, Server Info, Support e Search) proporcionalmente.
     * 176 * 1.50 = 264px visuais, que cabe dentro de ~70vw em celulares comuns.
     */
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin:0 auto!important;
        zoom:1!important;
        transform:scale(1.50)!important;
        transform-origin:top center!important;
    }

    #ThemeboxesColumn.furia-mobile-open #Themeboxes > *,
    #ThemeboxesColumn.furia-mobile-open .furia-side-card,
    #ThemeboxesColumn.furia-mobile-open .Themebox,
    #ThemeboxesColumn.furia-mobile-open #TopLvl,
    #ThemeboxesColumn.furia-mobile-open #Serverinfobox,
    #ThemeboxesColumn.furia-mobile-open #supportButton,
    #ThemeboxesColumn.furia-mobile-open #searchcharButton{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        box-sizing:border-box!important;
    }
}

@media (max-width:420px){
    #ThemeboxesColumn{
        width:72vw!important;
        min-width:72vw!important;
        max-width:72vw!important;
    }
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        transform:scale(1.44)!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.26 - MOBILE RIGHT DRAWER PARITY + CENTER FIT              */
/* Base visual: V36.25                                                        */
/* ========================================================================== */
@media (max-width:900px){
    /* O fundo preto do painel direito passa a repetir EXATAMENTE a geometria
       do menu esquerdo da versão funcional: mesma largura e mesmo padding. */
    #ThemeboxesColumn{
        width:min(90vw,300px)!important;
        min-width:0!important;
        max-width:300px!important;
        padding:62px 12px 28px!important;
        box-sizing:border-box!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }

    /* Os widgets antigos têm 176px nativos. O zoom aumenta o bloco inteiro
       de verdade (layout + texto + imagens), em vez de só esticar o fundo. */
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin:0 auto!important;
        zoom:1.50!important;
        transform:none!important;
        transform-origin:top center!important;
    }

    #ThemeboxesColumn.furia-mobile-open #Themeboxes > *,
    #ThemeboxesColumn.furia-mobile-open .furia-side-card,
    #ThemeboxesColumn.furia-mobile-open .Themebox,
    #ThemeboxesColumn.furia-mobile-open #TopLvl,
    #ThemeboxesColumn.furia-mobile-open #Serverinfobox,
    #ThemeboxesColumn.furia-mobile-open #supportButton,
    #ThemeboxesColumn.furia-mobile-open #searchcharButton{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        box-sizing:border-box!important;
    }
}

@media (max-width:420px){
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        zoom:1.46!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.27 - MOBILE RIGHT PANEL REALLY LARGER                     */
/* Base: V36.26                                                               */
/* ========================================================================== */
@media (max-width:900px){
    /*
     * Aumenta DE VERDADE a caixa preta do painel direito.
     * Em celulares comuns ela passa a ocupar quase toda a largura.
     */
    #ThemeboxesColumn{
        width:95vw!important;
        min-width:95vw!important;
        max-width:390px!important;
        padding:58px 16px 34px!important;
        box-sizing:border-box!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        background:#080503!important;
    }

    /*
     * Os widgets da direita são nativamente 176px.
     * O zoom abaixo aumenta o conteúdo inteiro: textos, imagens,
     * Top 5, Monster of the Day, Server Info, Support e Search.
     */
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin:0 auto!important;
        zoom:1.78!important;
        transform:none!important;
        transform-origin:top center!important;
    }

    #ThemeboxesColumn.furia-mobile-open #Themeboxes > *,
    #ThemeboxesColumn.furia-mobile-open .furia-side-card,
    #ThemeboxesColumn.furia-mobile-open .Themebox,
    #ThemeboxesColumn.furia-mobile-open #TopLvl,
    #ThemeboxesColumn.furia-mobile-open #Serverinfobox,
    #ThemeboxesColumn.furia-mobile-open #supportButton,
    #ThemeboxesColumn.furia-mobile-open #searchcharButton{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        box-sizing:border-box!important;
    }
}

@media (max-width:430px){
    #ThemeboxesColumn{
        width:96vw!important;
        min-width:96vw!important;
        max-width:96vw!important;
        padding-left:12px!important;
        padding-right:12px!important;
    }

    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        zoom:1.70!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.28 - MOBILE FULL WIDTH + BIG RIGHT PANEL                  */
/* Base: V36.27                                                               */
/* ========================================================================== */
@media (max-width:900px){
    /* Painel direito ocupa toda a largura útil do celular. */
    #ThemeboxesColumn{
        top:0!important;
        bottom:0!important;
        right:0!important;
        left:auto!important;
        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        padding:54px 8px 34px!important;
        box-sizing:border-box!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        background:#050302!important;
    }

    /* Aumenta de verdade TODO o conteúdo da lateral direita. */
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin:0 auto!important;
        zoom:2.05!important;
        transform:none!important;
        transform-origin:top center!important;
    }

    #ThemeboxesColumn.furia-mobile-open #Themeboxes > *,
    #ThemeboxesColumn.furia-mobile-open .furia-side-card,
    #ThemeboxesColumn.furia-mobile-open .Themebox,
    #ThemeboxesColumn.furia-mobile-open #TopLvl,
    #ThemeboxesColumn.furia-mobile-open #Serverinfobox,
    #ThemeboxesColumn.furia-mobile-open #supportButton,
    #ThemeboxesColumn.furia-mobile-open #searchcharButton{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        box-sizing:border-box!important;
    }

    /* Logo e conteúdo sobem um pouco somente no celular. */
    .furia-mobile-logo{
        top:48px!important;
    }

    #ContentColumn{
        padding-top:205px!important;
        margin-left:0!important;
        margin-right:0!important;
    }
}

@media (max-width:430px){
    #ThemeboxesColumn{
        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;
        padding-left:6px!important;
        padding-right:6px!important;
    }

    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        zoom:2.00!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.29 - MOBILE RIGHT PANEL FULL PAGE BACKDROP + MORE ZOOM    */
/* Base: V36.28 MERGED AACadd                                                 */
/* ========================================================================== */
@media (max-width:900px){
    /* Mantém a página central V36.28 intacta. Só aumenta o drawer direito. */
    #ThemeboxesColumn{
        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;
        top:0!important;
        right:0!important;
        left:auto!important;
        bottom:auto!important;
        height:auto!important;
        max-height:none!important;
        min-height:100dvh!important;
        padding:54px 8px 42px!important;
        box-sizing:border-box!important;
        overflow:visible!important;
        background:#050302!important;
    }

    /* Um pouco mais de zoom que a V36.28. */
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        margin:0 auto!important;
        zoom:2.20!important;
        transform:none!important;
        transform-origin:top center!important;
    }

    #ThemeboxesColumn.furia-mobile-open #Themeboxes > *,
    #ThemeboxesColumn.furia-mobile-open .furia-side-card,
    #ThemeboxesColumn.furia-mobile-open .Themebox,
    #ThemeboxesColumn.furia-mobile-open #TopLvl,
    #ThemeboxesColumn.furia-mobile-open #Serverinfobox,
    #ThemeboxesColumn.furia-mobile-open #supportButton,
    #ThemeboxesColumn.furia-mobile-open #searchcharButton{
        width:176px!important;
        min-width:176px!important;
        max-width:176px!important;
        box-sizing:border-box!important;
    }
}

@media (max-width:430px){
    #ThemeboxesColumn.furia-mobile-open #Themeboxes{
        zoom:2.15!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.30 - MOBILE FINAL LOGO + CONTENT + FOOTER POLISH          */
/* Base: V36.29 MERGED AACadd                                                 */
/* ========================================================================== */
@media (max-width:900px){
    /*
     * Logo mobile: 10% menor que os 260px atuais.
     * 260px -> 234px.
     * Sobe 20px e o conteúdo central sobe os mesmos 20px.
     */
    .furia-mobile-logo,
    .furia-mobile-logo img{
        width:234px!important;
        max-width:234px!important;
    }

    .furia-mobile-logo{
        top:28px!important; /* V36.29/V36.28: 48px -> 28px */
    }

    #ContentColumn{
        padding-top:185px!important; /* 205px -> 185px, mesmo deslocamento de 20px */
    }

    /*
     * Rodapé mobile: fica separado do conteúdo principal e mais perto
     * do final real da página, sem ocupar espaço importante no meio.
     */
    #Footer{
        margin-top:72px!important;
        padding-top:14px!important;
        padding-bottom:18px!important;
        min-height:0!important;
        height:auto!important;
        position:relative!important;
        clear:both!important;
    }
}

@media (max-width:430px){
    .furia-mobile-logo,
    .furia-mobile-logo img{
        width:234px!important;
        max-width:234px!important;
    }

    #Footer{
        margin-top:64px!important;
        padding-bottom:14px!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.31 - MOBILE FULL BACKGROUND ART                           */
/* Base: V36.30                                                               */
/* ========================================================================== */
@media (max-width:900px){
    /*
     * Mobile only:
     * - remove o gradiente escuro que fechava a região central;
     * - mantém exatamente a mesma arte já usada pelo AAC;
     * - mostra a imagem sem filtro/overlay escuro por cima.
     */
    body:not([data-furia-subtopic="landing"]){
        background-color:#070504!important;
        background-image:url('../images/global/header/background-artwork.jpg')!important;
        background-repeat:no-repeat!important;
        background-position:center top!important;
        background-size:cover!important;
        background-attachment:fixed!important;
    }
}

/* Em telas bem estreitas preserva a arte inteira horizontalmente. */
@media (max-width:480px){
    body:not([data-furia-subtopic="landing"]){
        background-size:100% auto!important;
        background-repeat:repeat-y!important;
        background-position:center top!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.32 - MOBILE PORTRAIT BACKGROUND (NO REPEAT)               */
/* ========================================================================== */
@media (max-width:900px){
    body:not([data-furia-subtopic="landing"]){
        background-color:#100906!important;
        background-image:url('../images/global/header/background-artwork-mobile.jpg')!important;
        background-repeat:no-repeat!important;
        background-position:center top!important;
        background-size:cover!important;
        background-attachment:fixed!important;
    }
}

@media (max-width:480px){
    body:not([data-furia-subtopic="landing"]){
        background-image:url('../images/global/header/background-artwork-mobile.jpg')!important;
        background-repeat:no-repeat!important;
        background-position:center top!important;
        background-size:cover!important;
        background-attachment:fixed!important;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.34 - MENU CATEGORY ICONS ORIGINAL COLORS                  */
/* Remove qualquer recoloracao/filtro dos GIFs animados do menu esquerdo.     */
/* ========================================================================== */
#Menu .MenuButton .Icon,
.MenuButton .Icon,
#news_Icon,
#community_Icon,
#forum_Icon,
#account_Icon,
#library_Icon,
#wars_Icon,
#events_Icon,
#support_Icon,
#shop_Icon{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    background-blend-mode:normal!important;
}

/* Garante que hover/estado ativo nao volte a dourar os GIFs. */
#Menu .MenuButton:hover .Icon,
#Menu .MenuButton.Active .Icon,
#Menu .MenuButton .Icon:hover{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.35 - TRUE ORIGINAL-COLORED MENU GIF ASSETS                */
/* The category GIF files themselves are now colorful originals.              */
/* ========================================================================== */
#news_Icon,
#community_Icon,
#forum_Icon,
#account_Icon,
#library_Icon,
#wars_Icon,
#events_Icon,
#support_Icon,
#shop_Icon,
#Menu .MenuButton .Icon,
#Menu .MenuButton:hover .Icon,
#Menu .MenuButton.Active .Icon{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    background-blend-mode:normal!important;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.36 - LEFT ALIGN + GLOBAL TITLE FONT                       */
/* ========================================================================== */

/* ACCOUNT, DOWNLOAD e MENU: mesmo eixo vertical/horizontal no desktop. */
@media (min-width:901px){
    #Loginbox,
    .SmallMenuBox,
    #Menu{
        position:relative!important;
        left:2px!important;
        margin-left:0!important;
        width:176px!important;
        box-sizing:border-box!important;
    }

    /* Mantém os três blocos com o mesmo deslocamento vertical já aprovado. */
    #Loginbox,
    .SmallMenuBox,
    #Menu{
        transform:translateY(-2px)!important;
    }
}

/* Tipografia padrão do servidor em TODOS os títulos da área de conteúdo. */
#ContentColumn #ContentBoxHeadline,
#ContentColumn .ContentBoxHeadline,
#ContentColumn .AACHeadlineText,
#ContentColumn .Headline,
#ContentColumn .BoxHeadline,
#ContentColumn .Title,
#ContentColumn .CaptionContainer .Text,
#ContentColumn .TableHeadline,
#ContentColumn .TableSubHeader,
#ContentColumn .FuriaCentralTitleBar,
#ContentColumn .FuriaGuildsTitle,
#ContentColumn .FuriaArticleTitle,
#ContentColumn .FuriaLatestNewsBracerTitle,
#ContentColumn .NewsHeadlineText,
#ContentColumn .NewsHeadlineDate,
#ContentColumn .FuriaPageTitle,
#ContentColumn .FuriaPageContent h1,
#ContentColumn .FuriaPageContent h2,
#ContentColumn .FuriaPageContent h3,
#ContentColumn .FuriaPageContent h4,
#ContentColumn .FuriaPageContent h5,
#ContentColumn .FuriaPageContent h6,
#ContentColumn h1,
#ContentColumn h2,
#ContentColumn h3,
#ContentColumn h4,
#ContentColumn h5,
#ContentColumn h6{
    font-family:'MedievalSharp', Georgia, 'Times New Roman', serif!important;
}

/* Mantém peso coerente com o menu/títulos oficiais do Furia Global. */
#ContentColumn #ContentBoxHeadline,
#ContentColumn .ContentBoxHeadline,
#ContentColumn .AACHeadlineText,
#ContentColumn .Headline,
#ContentColumn .BoxHeadline,
#ContentColumn .Title,
#ContentColumn .CaptionContainer .Text,
#ContentColumn .TableHeadline,
#ContentColumn .TableSubHeader,
#ContentColumn .FuriaCentralTitleBar,
#ContentColumn .FuriaGuildsTitle,
#ContentColumn .FuriaArticleTitle,
#ContentColumn .FuriaLatestNewsBracerTitle,
#ContentColumn .NewsHeadlineText,
#ContentColumn .FuriaPageTitle{
    font-weight:400!important;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.37 - FORCE MEDIEVALSHARP ON ALL PAGE/SUBTOPIC TITLES      */
/* ========================================================================== */

/*
 * Alguns PHPs antigos do AAC aplicam Georgia/Verdana diretamente em elementos
 * filhos dos cabeçalhos. Por isso a regra anterior no container não bastava.
 * Aqui aplicamos a fonte também aos filhos reais que recebem o texto.
 */
#ContentColumn #ContentBoxHeadline,
#ContentColumn #ContentBoxHeadline *,
#ContentColumn .ContentBoxHeadline,
#ContentColumn .ContentBoxHeadline *,
#ContentColumn .AACHeadlineText,
#ContentColumn .AACHeadlineText *,
#ContentColumn .Title,
#ContentColumn .Title *,
#ContentColumn .Headline,
#ContentColumn .Headline *,
#ContentColumn .BoxHeadline,
#ContentColumn .BoxHeadline *,
#ContentColumn .CaptionContainer .Text,
#ContentColumn .CaptionContainer .Text *,
#ContentColumn .CaptionInnerContainer .Text,
#ContentColumn .CaptionInnerContainer .Text *,
#ContentColumn .TableHeadline,
#ContentColumn .TableHeadline *,
#ContentColumn .TableSubHeader,
#ContentColumn .TableSubHeader *,
#ContentColumn .NewsHeadline,
#ContentColumn .NewsHeadline *,
#ContentColumn .NewsHeadlineText,
#ContentColumn .NewsHeadlineText *,
#ContentColumn .NewsHeadlineDate,
#ContentColumn .NewsHeadlineDate *,
#ContentColumn .FuriaPageTitle,
#ContentColumn .FuriaPageTitle *,
#ContentColumn .FuriaCentralTitleBar,
#ContentColumn .FuriaCentralTitleBar *,
#ContentColumn .FuriaGuildsTitle,
#ContentColumn .FuriaGuildsTitle *,
#ContentColumn .FuriaArticleTitle,
#ContentColumn .FuriaArticleTitle *,
#ContentColumn .FuriaLatestNewsBracerTitle,
#ContentColumn .FuriaLatestNewsBracerTitle *,
#ContentColumn .FuriaPageContent h1,
#ContentColumn .FuriaPageContent h1 *,
#ContentColumn .FuriaPageContent h2,
#ContentColumn .FuriaPageContent h2 *,
#ContentColumn .FuriaPageContent h3,
#ContentColumn .FuriaPageContent h3 *,
#ContentColumn .FuriaPageContent h4,
#ContentColumn .FuriaPageContent h4 *,
#ContentColumn .FuriaPageContent h5,
#ContentColumn .FuriaPageContent h5 *,
#ContentColumn .FuriaPageContent h6,
#ContentColumn .FuriaPageContent h6 *,
#ContentColumn h1,
#ContentColumn h1 *,
#ContentColumn h2,
#ContentColumn h2 *,
#ContentColumn h3,
#ContentColumn h3 *,
#ContentColumn h4,
#ContentColumn h4 *,
#ContentColumn h5,
#ContentColumn h5 *,
#ContentColumn h6,
#ContentColumn h6 * {
    font-family:'MedievalSharp', Georgia, 'Times New Roman', serif !important;
}

/*
 * Cobertura para títulos de subpáginas antigas que usam classes contendo
 * Title/Headline/Caption em vez das classes modernas.
 */
#ContentColumn .FuriaPageContent [class*="Title"],
#ContentColumn .FuriaPageContent [class*="Title"] *,
#ContentColumn .FuriaPageContent [class*="Headline"],
#ContentColumn .FuriaPageContent [class*="Headline"] *,
#ContentColumn .FuriaPageContent [class*="Caption"] .Text,
#ContentColumn .FuriaPageContent [class*="Caption"] .Text * {
    font-family:'MedievalSharp', Georgia, 'Times New Roman', serif !important;
}

/* Mantém o visual da fonte padrão do menu, sem negrito exagerado do CSS antigo. */
#ContentColumn #ContentBoxHeadline,
#ContentColumn .AACHeadlineText,
#ContentColumn .CaptionContainer .Text,
#ContentColumn .TableHeadline,
#ContentColumn .TableSubHeader,
#ContentColumn .FuriaPageTitle,
#ContentColumn .FuriaCentralTitleBar {
    font-weight:400 !important;
    letter-spacing:.1px !important;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.38 - DEFINITIVE TITLE FONT + TOP5 ALIGNMENT FIX           */
/* ========================================================================== */

/* Page/subtopic headline: deliberately more specific than all legacy rules. */
#ContentColumn #NewsArchive.FuriaMainContentBox > #ContentBoxHeadline,
#ContentColumn #NewsArchive.FuriaMainContentBox > #ContentBoxHeadline *,
#ContentColumn #NewsArchive[class*="furia-shell-"] > #ContentBoxHeadline,
#ContentColumn #NewsArchive[class*="furia-shell-"] > #ContentBoxHeadline *{
    font-family:var(--furia-menu-font)!important;
    font-weight:400!important;
}

/* All internal title bars/headlines generated by old AAC subpages. */
#ContentColumn #NewsArchive .CaptionContainer .Text,
#ContentColumn #NewsArchive .CaptionContainer .Text *,
#ContentColumn #NewsArchive .CaptionInnerContainer .Text,
#ContentColumn #NewsArchive .CaptionInnerContainer .Text *,
#ContentColumn #NewsArchive .TableHeadline,
#ContentColumn #NewsArchive .TableHeadline *,
#ContentColumn #NewsArchive .TableSubHeader,
#ContentColumn #NewsArchive .TableSubHeader *,
#ContentColumn #NewsArchive .FuriaCentralTitleBar,
#ContentColumn #NewsArchive .FuriaCentralTitleBar *,
#ContentColumn #NewsArchive .FuriaPageTitle,
#ContentColumn #NewsArchive .FuriaPageTitle *,
#ContentColumn #NewsArchive .FuriaArticleTitle,
#ContentColumn #NewsArchive .FuriaArticleTitle *,
#ContentColumn #NewsArchive .FuriaGuildsTitle,
#ContentColumn #NewsArchive .FuriaGuildsTitle *,
#ContentColumn #NewsArchive .NewsHeadlineText,
#ContentColumn #NewsArchive .NewsHeadlineText *,
#ContentColumn #NewsArchive h1,
#ContentColumn #NewsArchive h1 *,
#ContentColumn #NewsArchive h2,
#ContentColumn #NewsArchive h2 *,
#ContentColumn #NewsArchive h3,
#ContentColumn #NewsArchive h3 *,
#ContentColumn #NewsArchive h4,
#ContentColumn #NewsArchive h4 *,
#ContentColumn #NewsArchive h5,
#ContentColumn #NewsArchive h5 *,
#ContentColumn #NewsArchive h6,
#ContentColumn #NewsArchive h6 *{
    font-family:var(--furia-menu-font)!important;
}

/* Legacy CSS occasionally writes the font on nested spans/b/strong tags. */
#ContentColumn #NewsArchive #ContentBoxHeadline span,
#ContentColumn #NewsArchive #ContentBoxHeadline b,
#ContentColumn #NewsArchive #ContentBoxHeadline strong,
#ContentColumn #NewsArchive .CaptionContainer .Text span,
#ContentColumn #NewsArchive .CaptionContainer .Text b,
#ContentColumn #NewsArchive .CaptionContainer .Text strong{
    font-family:var(--furia-menu-font)!important;
}

/* --------------------------------------------------------------------------
   TOP 5 EXPERIENCE
   Reset the old -10/-10 displacement and give the crest/avatar their own
   stable cells. This prevents the crest from clipping and the outfit from
   entering the player's text.
   -------------------------------------------------------------------------- */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-row{
    grid-template-columns:32px 46px minmax(0,1fr)!important;
    column-gap:4px!important;
    min-height:60px!important;
    padding:4px 5px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}

#Themeboxes #TopLvl.furia-rank-card .furia-rank-position{
    width:32px!important;
    min-width:32px!important;
    height:40px!important;
    overflow:visible!important;
}

#Themeboxes #TopLvl.furia-rank-card .furia-rank-crest{
    margin:0 auto!important;
    transform:none!important;
}

#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar{
    width:46px!important;
    min-width:46px!important;
    height:52px!important;
    overflow:visible!important;
    margin:0!important;
}

#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > img:not([data-furia-rendered="1"]),
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > canvas.furia-outfit-canvas-rendered{
    max-width:46px!important;
    max-height:52px!important;
    transform:translate(0,-2px) scale(1.12)!important;
    transform-origin:center center!important;
}

/* If a renderer ever tries to leave more than one generated canvas behind,
   only the first one is displayed. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar >
canvas.furia-outfit-canvas-rendered ~ canvas.furia-outfit-canvas-rendered{
    display:none!important;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.39 - TOP 5 OUTFIT +10PX / RIGHT 10PX / UP 10PX            */
/* Base: V36.38                                                               */
/* ========================================================================== */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar{
    width:56px!important;
    min-width:56px!important;
    height:62px!important;
    overflow:visible!important;
}

/* Outfit: +10px de área, +10px direita e +10px para cima. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > img:not([data-furia-rendered="1"]),
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > canvas.furia-outfit-canvas-rendered{
    max-width:56px!important;
    max-height:62px!important;
    transform:translate(10px,-12px) scale(1.12)!important;
    transform-origin:center center!important;
}

/* Mantém espaço suficiente sem empurrar/cortar o brasão ou o nome. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-row{
    grid-template-columns:32px 56px minmax(0,1fr)!important;
    min-height:62px!important;
    overflow:visible!important;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.40 - ACCOUNT MINI STATUS + WEBSHOP SELECTION              */
/* ========================================================================== */
.furia-account-mini-status{
    position:fixed;
    top:10px;
    right:18px;
    z-index:1200;
    width:178px;
    padding:7px 10px 8px;
    border:1px solid #8b561c;
    border-radius:4px;
    background:linear-gradient(180deg,rgba(55,32,13,.96),rgba(17,11,6,.97));
    box-shadow:0 5px 18px rgba(0,0,0,.55),inset 0 1px rgba(255,199,102,.08);
    color:#e7cf9d;
    font-family:var(--furia-menu-font);
    box-sizing:border-box;
}
.furia-account-mini-title{
    color:#ffbd55;
    font-size:12px;
    line-height:1;
    letter-spacing:1.2px;
    text-align:center;
    padding-bottom:5px;
    margin-bottom:4px;
    border-bottom:1px solid rgba(139,86,28,.55);
}
.furia-account-mini-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    font-size:11px;
    line-height:1.45;
}
.furia-account-mini-row strong{color:#ffd48b;font-weight:400}
.furia-account-mini-label{color:#a98c68}

.furia-shop-service-selected{
    outline:2px solid #c9822c!important;
    outline-offset:-2px!important;
    box-shadow:0 0 12px rgba(201,130,44,.55)!important;
    background:rgba(92,50,14,.28)!important;
}
.furia-shop-selected-box{
    margin:9px 0 12px;
    border:1px solid #7c4a16;
    background:linear-gradient(180deg,#251507,#100b06);
    box-shadow:inset 0 1px rgba(255,205,120,.07);
    color:#dcc49a;
}
.furia-shop-selected-caption{
    padding:6px 10px;
    border-bottom:1px solid #7c4a16;
    color:#ffbd55;
    font-family:var(--furia-menu-font)!important;
    font-size:14px;
    letter-spacing:.5px;
}
.furia-shop-selected-body{
    min-height:72px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    gap:12px;
}
.furia-shop-selected-preview{
    width:62px;
    height:62px;
    flex:0 0 62px;
    border:1px solid #6c431d;
    background-color:#0d0905;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    box-shadow:inset 0 0 10px rgba(0,0,0,.7);
}
.furia-shop-selected-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.furia-shop-selected-info strong{
    color:#f4d7a2;
    font-family:var(--furia-menu-font)!important;
    font-size:15px;
    font-weight:400;
}
.furia-shop-selected-info span{
    color:#d99542;
    font-size:12px;
}
@media (max-width:900px){
    .furia-account-mini-status{
        position:absolute;
        top:8px;
        right:54px;
        width:150px;
        padding:6px 8px;
    }
}


/* ========================================================================== */
/* FURIA GLOBAL V36.41 - SHOP RECIPIENT + ADMIN COINS                         */
/* ========================================================================== */
.furia-shop-recipient-choice{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#f1d6a2;
    font-family:var(--furia-menu-font);
    font-size:14px;
}
.furia-shop-recipient-fields{
    margin:7px 0 2px 24px;
    padding:8px 10px;
    border:1px solid #704516;
    background:rgba(13,9,5,.72);
}
.furia-shop-recipient-fields label,
.furia-shop-recipient-fields small{
    display:block;
    margin-bottom:5px;
    color:#bda37c;
}
.furia-shop-recipient-fields select,
.furia-shop-recipient-fields input[type="text"]{
    width:100%;
    max-width:320px;
    box-sizing:border-box;
    padding:6px 8px;
    border:1px solid #7c4a16;
    background:#130d08;
    color:#f3d9a7;
}
.furia-admin-coin-form{
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(130px,180px) auto;
    gap:10px;
    align-items:end;
    padding:10px;
}
.furia-admin-coin-form label{
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#d9bd8b;
    font-family:var(--furia-menu-font);
}
.furia-admin-coin-form input{
    min-height:34px;
    padding:6px 8px;
    border:1px solid #7c4a16;
    border-radius:3px;
    background:#130d08;
    color:#f3d9a7;
}
.furia-admin-coin-form button{
    min-height:34px;
    padding:6px 14px;
    border:1px solid #a0601d;
    border-radius:3px;
    background:linear-gradient(#704116,#3a210b);
    color:#ffd58e;
    font-family:var(--furia-menu-font);
    cursor:pointer;
}
.furia-admin-coin-message{
    margin:0 0 10px;
    padding:9px 12px;
    border:1px solid #7c4a16;
    background:#171006;
    font-family:var(--furia-menu-font);
}
.furia-admin-coin-message.success{color:#b6e4a8;border-color:#527a38}
.furia-admin-coin-message.error{color:#f0aaa0;border-color:#8b3d32}
@media(max-width:700px){
    .furia-admin-coin-form{grid-template-columns:1fr}
}


/* ========================================================================== */
/* FURIA GLOBAL V36.42 - NEW SYSTEMS + RADIO GUARD + ADMIN COINS + TOP5       */
/* ========================================================================== */

/* Text label for the new menu category; same visual language as the AAC. */
#Menu #newsystems_Label.furia-text-menu-label{
    background-image:none!important;
    filter:none!important;
    display:flex!important;
    align-items:center!important;
    width:112px!important;
    height:22px!important;
    color:#d6a45e!important;
    font-family:var(--furia-menu-font)!important;
    font-size:15px!important;
    line-height:22px!important;
    text-shadow:0 1px 1px #000,0 0 5px rgba(177,98,28,.35)!important;
    white-space:nowrap!important;
}

/* V36.42: move only the Top 5 outfit 30px to the left from V36.41. */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > img:not([data-furia-rendered="1"]),
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > canvas.furia-outfit-canvas-rendered{
    transform:translate(-20px,-12px) scale(1.12)!important;
    transform-origin:center center!important;
}

/* Admin coin status lives directly under the form. */
.furia-admin-coin-status{
    padding:0 10px 10px;
}
.furia-admin-coin-status .furia-admin-coin-message{
    margin:8px 0 0!important;
}
.furia-admin-coin-message.success{
    color:#a8e29b!important;
    border-color:#4f8a3d!important;
    background:rgba(23,67,18,.35)!important;
}
.furia-admin-coin-message.error{
    color:#ffaaa0!important;
    border-color:#9e4035!important;
    background:rgba(89,22,18,.35)!important;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.45 - TOP5 + MONSTER BIOME BACKGROUNDS                     */
/* ========================================================================== */

/* V36.45: move Top 5 outfit 5px to the right from V36.42 (-20 -> -15). */
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > img:not([data-furia-rendered="1"]),
#Themeboxes #TopLvl.furia-rank-card .furia-rank-avatar > canvas.furia-outfit-canvas-rendered{
    transform:translate(-15px,-12px) scale(1.12)!important;
    transform-origin:center center!important;
}

/*
 * Monster of the Day biome system.
 * Each biome changes the "scene" behind the animated monster while preserving
 * the original GIF. No repeated image is required.
 */
#Themeboxes #RightArtwork.FuriaMonsterStage{
    --furia-monster-glow:rgba(212,130,42,.62);
    --furia-monster-glow-soft:rgba(212,130,42,.22);
}

#Themeboxes #RightArtwork .FuriaMonsterDisplay::before{
    overflow:hidden!important;
    background:
        radial-gradient(ellipse at 50% 88%,rgba(114,77,39,.55) 0 10%,rgba(44,31,18,.72) 11% 26%,transparent 27%),
        radial-gradient(circle at 30% 32%,rgba(177,132,69,.16),transparent 28%),
        linear-gradient(180deg,#20170d 0%,#100c08 55%,#090604 100%)!important;
}

/* Glow is now active and sits behind the monster. */
#Themeboxes #RightArtwork .FuriaMonsterAura{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:56%!important;
    width:104px!important;
    height:84px!important;
    transform:translate(-50%,-50%)!important;
    z-index:4!important;
    pointer-events:none!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse at center,var(--furia-monster-glow) 0%,var(--furia-monster-glow-soft) 42%,transparent 72%)!important;
    filter:blur(8px)!important;
    opacity:.92!important;
}

#Themeboxes #RightArtwork #Monster.FuriaMonsterImage{
    position:relative!important;
    z-index:8!important;
    filter:
        drop-shadow(0 5px 5px rgba(0,0,0,.96))
        drop-shadow(0 0 7px var(--furia-monster-glow))!important;
}

/* FIRE / DRAGONS / DEMONS */
#Themeboxes #RightArtwork.FuriaMonsterBiome-fire{
    --furia-monster-glow:rgba(255,91,12,.90);
    --furia-monster-glow-soft:rgba(255,132,24,.36);
}
#Themeboxes #RightArtwork.FuriaMonsterBiome-fire .FuriaMonsterDisplay::before{
    background:
        radial-gradient(circle at 24% 82%,rgba(255,187,33,.92) 0 2%,rgba(239,68,8,.70) 3% 10%,transparent 20%),
        radial-gradient(circle at 68% 84%,rgba(255,212,64,.80) 0 2%,rgba(205,44,6,.68) 4% 12%,transparent 23%),
        radial-gradient(ellipse at 50% 100%,rgba(222,49,5,.78) 0 16%,rgba(93,22,7,.62) 34%,transparent 60%),
        linear-gradient(180deg,#241008 0%,#160805 48%,#080302 100%)!important;
}

/* WATER / MARINE */
#Themeboxes #RightArtwork.FuriaMonsterBiome-water{
    --furia-monster-glow:rgba(69,190,255,.84);
    --furia-monster-glow-soft:rgba(50,154,224,.30);
}
#Themeboxes #RightArtwork.FuriaMonsterBiome-water .FuriaMonsterDisplay::before{
    background:
        radial-gradient(ellipse at 50% 92%,rgba(73,187,224,.40) 0 10%,transparent 42%),
        repeating-radial-gradient(ellipse at 50% 112%,rgba(130,224,255,.16) 0 2px,transparent 3px 12px),
        linear-gradient(180deg,#071725 0%,#08253a 48%,#041019 100%)!important;
}

/* ICE / FROST */
#Themeboxes #RightArtwork.FuriaMonsterBiome-ice{
    --furia-monster-glow:rgba(180,237,255,.90);
    --furia-monster-glow-soft:rgba(120,207,245,.32);
}
#Themeboxes #RightArtwork.FuriaMonsterBiome-ice .FuriaMonsterDisplay::before{
    background:
        linear-gradient(135deg,transparent 0 34%,rgba(199,241,255,.14) 35% 38%,transparent 39% 62%,rgba(160,218,242,.12) 63% 66%,transparent 67%),
        radial-gradient(ellipse at 50% 88%,rgba(174,229,248,.26),transparent 48%),
        linear-gradient(180deg,#102533,#0b1a25 52%,#061017 100%)!important;
}

/* EARTH / BEASTS / GOLEMS */
#Themeboxes #RightArtwork.FuriaMonsterBiome-earth{
    --furia-monster-glow:rgba(201,142,74,.72);
    --furia-monster-glow-soft:rgba(151,104,53,.28);
}
#Themeboxes #RightArtwork.FuriaMonsterBiome-earth .FuriaMonsterDisplay::before{
    background:
        radial-gradient(ellipse at 30% 82%,rgba(103,77,43,.75) 0 14%,transparent 30%),
        radial-gradient(ellipse at 72% 84%,rgba(78,57,33,.82) 0 18%,transparent 34%),
        linear-gradient(180deg,#1d180f,#151008 50%,#090704 100%)!important;
}

/* NATURE / FOREST */
#Themeboxes #RightArtwork.FuriaMonsterBiome-nature{
    --furia-monster-glow:rgba(111,211,78,.74);
    --furia-monster-glow-soft:rgba(72,156,50,.28);
}
#Themeboxes #RightArtwork.FuriaMonsterBiome-nature .FuriaMonsterDisplay::before{
    background:
        radial-gradient(circle at 16% 28%,rgba(93,158,56,.20) 0 8%,transparent 10%),
        radial-gradient(circle at 82% 24%,rgba(110,180,65,.16) 0 9%,transparent 11%),
        radial-gradient(ellipse at 50% 92%,rgba(67,102,38,.48),transparent 46%),
        linear-gradient(180deg,#0d2010,#0a170b 54%,#050a05 100%)!important;
}

/* VENOM / SPIDERS / REPTILES */
#Themeboxes #RightArtwork.FuriaMonsterBiome-venom{
    --furia-monster-glow:rgba(151,232,58,.82);
    --furia-monster-glow-soft:rgba(109,180,45,.30);
}
#Themeboxes #RightArtwork.FuriaMonsterBiome-venom .FuriaMonsterDisplay::before{
    background:
        radial-gradient(circle at 28% 78%,rgba(128,214,51,.18) 0 6%,transparent 7%),
        radial-gradient(circle at 72% 84%,rgba(96,186,36,.17) 0 8%,transparent 9%),
        linear-gradient(180deg,#101a08,#0b1207 52%,#050804 100%)!important;
}

/* UNDEAD / GHOSTS */
#Themeboxes #RightArtwork.FuriaMonsterBiome-undead{
    --furia-monster-glow:rgba(174,117,255,.80);
    --furia-monster-glow-soft:rgba(114,72,181,.30);
}
#Themeboxes #RightArtwork.FuriaMonsterBiome-undead .FuriaMonsterDisplay::before{
    background:
        radial-gradient(circle at 50% 26%,rgba(173,125,215,.13),transparent 26%),
        radial-gradient(ellipse at 50% 92%,rgba(91,63,113,.40),transparent 48%),
        linear-gradient(180deg,#171020,#0e0a15 52%,#07050a 100%)!important;
}

/* ARCANE / ENERGY */
#Themeboxes #RightArtwork.FuriaMonsterBiome-arcane{
    --furia-monster-glow:rgba(84,156,255,.88);
    --furia-monster-glow-soft:rgba(92,92,255,.30);
}
#Themeboxes #RightArtwork.FuriaMonsterBiome-arcane .FuriaMonsterDisplay::before{
    background:
        radial-gradient(circle at 50% 46%,rgba(70,159,255,.18),transparent 28%),
        repeating-conic-gradient(from 0deg at 50% 50%,rgba(119,96,255,.08) 0deg 8deg,transparent 8deg 34deg),
        linear-gradient(180deg,#0d1225,#090d19 52%,#05070d 100%)!important;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.47 - MONSTER POSITION + SERVER INFO + NEW SYSTEM PAGES    */
/* ========================================================================== */

/* Monster of the Day: keep the monster fully inside the inner biome square. */
#Themeboxes #RightArtwork.FuriaMonsterStage{
    overflow:hidden!important;
}
#Themeboxes #RightArtwork .FuriaMonsterDisplay{
    overflow:hidden!important;
}
#Themeboxes #RightArtwork .FuriaMonsterDisplay::before{
    left:10px!important;
    top:8px!important;
    width:154px!important;
    height:134px!important;
    box-sizing:border-box!important;
}
#Themeboxes #RightArtwork .FuriaMonsterImageWrap{
    position:absolute!important;
    top:18px!important;
    left:22px!important;
    width:130px!important;
    height:110px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    z-index:8!important;
}
#Themeboxes #RightArtwork #Monster.FuriaMonsterImage{
    position:static!important;
    width:auto!important;
    height:auto!important;
    max-width:112px!important;
    max-height:102px!important;
    object-fit:contain!important;
    transform:none!important;
}

/* Server Info: +10px of usable size so no text is eaten by the card edge. */
#Themeboxes #Serverinfobox{
    width:186px!important;
    min-width:186px!important;
    max-width:186px!important;
    min-height:114px!important;
    margin-left:-5px!important;
    margin-right:-5px!important;
    overflow:visible!important;
}
#Themeboxes #Serverinfobox .furia-card-link{
    display:block!important;
    width:100%!important;
    min-height:112px!important;
    box-sizing:border-box!important;
}

/* New Systems documentation pages. */
.furia-system-page{
    color:#d9c4a2;
    line-height:1.55;
}
.furia-system-intro,
.furia-system-section,
.furia-system-note{
    margin:0 0 12px;
    padding:13px 15px;
    border:1px solid #704516;
    background:
        radial-gradient(circle at 50% -30%,rgba(217,107,8,.10),transparent 45%),
        linear-gradient(180deg,#1b120b,#0e0a07);
    box-shadow:inset 0 1px rgba(255,210,130,.05);
}
.furia-system-title,
.furia-system-page h3{
    margin:0 0 8px;
    color:#ffbd55;
    font-family:var(--furia-menu-font)!important;
    font-weight:400!important;
    text-shadow:1px 1px 2px #000;
}
.furia-system-title{font-size:19px}
.furia-system-page h3{font-size:16px}
.furia-system-page p{margin:6px 0}
.furia-system-page code{
    padding:2px 5px;
    border:1px solid #5d3a17;
    background:#090604;
    color:#ffd58e;
}
.furia-rarity-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-bottom:12px;
}
.furia-rarity-card{
    padding:12px;
    border:1px solid #664019;
    background:#0f0a06;
}
.furia-rarity-card strong{
    display:block;
    font-family:var(--furia-menu-font)!important;
    font-size:17px;
    font-weight:400;
}
.furia-rarity-card span{
    display:block;
    margin:2px 0 7px;
    font-size:11px;
    color:#9f8667;
}
.rarity-common strong{color:#d6d6d6}
.rarity-rare strong{color:#5ea5ff}
.rarity-epic strong{color:#b46cff}
.rarity-legendary strong{color:#ffb52d}
.furia-system-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:9px 0;
}
.furia-system-tags span{
    padding:4px 7px;
    border:1px solid #674019;
    background:#110b06;
    color:#e8c98e;
    font-size:11px;
}
.furia-system-table{
    width:100%;
    border-collapse:collapse;
    background:#0d0906;
}
.furia-system-table th,
.furia-system-table td{
    padding:8px 9px;
    border:1px solid #5e3b19;
    text-align:left;
    vertical-align:top;
}
.furia-system-table th{
    color:#ffbd55;
    font-family:var(--furia-menu-font)!important;
    font-weight:400;
    background:#1b1008;
}
.gem-ruby{color:#ff6858}
.gem-emerald{color:#69d889}
.gem-sapphire{color:#6ab5ff}
.gem-topaz{color:#ffd15b}
.gem-amethyst{color:#c58cff}
.furia-command-box{
    margin:7px 0;
    padding:9px 10px;
    border-left:3px solid #9a5d18;
    background:#0c0805;
}
.furia-command-box p{margin:5px 0 0}
.furia-system-note{
    color:#bfa27b;
    border-color:#5d3b1b;
    font-size:11px;
}
@media(max-width:700px){
    .furia-rarity-grid{grid-template-columns:1fr}
}


/* ========================================================================== */
/* FURIA GLOBAL V36.48 - NEW SYSTEMS VISUAL OVERHAUL + SHOP TRANSACTION FIX   */
/* ========================================================================== */

/* Unique New Systems icon: keep original GIF colors. */
#newsystems_Icon{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
}

/* Shared New Systems hero. */
.furia-system-hero{
    display:grid;
    grid-template-columns:minmax(210px,38%) 1fr;
    gap:14px;
    margin:0 0 12px;
    padding:13px;
    border:1px solid #704516;
    background:linear-gradient(180deg,#1b120b,#0c0805);
    box-shadow:inset 0 1px rgba(255,210,130,.06),0 7px 18px rgba(0,0,0,.28);
}
.furia-system-hero-art{
    min-height:170px;
    border:1px solid #5e3a17;
    background:#080604;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
}
.furia-system-hero-art img{image-rendering:auto}
.furia-system-hero-copy{padding:4px 3px}
.furia-system-kicker{
    color:#b97a31;
    font:700 10px/1.2 Arial,sans-serif;
    letter-spacing:1.8px;
    margin-bottom:5px;
}
.furia-system-hero h2{
    margin:0 0 7px!important;
    color:#ffbd55!important;
    font-family:var(--furia-menu-font)!important;
    font-size:21px!important;
    line-height:1.15!important;
    font-weight:400!important;
}
.furia-tip{
    margin-top:10px;
    padding:8px 10px;
    border-left:3px solid #b36b1c;
    background:rgba(73,42,14,.35);
    color:#e2c18e;
}
.furia-tip-list{
    display:grid;
    gap:6px;
}
.furia-tip-list>div{
    padding:7px 9px;
    border:1px solid rgba(112,69,22,.7);
    background:#0d0906;
}

/* Reward */
.reward-art img{
    width:100%;
    height:100%;
    min-height:170px;
    object-fit:cover;
    filter:saturate(.92) contrast(1.06);
}
.furia-step-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.furia-step-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.furia-step-card{
    min-height:96px;
    padding:9px;
    border:1px solid #614019;
    background:linear-gradient(180deg,#15100a,#0b0805);
}
.furia-step-card>b{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    margin-bottom:5px;
    border-radius:50%;
    background:#5a3210;
    color:#ffc766;
}
.furia-step-card span{
    display:block;
    color:#f0d3a2;
    font-family:var(--furia-menu-font);
    font-size:14px;
}
.furia-step-card small{color:#987f61}
.reward-level{
    display:inline-grid;
    place-items:center;
    min-width:28px;
    height:22px;
    border-radius:3px;
    font-weight:bold;
}
.rl1{color:#ddd;background:#343434}
.rl2{color:#8fbaff;background:#152844}
.rl3{color:#c992ff;background:#2a1640}
.rl4{color:#ffa45b;background:#4a2110}
.rl5{color:#ffe178;background:#513d10}
.furia-item-orb{
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:radial-gradient(circle,#7c4b17,#160d05 66%);
    box-shadow:0 0 16px rgba(220,130,37,.45);
}
.furia-item-orb img{max-width:38px;max-height:38px}

/* Umbral */
.umbral-art{
    background:
        radial-gradient(circle at 50% 40%,rgba(145,82,212,.25),transparent 35%),
        linear-gradient(180deg,#160d1f,#09060d);
}
.furia-item-trio{display:flex;align-items:end;gap:12px}
.furia-item-trio img{
    width:54px;
    height:54px;
    object-fit:contain;
    filter:drop-shadow(0 0 8px rgba(169,95,255,.45));
}
.furia-umbral-stages{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin:0 0 12px;
}
.furia-umbral-stage{
    padding:12px;
    border:1px solid #5d3e22;
    background:#0f0a08;
}
.furia-umbral-stage.crude{border-color:#73593f;background:linear-gradient(180deg,#1b1611,#0e0a07)}
.furia-umbral-stage.umbral{border-color:#75469c;background:linear-gradient(180deg,#211228,#0d0811)}
.furia-umbral-stage.master{border-color:#bf8b32;background:linear-gradient(180deg,#281c0a,#100b05)}
.furia-umbral-stage h3{margin:3px 0 8px!important}
.stage-number{color:#9b7a56;font-size:11px}
.furia-item-showcase-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}
.furia-item-showcase{
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px;
    border:1px solid #5f3d1b;
    background:#0d0906;
}
.furia-item-showcase img{width:42px;height:42px;object-fit:contain}
.furia-item-showcase span{display:flex;flex-direction:column}
.furia-item-showcase small{color:#90795f}

/* Rarity */
.rarity-art{
    display:grid!important;
    grid-template-columns:repeat(2,1fr);
    gap:6px;
    padding:8px;
}
.rarity-item-preview{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:70px;
    border:1px solid currentColor;
    background:#090705;
}
.rarity-item-preview img{width:35px;height:35px;object-fit:contain}
.rarity-item-preview span{font-size:10px;margin-top:2px}
.rarity-item-preview.common{color:#d7d7d7;box-shadow:inset 0 0 15px rgba(220,220,220,.08)}
.rarity-item-preview.rare{color:#5ea5ff;box-shadow:inset 0 0 15px rgba(94,165,255,.16)}
.rarity-item-preview.epic{color:#b46cff;box-shadow:inset 0 0 15px rgba(180,108,255,.16)}
.rarity-item-preview.legendary{color:#ffb52d;box-shadow:inset 0 0 15px rgba(255,181,45,.19)}
.furia-rarity-grid.enhanced .furia-rarity-card{
    position:relative;
    min-height:116px;
}
.furia-rarity-grid.enhanced .furia-rarity-card img{
    width:42px;height:42px;object-fit:contain;float:right;margin-left:8px;
}

/* Upgrade */
.upgrade-art{
    gap:7px;
    background:
        radial-gradient(circle at 50% 50%,rgba(219,132,27,.18),transparent 45%),
        linear-gradient(#171007,#090603);
}
.upgrade-item{
    width:64px;
    height:82px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid #5e3b18;
    background:#0b0805;
}
.upgrade-item img{width:42px;height:42px;object-fit:contain}
.upgrade-item span{
    margin-top:4px;
    font-family:var(--furia-menu-font);
    color:#d4b37e;
}
.upgrade-item.u5{border-color:#9c6426;box-shadow:0 0 10px rgba(193,113,28,.20)}
.upgrade-item.u10{border-color:#e29c34;box-shadow:0 0 15px rgba(240,153,37,.34)}
.upgrade-item.u10 span{color:#ffd56a}
.upgrade-arrow{color:#9c6d32;font-size:20px}

/* Socket */
.socket-art{
    flex-direction:column;
    gap:10px;
    background:
        radial-gradient(circle at 50% 38%,rgba(66,129,201,.20),transparent 40%),
        linear-gradient(#0c1420,#06090e);
}
.socket-gear{position:relative}
.socket-gear>img{width:60px;height:60px;object-fit:contain}
.socket-gear i{
    position:absolute;
    width:12px;height:12px;border-radius:50%;
    border:1px solid #7fa5c9;background:#101822;
    box-shadow:0 0 7px rgba(87,165,235,.35);
    bottom:-2px;
}
.socket-gear i:nth-of-type(1){left:5px}
.socket-gear i:nth-of-type(2){left:24px}
.socket-gear i:nth-of-type(3){left:43px}
.socket-gems{display:flex;gap:7px}
.socket-gems img{width:25px;height:25px;object-fit:contain}
.furia-gem-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
}
.furia-gem{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:9px 5px;
    border:1px solid #4b3a2b;
    background:#0b0806;
}
.furia-gem img{width:32px;height:32px;object-fit:contain;margin-bottom:5px}
.furia-gem span{font-size:10px;color:#a48c6d}
.furia-gem.ruby b{color:#ff6c62}
.furia-gem.emerald b{color:#6ee19a}
.furia-gem.sapphire b{color:#6eb8ff}
.furia-gem.topaz b{color:#ffd05f}
.furia-gem.amethyst b{color:#c893ff}

/* Shop completion/failure - never blank. */
.furia-shop-result{
    margin:12px 0;
    padding:16px;
    border:1px solid #76501f;
    background:linear-gradient(180deg,#1b120a,#0c0805);
    color:#dec6a0;
    box-shadow:inset 0 1px rgba(255,210,130,.06),0 8px 20px rgba(0,0,0,.28);
}
.furia-shop-result h3{
    margin:0 0 8px!important;
    font-family:var(--furia-menu-font)!important;
    font-weight:400!important;
}
.furia-shop-result-success{border-color:#4d7a35}
.furia-shop-result-success h3{color:#a9e590!important}
.furia-shop-result-error{border-color:#8d3d31}
.furia-shop-result-error h3{color:#ff9e91!important}
.furia-shop-result-info{border-color:#7b592d}
.furia-shop-result-info h3{color:#ffc76a!important}
.furia-shop-result ul{margin:8px 0 12px 18px}
.furia-shop-return{
    display:inline-block;
    margin-top:8px;
    padding:7px 11px;
    border:1px solid #8f581d;
    background:linear-gradient(#5f3814,#2a1808);
    color:#ffd393!important;
    text-decoration:none!important;
    font-family:var(--furia-menu-font);
}
.furia-shop-delivery-note{
    padding:8px 10px;
    border-left:3px solid #5f913f;
    background:rgba(43,82,31,.22);
}

@media(max-width:700px){
    .furia-system-hero{grid-template-columns:1fr}
    .furia-system-hero-art{min-height:135px}
    .furia-step-grid,.furia-step-grid.compact{grid-template-columns:repeat(2,1fr)}
    .furia-umbral-stages{grid-template-columns:1fr}
    .furia-item-showcase-grid{grid-template-columns:1fr}
    .furia-gem-grid{grid-template-columns:repeat(2,1fr)}
}


/* FURIA GLOBAL V36.49 - SHOP PT-BR + MAILBOX DELIVERY STATUS */
.furia-shop-delivery-note b{
    color:#ffd17a!important;
}
.furia-shop-result p,
.furia-shop-result li,
.furia-shop-return{
    font-family:Arial,sans-serif;
}


/* ========================================================================== */
/* FURIA GLOBAL V36.50 - NAVIGATION PERFORMANCE / CLICKABILITY                */
/* ========================================================================== */

/* No desktop, nenhum backdrop mobile pode capturar clique por acidente. */
@media (min-width:901px){
    .furia-mobile-backdrop,
    .furia-mobile-nav-controls{
        display:none!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
}

/* Evita custo de composição em elementos invisíveis do menu sem alterar o visual. */
#MenuColumn .Submenu[style*="display: none"],
#ThemeboxesColumn [hidden]{
    pointer-events:none!important;
}

/* Mantém os links de menu sempre clicáveis acima de pseudo-elementos decorativos. */
#MenuColumn a,
#MenuColumn .menuitem,
#MenuColumn .Submenuitem{
    position:relative;
}
#MenuColumn a{
    pointer-events:auto!important;
}

/* Pseudo-elementos decorativos nunca interceptam clique. */
#MenuColumn .MenuButton::before,
#MenuColumn .MenuButton::after,
#MenuColumn .Submenuitem::before,
#MenuColumn .Submenuitem::after,
#ContentColumn #ContentBoxHeadline::before,
#ContentColumn #ContentBoxHeadline::after{
    pointer-events:none!important;
}

/* ========================================================================== */
/* FURIA GLOBAL V36.51 - MARKET BAG + SHOP + NEW SYSTEMS PT-BR               */
/* ========================================================================== */
.furia-shop-category-bar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:7px!important;margin:4px 0 12px!important}
.furia-shop-category-card{position:relative!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:7px 9px!important;border:1px solid #704516!important;border-radius:3px!important;background:linear-gradient(180deg,#251607,#110b06)!important;color:#d7bd91!important;text-decoration:none!important;text-align:center!important;box-sizing:border-box!important}
.furia-shop-category-card:hover{border-color:#a86620!important;background:linear-gradient(180deg,#35200b,#171008)!important;color:#ffd38b!important}
.furia-shop-category-card.is-active{border-color:#d18a2b!important;background:radial-gradient(circle at 50% 0,rgba(222,139,34,.22),transparent 58%),linear-gradient(180deg,#3a230d,#181007)!important;color:#ffd16f!important;box-shadow:0 0 10px rgba(210,126,29,.25)!important}
.furia-shop-category-name{font-family:var(--furia-menu-font)!important;font-size:13px!important;line-height:1.15!important}
.furia-shop-category-new{position:absolute!important;top:-5px!important;right:-5px!important;padding:2px 4px!important;border:1px solid #9d6b27!important;border-radius:3px!important;background:#4d2b09!important;color:#ffd36c!important;font:700 8px/1 Arial,sans-serif!important}
.ServiceID_Icon_Container{border:1px solid #5f3b18!important;border-radius:4px!important;background:#0e0906!important;margin:5px!important;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease!important}
.ServiceID_Icon_Container:hover{transform:translateY(-1px)!important;border-color:#9a5c1b!important}
.furia-shop-service-selected{border-color:#d18a2b!important;outline:none!important;box-shadow:0 0 14px rgba(209,138,43,.36)!important;background:linear-gradient(180deg,#251507,#100b06)!important}
.rarity-text-common{color:#d6d6d6!important}.rarity-text-rare{color:#5ea5ff!important}.rarity-text-epic{color:#b46cff!important}.rarity-text-legendary{color:#ffb52d!important}
.rarity-source-art{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:10px!important}
.rarity-source-item{min-height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid currentColor!important;border-radius:4px!important;font-family:var(--furia-menu-font)!important;background:#090705!important}
.rarity-common-demo{color:#d6d6d6!important}.rarity-rare-demo{color:#5ea5ff!important}.rarity-epic-demo{color:#b46cff!important}.rarity-legendary-demo{color:#ffb52d!important}
.furia-rollbar{display:flex!important;width:100%!important;min-height:32px!important;margin:10px 0!important;overflow:hidden!important;border:1px solid #59401f!important;border-radius:4px!important;font:700 10px/32px Arial,sans-serif!important;text-align:center!important}
.furia-rollbar span{display:block!important;white-space:nowrap!important;overflow:hidden!important}.roll-common{background:#3b3b3b!important;color:#ededed!important}.roll-rare{background:#163d69!important;color:#a8d1ff!important}.roll-epic{background:#4a2167!important;color:#dfb6ff!important}.roll-legendary{background:#7a4b0b!important;color:#ffe08b!important}
.socket-source-art{flex-direction:column!important;gap:12px!important;background:radial-gradient(circle at 50% 40%,rgba(81,145,214,.18),transparent 42%),linear-gradient(180deg,#0c1420,#06090e)!important}
.socket-demo-item{width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border:2px solid #81612d!important;background:#15100b!important;color:#e2c99e!important;font-family:var(--furia-menu-font)!important}
.socket-demo-slots{display:flex!important;gap:6px!important}.socket-demo-slots i{width:17px!important;height:17px!important;border-radius:50%!important;border:1px solid #79a2ca!important;background:#101822!important;box-shadow:0 0 8px rgba(92,169,240,.28)!important}
.gem-orb{width:28px!important;height:28px!important;border-radius:50%!important;display:block!important;margin:0 auto 5px!important;border:1px solid rgba(255,255,255,.22)!important}
.furia-gem.ruby .gem-orb{background:radial-gradient(circle at 35% 30%,#ffb0a7,#cf271d 55%,#5c0d08)!important}.furia-gem.emerald .gem-orb{background:radial-gradient(circle at 35% 30%,#c4ffd7,#24a85b 55%,#0a4927)!important}.furia-gem.sapphire .gem-orb{background:radial-gradient(circle at 35% 30%,#c2e5ff,#277bc6 55%,#0b3965)!important}.furia-gem.topaz .gem-orb{background:radial-gradient(circle at 35% 30%,#fff2af,#d69b18 55%,#694300)!important}.furia-gem.amethyst .gem-orb{background:radial-gradient(circle at 35% 30%,#ebccff,#9347c8 55%,#471767)!important}
.upgrade-source-art{gap:10px!important;background:radial-gradient(circle at 50% 45%,rgba(220,132,35,.16),transparent 45%),linear-gradient(180deg,#171007,#090603)!important}.upgrade-source-art>span{color:#a86b25!important;font-size:20px!important}
.upgrade-source-level{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border:1px solid #6e491f!important;background:#100b06!important;color:#d7b98c!important;font-family:var(--furia-menu-font)!important;font-size:18px!important}.upgrade-source-level.mid{border-color:#9a6528!important;color:#f1c178!important}.upgrade-source-level.max{border-color:#dc9632!important;color:#ffd66d!important;box-shadow:0 0 16px rgba(233,149,40,.38)!important}
.furia-upgrade-material-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important}.furia-upgrade-material{display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;border:1px solid #65431f!important;background:#0d0906!important}.furia-upgrade-material .crystal-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;font-size:28px!important}.furia-upgrade-material.gear .crystal-icon{color:#d88b2c!important}.furia-upgrade-material.protect .crystal-icon{color:#78bfff!important}.furia-upgrade-material div{display:flex!important;flex-direction:column!important}.furia-upgrade-material small{color:#927c61!important}
.furia-history-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.furia-history-card{padding:9px!important;border:1px solid #5e3d1c!important;background:#0d0906!important}.furia-history-item{display:flex!important;align-items:center!important;gap:8px!important}.furia-history-item img{width:38px!important;height:38px!important;object-fit:contain!important}.furia-history-item div{display:flex!important;flex-direction:column!important;min-width:0!important}.furia-history-item strong{color:#e9cc97!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.furia-history-item small{color:#7f6b55!important}.furia-history-stats{display:flex!important;gap:8px!important;align-items:center!important;margin:7px 0!important}.furia-history-stats b{color:#ffd66a!important}.furia-history-stats em{font-style:normal!important;color:#8ec7ff!important}.furia-history-meta{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:10px!important;color:#8c765d!important}.furia-history-detail{margin-top:6px!important;padding-top:6px!important;border-top:1px solid #3f2b18!important;color:#a98d68!important;font-size:10px!important}
.furia-umbral-symbol{font-size:74px!important;color:#b26bea!important;text-shadow:0 0 22px rgba(176,92,235,.55)!important}
@media(max-width:700px){.furia-shop-category-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.furia-upgrade-material-grid,.furia-history-grid{grid-template-columns:1fr!important}.furia-rollbar{font-size:8px!important}}


/* ========================================================================== */
/* FURIA GLOBAL V36.52 - PREMIUM DIRETO + MOBILE ACCOUNT STATUS               */
/* ========================================================================== */
.furia-premium-auto-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    border:1px solid #9a671f;
    border-radius:4px;
    background:radial-gradient(circle at 12% 20%,rgba(255,198,82,.18),transparent 36%),linear-gradient(180deg,#2b1a09,#120c06);
    color:#e6c997;
}
.furia-premium-auto-icon{
    width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;
    border-radius:50%;border:1px solid #bd7c27;background:#1b1006;color:#ffd46e;
    font-size:24px;box-shadow:0 0 14px rgba(223,147,37,.34);
}
.furia-premium-auto-box>div:last-child{display:flex;flex-direction:column;gap:3px}
.furia-premium-auto-box strong{color:#ffd16b;font-family:var(--furia-menu-font);font-size:16px}
.furia-premium-auto-box span{color:#e1c28e}
.furia-premium-auto-box small{color:#9c8161}
.furia-premium-success{border-left-color:#d6a13b!important;background:rgba(104,69,17,.27)!important}
.furia-premium-success b{color:#ffd36e!important}

@media(max-width:900px){
    .furia-account-mini-status{
        transform:scale(.5)!important;
        transform-origin:top right!important;
        right:12px!important;
    }
}

/* ========================================================================== */
/* FURIA GLOBAL V36.48 - DESKTOP LEFT 8PX GRID + PIXEL BIOME                 */
/* ========================================================================== */

/* Desktop only: logo, Account, Download and left menu share the same 176px
   axis. The three vertical gaps are exactly 8px. */
@media (min-width:901px){
    #MenuColumn{
        width:180px!important;
    }

    #MenuColumn #LeftArtwork{
        position:absolute!important;
        top:-140px!important;
        left:2px!important;
        width:176px!important;
        height:132px!important;
        z-index:5!important;
        overflow:visible!important;
    }

    #MenuColumn #LeftArtwork #TibiaLogoArtworkTop{
        position:absolute!important;
        width:176px!important;
        height:132px!important;
        max-height:132px!important;
        top:0!important;
        left:0!important;
        right:auto!important;
        transform:none!important;
        object-fit:contain!important;
        object-position:center bottom!important;
    }

    #MenuColumn #Loginbox,
    #MenuColumn .SmallMenuBox,
    #MenuColumn #Menu{
        position:relative!important;
        left:2px!important;
        width:176px!important;
        margin-left:0!important;
        box-sizing:border-box!important;
        transform:none!important;
    }

    /* 8px: logo -> Account. MenuColumn begins at y=150 and the logo ends at
       y=142 (150 - 140 + 132), so Account starts at y=150. */
    #MenuColumn #Loginbox{
        top:0!important;
        margin-top:0!important;
        margin-bottom:8px!important;
    }

    /* 8px: Account -> Download. */
    #MenuColumn .SmallMenuBox{
        top:0!important;
        margin-top:0!important;
        margin-bottom:8px!important;
    }

    /* 8px: Download -> categories menu. */
    #MenuColumn #Menu{
        top:0!important;
        margin-top:0!important;
    }
}

/* Monster of the Day: crisp pixel-biome scenery. The old blurred glow and
   halo are intentionally disabled; the animated monster GIF remains intact. */
#Themeboxes #RightArtwork.FuriaMonsterStage{
    --furia-monster-glow:transparent!important;
    --furia-monster-glow-soft:transparent!important;
}
#Themeboxes #RightArtwork .FuriaMonsterAura{
    display:none!important;
    filter:none!important;
    opacity:0!important;
}
#Themeboxes #RightArtwork #Monster.FuriaMonsterImage{
    filter:drop-shadow(3px 4px 0 rgba(0,0,0,.72))!important;
    image-rendering:auto!important;
}
#Themeboxes #RightArtwork .FuriaMonsterDisplay::before{
    background-color:#17110b!important;
    background-repeat:no-repeat!important;
    box-shadow:
        inset 0 0 0 1px rgba(255,226,132,.035),
        inset 0 -10px 0 rgba(0,0,0,.22),
        inset 0 0 0 2px rgba(0,0,0,.18)!important;
}

/* FIRE: basalt cave, lava floor and hard-edged embers. */
#Themeboxes #RightArtwork.FuriaMonsterBiome-fire .FuriaMonsterDisplay::before{
    background:
      linear-gradient(90deg,transparent 0 12%,#ffb321 12% 16%,transparent 16% 65%,#ff7b16 65% 69%,transparent 69%) 0 93%/100% 4px no-repeat,
      linear-gradient(90deg,#391006 0 14%,#741a08 14% 24%,#2a0b05 24% 37%,#a52b08 37% 47%,#401006 47% 66%,#d64408 66% 75%,#250906 75% 100%) 0 88%/100% 13px no-repeat,
      linear-gradient(90deg,#1b0906 0 18%,#321007 18% 34%,#160806 34% 53%,#2b0d07 53% 72%,#120605 72% 100%) 0 72%/100% 22px no-repeat,
      linear-gradient(180deg,#26100b 0 22%,#170907 22% 54%,#0b0504 54% 100%)!important;
}

/* WATER: deep water, tiled waves and a sandy/seabed strip. */
#Themeboxes #RightArtwork.FuriaMonsterBiome-water .FuriaMonsterDisplay::before{
    background:
      linear-gradient(90deg,transparent 0 8%,#55b5c8 8% 22%,transparent 22% 34%,#2f879f 34% 51%,transparent 51% 61%,#61c5d5 61% 79%,transparent 79%) 0 62%/100% 3px no-repeat,
      linear-gradient(90deg,#123d50 0 20%,#1a5367 20% 36%,#0f3346 36% 58%,#1b596d 58% 76%,#10384b 76% 100%) 0 67%/100% 18px no-repeat,
      linear-gradient(90deg,#5a5132 0 17%,#77623c 17% 33%,#4b482f 33% 52%,#806b3e 52% 72%,#50462e 72% 100%) 0 88%/100% 16px no-repeat,
      linear-gradient(180deg,#0d2534 0 24%,#0a3247 24% 55%,#092638 55% 100%)!important;
}

/* ICE: frozen cavern, snow shelf and blocky ice reflections. */
#Themeboxes #RightArtwork.FuriaMonsterBiome-ice .FuriaMonsterDisplay::before{
    background:
      linear-gradient(135deg,transparent 0 44%,#8fc5d5 44% 50%,transparent 50% 100%) 12px 10px/32px 32px no-repeat,
      linear-gradient(45deg,transparent 0 44%,#c6edf5 44% 50%,transparent 50% 100%) 100px 18px/30px 30px no-repeat,
      linear-gradient(90deg,#8fb7c3 0 13%,#d2eef2 13% 33%,#759ca9 33% 49%,#c6e5eb 49% 69%,#789eaa 69% 100%) 0 83%/100% 16px no-repeat,
      linear-gradient(180deg,#17323e 0 32%,#102933 32% 66%,#0a1a22 66% 100%)!important;
}

/* EARTH: rocky cave with dirt/stone platform. */
#Themeboxes #RightArtwork.FuriaMonsterBiome-earth .FuriaMonsterDisplay::before{
    background:
      linear-gradient(90deg,#312819 0 13%,#463621 13% 24%,#241d14 24% 41%,#4f3a22 41% 55%,#2b2216 55% 71%,#594025 71% 84%,#2c2116 84% 100%) 0 72%/100% 23px no-repeat,
      linear-gradient(90deg,#6b4a28 0 21%,#4e3822 21% 37%,#7a562d 37% 52%,#43331f 52% 72%,#6f4c28 72% 100%) 0 89%/100% 15px no-repeat,
      linear-gradient(180deg,#211b12 0 27%,#17130d 27% 61%,#0e0b08 61% 100%)!important;
}

/* NATURE: forest canopy, trunks and grass shelf. */
#Themeboxes #RightArtwork.FuriaMonsterBiome-nature .FuriaMonsterDisplay::before{
    background:
      linear-gradient(90deg,#173619 0 15%,#255025 15% 31%,#123117 31% 49%,#2d5b2a 49% 65%,#173a1b 65% 82%,#28502a 82% 100%) 0 12%/100% 24px no-repeat,
      linear-gradient(90deg,transparent 0 15%,#3b2a17 15% 21%,transparent 21% 74%,#402b17 74% 81%,transparent 81%) 0 35%/100% 66px no-repeat,
      linear-gradient(90deg,#234d22 0 17%,#39712e 17% 31%,#1d451f 31% 48%,#4b7d34 48% 66%,#265526 66% 100%) 0 86%/100% 18px no-repeat,
      linear-gradient(180deg,#102817 0 38%,#0a1d11 38% 70%,#071209 70% 100%)!important;
}

/* VENOM: swamp/poison cave with toxic pools, no bloom. */
#Themeboxes #RightArtwork.FuriaMonsterBiome-venom .FuriaMonsterDisplay::before{
    background:
      linear-gradient(90deg,transparent 0 18%,#81a92f 18% 29%,transparent 29% 55%,#678f25 55% 72%,transparent 72%) 0 82%/100% 5px no-repeat,
      linear-gradient(90deg,#263317 0 18%,#3d4a1c 18% 38%,#202d14 38% 58%,#48521d 58% 78%,#1d2a13 78% 100%) 0 87%/100% 15px no-repeat,
      linear-gradient(180deg,#152014 0 32%,#10180e 32% 63%,#090d08 63% 100%)!important;
}

/* UNDEAD: crypt wall, tombstones and cold stone floor. */
#Themeboxes #RightArtwork.FuriaMonsterBiome-undead .FuriaMonsterDisplay::before{
    background:
      linear-gradient(90deg,transparent 0 13%,#413c47 13% 25%,transparent 25% 68%,#514657 68% 81%,transparent 81%) 0 55%/100% 28px no-repeat,
      linear-gradient(90deg,#28252d 0 16%,#35313a 16% 34%,#242229 34% 53%,#3c3540 53% 70%,#252229 70% 100%) 0 82%/100% 21px no-repeat,
      linear-gradient(180deg,#18141d 0 30%,#110e16 30% 64%,#09070d 64% 100%)!important;
}

/* ARCANE: rune chamber with crisp blue-violet tiles. */
#Themeboxes #RightArtwork.FuriaMonsterBiome-arcane .FuriaMonsterDisplay::before{
    background:
      linear-gradient(90deg,transparent 0 22%,#335c9f 22% 26%,transparent 26% 47%,#53408f 47% 51%,transparent 51% 73%,#2e629f 73% 77%,transparent 77%) 0 28%/100% 5px no-repeat,
      linear-gradient(90deg,#20274a 0 15%,#171d39 15% 34%,#292557 34% 49%,#151b36 49% 67%,#262a50 67% 100%) 0 76%/100% 24px no-repeat,
      linear-gradient(180deg,#101831 0 34%,#0d1226 34% 67%,#070a14 67% 100%)!important;
}