/* ================================================================
   ELDORIA GLOBAL V9 — parchment / classic RPG layout
   Built to override the legacy Tibia layout without touching AAC logic.
   ================================================================ */
:root {
  --e9-paper: #e2c58f;
  --e9-paper-soft: #ecd6a9;
  --e9-paper-light: #f2dfb8;
  --e9-paper-deep: #d8b77d;
  --e9-ink: #3d2b1b;
  --e9-muted: #7a5a32;
  --e9-gold: #b47a22;
  --e9-gold-dark: #81551a;
  --e9-gold-pale: #d8ae63;
  --e9-blue: #14558f;
  --e9-blue-dark: #0a3d6e;
  --e9-red: #c72118;
  --e9-green: #318b31;
  --e9-line: rgba(139, 91, 28, .44);
  --e9-shadow: 0 2px 7px rgba(77, 49, 20, .15);
}

* {
  box-sizing: border-box
}

html {
  min-width: 0 !important;
  background: #d6b576 !important;
  scroll-behavior: smooth
}

body.eldoria-v9 {
  margin: 0 !important;
  min-width: 0 !important;
  color: var(--e9-ink) !important;
  font-family: Arial, Verdana, sans-serif !important;
  background-color: #d8b979 !important;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 247, 220, .38) 0 13%, transparent 32%),
    radial-gradient(circle at 88% 16%, rgba(255, 246, 218, .23) 0 10%, transparent 30%),
    linear-gradient(rgba(216, 183, 125, .52), rgba(216, 183, 125, .52)),
    url('images/global/content/scroll.gif') !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
  background-size: 720px 520px, 640px 480px, auto, 128px 128px !important;
  background-attachment: scroll !important;
  overflow-x: hidden !important;
  top: 0 !important;
}

body.eldoria-v9:before,
body.eldoria-v9:after {
  display: none !important;
  content: none !important
}

.firefly,
.god-ray,
.se-pre-con,
.wpptable,
.discordtable {
  display: none !important
}

#MainHelper1,
#MainHelper2,
#Bodycontainer {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important
}

#Bodycontainer {
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 18px 26px 0 !important;
  position: relative !important
}

#ContentRow {
  position: relative !important;
  min-height: 900px !important;
  padding: 0 !important;
  margin: 12px 0 0 !important
}

#LeftArtwork,
#TibiaLogoArtworkTop,
#Loginbox,
.SmallMenuBox,
#Menu {
  display: none !important
}

#DeactivationContainerThemebox {
  display: none !important
}

/* ---------------- Header ---------------- */
.eldoria-header-v9 {
  min-height: 108px;
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  grid-template-rows: 58px 42px;
  column-gap: 18px;
  align-items: center;
  margin: 0;
  padding: 0 4px;
  position: relative;
  z-index: 30;
}

.eldoria-brand-v9 {
  grid-column: 1;
  grid-row: 1/3;
  display: flex;
  align-items: center;
  gap: 13px;
  text-decoration: none !important;
  color: #7b4c16 !important;
  padding: 3px 4px;
}

.eldoria-crest-v9 {
  position: relative;
  display: grid;
  place-items: center;
  width: 64px;
  height: 78px;
  flex: 0 0 64px;
  color: #e6b44c;
  font: 700 26px Georgia, serif;
  background: linear-gradient(145deg, #0e5d9f 0 50%, #073f73 50% 100%);
  border: 4px solid #b77b1f;
  border-radius: 10px 10px 26px 26px;
  box-shadow: inset 0 0 0 2px #e4bf70, 0 2px 4px rgba(79, 46, 7, .22);
  clip-path: polygon(12% 4%, 88% 4%, 96% 21%, 87% 78%, 50% 100%, 13% 78%, 4% 21%);
}

.eldoria-crest-v9:before,
.eldoria-crest-v9:after {
  content: "";
  position: absolute;
  background: #e0b258;
  box-shadow: 0 0 0 1px #6f4917
}

.eldoria-crest-v9:before {
  width: 5px;
  height: 54px;
  top: 11px;
  left: 29px
}

.eldoria-crest-v9:after {
  height: 5px;
  width: 38px;
  left: 13px;
  top: 30px
}

.eldoria-crest-v9 span {
  position: relative;
  z-index: 2;
  text-shadow: 0 1px #6a430e
}

.eldoria-brand-copy-v9 {
  display: flex;
  flex-direction: column;
  line-height: 1;
  color: #81501a !important
}

.eldoria-brand-copy-v9 b {
  font: 700 37px/1 Georgia, 'Times New Roman', serif;
  letter-spacing: .5px;
  text-shadow: 0 1px #fff0c6
}

.eldoria-brand-copy-v9 small {
  font: 700 18px/1.2 Georgia, 'Times New Roman', serif;
  letter-spacing: 3px;
  text-align: center;
  margin-top: 4px;
  color: #674015
}

.eldoria-topnav-v9 {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 46px;
  padding: 0 14px;
  white-space: nowrap
}

.eldoria-topnav-v9 a {
  color: #2f261e !important;
  text-decoration: none !important;
  font: 700 12px Georgia, 'Times New Roman', serif !important;
  text-transform: uppercase;
  letter-spacing: .15px;
  padding: 14px 0;
  border-bottom: 2px solid transparent;
  transition: .15s
}

.eldoria-topnav-v9 a:hover {
  color: #8e5d17 !important;
  border-bottom-color: #b77d21
}

.eldoria-social-strip-v9 {
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
  width: min(100%, 770px);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(238, 211, 162, .78);
  border: 1px solid #c99a50;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px rgba(255, 246, 219, .48), var(--e9-shadow);
  overflow: hidden;
}

.eldoria-social-strip-v9 a,
.eldoria-header-flags-v9 {
  min-height: 26px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 19px;
  border-right: 1px solid rgba(143, 96, 32, .22);
  color: #38291c !important;
  text-decoration: none !important;
  font-size: 12px !important;
  white-space: nowrap
}

.eldoria-social-strip-v9 a:hover {
  background: rgba(255, 248, 225, .34)
}

.eldoria-social-strip-v9 b {
  font-weight: 800
}

.eldoria-header-flags-v9 {
  font-size: 18px !important;
  border-right: 0;
  padding-right: 12px
}

.eldoria-social-icon-v9 {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  font: 700 12px/1 Arial;
  color: #fff
}

.eldoria-social-icon-v9.discord {
  background: #5865f2
}

.eldoria-social-icon-v9.instagram {
  background: #d83574
}

.eldoria-social-icon-v9.download {
  background: #1d5988
}

.eldoria-social-icon-v9.online {
  background: #2f833c
}

.eldoria-mobile-menu {
  display: none;
  width: 42px;
  height: 38px;
  border: 1px solid #9f6e2b;
  border-radius: 4px;
  background: #174f80;
  color: #fff;
  font-size: 22px;
  cursor: pointer
}

/* ---------------- Three-column skeleton ---------------- */
#MenuColumn {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 175px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 15 !important
}

#ContentColumn {
  position: relative !important;
  margin: 0 235px 0 186px !important;
  min-width: 0 !important;
  width: auto !important;
  text-align: left !important
}

#Content,
#ContentHelper {
  width: 100% !important;
  min-width: 0 !important;
  background: none !important
}

#ThemeboxesColumn {
  position: absolute !important;
  right: -235px !important;
  top: 0 !important;
  width: 220px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 12 !important;
  filter: none !important;
  opacity: 1 !important
}

#Themeboxes {
  width: 100% !important
}

.premium-info-bar-container {
  display: none !important
}

/* ---------------- Common parchment panel ---------------- */
.eldoria-player-panel-v9,
.eldoria-updates-v9,
.eldoria-home-card-v9,
.eldoria-boosted-box,
.modern-ranking-card,
.oferta-box,
.modern-server-card,
.eldoria-search-v9,
#NewsArchive {
  position: relative !important;
  background: linear-gradient(180deg, rgba(241, 219, 177, .96), rgba(225, 194, 139, .96)) !important;
  border: 1px solid #b47a22 !important;
  border-radius: 5px !important;
  box-shadow: inset 0 0 0 2px rgba(255, 244, 213, .55), var(--e9-shadow) !important;
  color: var(--e9-ink) !important;
  overflow: hidden !important;
}

.eldoria-player-panel-v9:before,
.eldoria-updates-v9:before,
.eldoria-home-card-v9:before,
.eldoria-boosted-box:before,
.modern-ranking-card:before,
.oferta-box:before,
.modern-server-card:before,
.eldoria-search-v9:before,
#NewsArchive:before {
  content: "✧";
  position: absolute;
  left: 6px;
  top: 4px;
  color: #b77a21;
  font: 700 14px Georgia, serif;
  z-index: 5;
  pointer-events: none
}

.eldoria-player-panel-v9:after,
.eldoria-updates-v9:after,
.eldoria-home-card-v9:after,
.eldoria-boosted-box:after,
.modern-ranking-card:after,
.oferta-box:after,
.modern-server-card:after,
.eldoria-search-v9:after,
#NewsArchive:after {
  content: "✧";
  position: absolute;
  right: 6px;
  top: 4px;
  color: #b77a21;
  font: 700 14px Georgia, serif;
  z-index: 5;
  pointer-events: none
}

.eldoria-panel-title-v9 {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  color: #263b4d !important;
  font: 700 14px/1 Georgia, 'Times New Roman', serif !important;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(148, 96, 29, .32);
  background: linear-gradient(180deg, rgba(248, 230, 196, .78), rgba(230, 199, 145, .72));
  letter-spacing: .15px;
}

/* ---------------- Player panel ---------------- */
.eldoria-player-panel-v9 {
  margin: 0 0 13px !important;
  padding-bottom: 10px !important
}

.eldoria-player-actions-v9 {
  display: grid;
  gap: 9px;
  padding: 11px 14px 2px
}

.eldoria-action-v9 {
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none !important;
  color: #fff !important;
  font: 700 12px Arial, sans-serif !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
  border: 1px solid rgba(0, 0, 0, .18);
  box-shadow: inset 0 1px rgba(255, 255, 255, .42), 0 2px 3px rgba(70, 43, 12, .14);
  transition: .13s
}

.eldoria-action-v9:hover {
  filter: brightness(1.05);
  transform: translateY(-1px)
}

.eldoria-action-v9.blue {
  background: linear-gradient(#2f78b9, #13538d)
}

.eldoria-action-v9.red {
  background: linear-gradient(#e74137, #bd170f)
}

.eldoria-action-v9.green {
  background: linear-gradient(#5ab64c, #287d2a)
}

/* ---------------- Accordion menu rebuilt by JS ---------------- */
#EldoriaSideNav {
  display: block !important;
  width: 100%;
  margin: 0 !important
}

.eldoria-nav-group {
  margin: 0 0 5px;
  position: relative;
  border: 1px solid #b77a20;
  border-radius: 4px;
  background: rgba(237, 211, 165, .86);
  box-shadow: inset 0 0 0 1px rgba(255, 242, 207, .58), 0 1px 3px rgba(83, 49, 14, .1);
  overflow: hidden
}

.eldoria-nav-toggle {
  width: 100%;
  height: 37px;
  border: 0;
  margin: 0;
  padding: 0 13px 0 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  background: linear-gradient(180deg, #f0d7a9, #dfba79);
  color: #123d66;
  font: 700 14px Georgia, 'Times New Roman', serif;
  text-transform: uppercase;
  text-align: left
}

.eldoria-nav-toggle:before {
  content: "◆";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  color: #0d4f84;
  font: 700 12px Arial;
  background: #e9c985;
  border: 1px solid rgba(125, 75, 17, .26);
  border-radius: 3px
}

.eldoria-nav-group[data-menu-id="news"] .eldoria-nav-toggle:before {
  content: "▣"
}

.eldoria-nav-group[data-menu-id="wiki"] .eldoria-nav-toggle:before {
  content: "♜"
}

.eldoria-nav-group[data-menu-id="community"] .eldoria-nav-toggle:before {
  content: "♟"
}

.eldoria-nav-group[data-menu-id="forum"] .eldoria-nav-toggle:before {
  content: "☁"
}

.eldoria-nav-group[data-menu-id="account"] .eldoria-nav-toggle:before {
  content: "●"
}

.eldoria-nav-group[data-menu-id="library"] .eldoria-nav-toggle:before {
  content: "▥"
}

.eldoria-nav-group[data-menu-id="wars"] .eldoria-nav-toggle:before {
  content: "⚔"
}

.eldoria-nav-group[data-menu-id="events"] .eldoria-nav-toggle:before {
  content: "▦"
}

.eldoria-nav-group[data-menu-id="support"] .eldoria-nav-toggle:before {
  content: "?"
}

.eldoria-nav-group[data-menu-id="shop"] .eldoria-nav-toggle:before {
  content: "▰"
}

.eldoria-nav-group[data-menu-id="bazaar"] .eldoria-nav-toggle:before {
  content: "♟"
}

.eldoria-nav-sign:after {
  content: "⌄";
  font: 700 18px Arial;
  color: #5c431e
}

.eldoria-nav-group.is-open .eldoria-nav-sign:after {
  content: "⌃"
}

.eldoria-nav-toggle:hover {
  background: linear-gradient(180deg, #f5dfb7, #e5c185)
}

.eldoria-nav-sub {
  display: none;
  padding: 6px 0 8px;
  background: rgba(245, 226, 191, .82);
  border-top: 1px solid rgba(145, 94, 27, .24)
}

.eldoria-nav-group.is-open .eldoria-nav-sub {
  display: block
}

.eldoria-nav-sub a,
.eldoria-nav-empty {
  display: block;
  position: relative;
  padding: 7px 12px 7px 45px;
  color: #543b23 !important;
  text-decoration: none !important;
  font-size: 11px !important;
  line-height: 1.15;
  border: 0 !important;
  background: transparent !important
}

.eldoria-nav-sub a:before {
  content: "›";
  position: absolute;
  left: 27px;
  top: 6px;
  color: #91611f;
  font-weight: 700
}

.eldoria-nav-sub a:hover,
.eldoria-nav-sub a.is-active {
  background: rgba(188, 132, 48, .11) !important;
  color: #104b7c !important
}

/* ---------------- Updates ticker ---------------- */
.eldoria-updates-v9 {
  margin: 0 0 12px !important;
  padding: 0 !important
}

.eldoria-updates-title-v9 {
  justify-content: flex-start;
  padding-left: 20px !important;
  font-size: 13px !important
}

.eldoria-updates-title-v9 span {
  margin-right: 7px
}

.eldoria-updates-title-v9 a {
  margin-left: auto;
  color: #42617b !important;
  text-transform: none;
  text-decoration: none !important;
  font: 400 11px Arial !important
}

.eldoria-updates-content-v9 {
  padding: 6px 14px 8px !important
}

.eldoria-updates-content-v9 #NewsTicker {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important
}

.eldoria-updates-content-v9 #NewsTicker>.Corner-tl,
.eldoria-updates-content-v9 #NewsTicker>.Corner-tr,
.eldoria-updates-content-v9 #NewsTicker>.Border_1,
.eldoria-updates-content-v9 #NewsTicker>.BorderTitleText,
.eldoria-updates-content-v9 #NewsTicker .CornerWrapper-b {
  display: none !important
}

.eldoria-updates-content-v9 #NewsTicker .Border_2,
.eldoria-updates-content-v9 #NewsTicker .Border_3 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important
}

.eldoria-updates-content-v9 #NewsTicker .BoxContent {
  padding: 0 !important;
  min-height: 0 !important;
  background: none !important;
  background-image: none !important;
  color: #4d3822 !important
}

.eldoria-updates-content-v9 #NewsTicker .Row {
  min-height: 28px !important;
  padding: 6px 6px 5px 2px !important;
  border-bottom: 1px solid rgba(142, 94, 28, .18) !important;
  position: relative !important;
  width: 100% !important;
  background: none !important
}

.eldoria-updates-content-v9 #NewsTicker .Row:last-child {
  border-bottom: 0 !important
}

.eldoria-updates-content-v9 .NewsTickerText {
  font-size: 10px !important;
  margin-left: 25px !important;
  color: #513b24 !important;
  line-height: 1.55 !important
}

.eldoria-updates-content-v9 .NewsTickerDate {
  font-size: 9px !important;
  color: #9a7140 !important;
  top: 2px !important;
  width: 100px !important
}

.eldoria-updates-content-v9 .NewsTickerShortText {
  margin-left: 110px !important;
  height: 16px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: #4b3420 !important
}

.eldoria-updates-content-v9 .NewsTickerFullText {
  margin-left: 110px !important;
  color: #4b3420 !important
}

.eldoria-updates-content-v9 .NewsTickerIcon {
  left: 1px !important;
  top: 6px !important;
  filter: sepia(.2) saturate(.8) !important
}

.eldoria-updates-content-v9 .NewsTickerExtend {
  right: 1px !important;
  filter: sepia(1) !important
}

/* ---------------- Hero server block ---------------- */
.eldoria-server-hero-v9 {
  height: 382px;
  position: relative;
  margin: 0 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden;
  background-image: linear-gradient(to bottom, rgba(240, 219, 181, .96) 0, rgba(240, 219, 181, .84) 24%, rgba(240, 219, 181, .13) 43%, rgba(20, 42, 55, .02) 100%), url('images/site/eldoria-hero-v10.webp');
  background-size: cover;
  background-position: center 48%;
  box-shadow: inset 0 1px rgba(255, 255, 255, .6), inset 0 -1px rgba(130, 80, 20, .2)
}

.eldoria-server-status-v9 {
  position: relative;
  z-index: 2;
  padding: 12px 18px 0;
  text-align: center;
  color: #432e19
}

.eldoria-server-status-v9 h1 {
  margin: 0 0 10px;
  font: 700 23px Georgia, 'Times New Roman', serif;
  color: #654019;
  text-shadow: 0 1px #fff0c8
}

.eldoria-server-facts-v9 {
  display: grid;
  grid-template-columns: 1.45fr .7fr .75fr;
  width: 74%;
  margin: 0 auto 10px;
  border-top: 1px solid rgba(142, 91, 24, .18);
  border-bottom: 1px solid rgba(142, 91, 24, .13)
}

.eldoria-server-facts-v9>div {
  padding: 8px 10px;
  border-right: 1px solid rgba(142, 91, 24, .2)
}

.eldoria-server-facts-v9>div:last-child {
  border-right: 0
}

.eldoria-server-facts-v9 small {
  display: block;
  color: #775125;
  font: 700 10px Arial;
  text-transform: uppercase;
  margin-bottom: 3px
}

.eldoria-server-facts-v9 strong {
  display: block;
  color: #302318;
  font: 700 14px Arial
}

.eldoria-server-actions-v9 {
  display: flex;
  justify-content: center;
  gap: 12px
}

.eldoria-server-actions-v9 a {
  min-width: 150px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 4px;
  text-decoration: none !important;
  color: #342719 !important;
  font: 700 11px Arial !important;
  background: linear-gradient(#f3e2c1, #dec08b);
  border: 1px solid #bd8840;
  box-shadow: inset 0 1px rgba(255, 255, 255, .65), 0 1px 2px rgba(80, 49, 15, .13)
}

.eldoria-server-actions-v9 a.primary {
  background: linear-gradient(#f6c74d, #dda321);
  border-color: #c28711;
  color: #3f2a0d !important
}

.eldoria-server-actions-v9 a:hover {
  filter: brightness(1.04)
}

/* ---------------- Home lower 2-column grid ---------------- */
.eldoria-home-grid-v9 {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 0;
  margin: 0 0 12px !important;
  align-items: stretch
}

.eldoria-home-card-v9 {
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 14px 16px 15px !important;
  min-height: 302px !important;
  box-shadow: none !important
}

.eldoria-home-card-v9:first-child {
  border-right: 0 !important;
  border-radius: 0 0 0 5px !important
}

.eldoria-home-card-v9:last-child {
  border-radius: 0 0 5px 0 !important
}

.eldoria-card-kicker-v9 {
  font: 700 11px Georgia, 'Times New Roman', serif;
  color: #725021;
  text-transform: uppercase;
  margin: 0 0 10px
}

.eldoria-home-card-v9 h2 {
  font: 700 16px/1.32 Georgia, 'Times New Roman', serif;
  margin: 0 0 13px;
  color: #392717
}

.eldoria-home-card-v9 p {
  font-size: 10px !important;
  line-height: 1.65 !important;
  color: #4d3925 !important;
  margin: 0 0 11px !important
}

.eldoria-vocation-grid-v9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-top: 23px
}

.eldoria-vocation-grid-v9>div {
  min-height: 72px;
  border: 1px solid rgba(164, 105, 30, .37);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7px 5px;
  text-align: center;
  background: rgba(241, 218, 174, .55)
}

.eldoria-vocation-grid-v9 b {
  font: 700 10px Georgia, serif;
  color: #4a3219;
  margin-bottom: 5px
}

.eldoria-vocation-grid-v9 small {
  display: block;
  font-size: 7px;
  margin: -3px 0 4px;
  color: #624522
}

.eldoria-vocation-grid-v9 span {
  font-size: 9px;
  font-weight: 700;
  color: #174c72
}

.eldoria-beta-image-v9 {
  width: 100%;
  height: 78px;
  display: block;
  object-fit: cover;
  border: 1px solid #a87325;
  border-radius: 3px;
  margin: 0 0 9px;
  filter: saturate(.86) contrast(.94) brightness(1.05)
}

.eldoria-beta-actions-v9 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 8px
}

.eldoria-beta-actions-v9>div {
  border: 1px solid rgba(164, 105, 30, .34);
  border-radius: 4px;
  padding: 9px;
  background: rgba(241, 218, 174, .5)
}

.eldoria-beta-actions-v9 b {
  display: block;
  font-size: 9px;
  line-height: 1.3;
  color: #4d3218;
  margin-bottom: 6px
}

.eldoria-beta-actions-v9 span {
  display: block;
  font-size: 8px;
  line-height: 1.45;
  color: #5a432c
}

/* ---------------- Generic content pages ---------------- */
#NewsArchive {
  margin: 0 0 15px !important;
  padding: 0 !important
}

#NewsArchive .eldoria-section-title {
  min-height: 36px;
  padding: 9px 15px;
  background: linear-gradient(#ecd2a0, #d9b577);
  border-bottom: 1px solid #b77a22;
  color: #26435c;
  font: 700 14px Georgia, serif;
  text-transform: uppercase
}

#NewsArchive .Border_2,
#NewsArchive .Border_3 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important
}

#NewsArchive>.Corner-tl,
#NewsArchive>.Corner-tr,
#NewsArchive>.Border_1,
#NewsArchive>.BorderTitleText,
#NewsArchive>.CornerWrapper-b {
  display: none !important
}

#NewsArchive .BoxContent {
  padding: 18px !important;
  background: rgba(238, 213, 170, .82) !important;
  background-image: none !important;
  color: #46331f !important;
  font-size: 11px !important;
  line-height: 1.55 !important
}

#NewsArchive .BoxContent td,
#NewsArchive .BoxContent div,
#NewsArchive .BoxContent p {
  color: inherit
}

#NewsArchive a {
  color: #175d8e !important
}

/* ---------------- Right column widgets ---------------- */
#ThemeboxesColumn .Themebox,
#ThemeboxesColumn .modern-ranking-card,
#ThemeboxesColumn .oferta-box,
#ThemeboxesColumn .modern-server-card,
#ThemeboxesColumn .modern-search-card {
  width: 100% !important;
  margin: 0 0 12px !important;
  box-sizing: border-box !important;
  backdrop-filter: none !important;
  transform: none !important;
  filter: none !important
}

.modern-ranking-card {
  padding: 0 12px 9px !important
}

.ranking-title {
  height: 37px;
  margin: 0 -12px 5px !important;
  padding: 9px 15px !important;
  text-align: center;
  color: #24445f !important;
  border-bottom: 1px solid rgba(147, 96, 29, .28);
  font: 700 14px Georgia, serif !important;
  text-transform: uppercase;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  background: linear-gradient(#efdaad, #dcb982)
}

.rank-item {
  height: 56px !important;
  display: grid !important;
  grid-template-columns: 25px 32px 1fr !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 5px 4px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(142, 91, 25, .17) !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
  transform: none !important
}

.rank-item:last-child {
  border-bottom: 0 !important
}

.rank-item:hover {
  background: rgba(184, 125, 35, .08) !important;
  transform: none !important
}

.rank-badge {
  width: 21px !important;
  height: 21px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #e8c87e !important;
  color: #604017 !important;
  border: 1px solid rgba(129, 83, 20, .25) !important;
  box-shadow: none !important;
  font: 700 10px Arial !important
}

.rank-outfit-container {
  width: 32px !important;
  height: 38px !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important
}

.rank-outfit-img {
  width: 46px !important;
  height: 46px !important;
  left: -8px !important;
  top: -4px !important;
  position: absolute !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .22)) !important
}

.rank-details {
  min-width: 0 !important
}

.rank-name {
  font: 700 11px Arial !important;
  color: #3a291a !important;
  text-shadow: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.rank-meta {
  font-size: 9px !important;
  color: #5c4630 !important;
  margin-top: 3px !important
}

.rank-level {
  color: #704916 !important
}

.online-dot {
  display: none !important
}

.oferta-box {
  padding: 0 !important;
  font-family: Arial, sans-serif !important
}

.oferta-header {
  font-size: 0 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  background: linear-gradient(#efdaad, #dcb982) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(147, 96, 29, .28) !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  color: #24445f !important;
  text-align: center !important
}

.oferta-header:after {
  content: 'OFERTA ESPECIAL';
  font: 700 14px Georgia, serif;
  color: #24445f
}

.oferta-body {
  padding: 13px 15px 14px !important;
  align-items: center !important;
  background: transparent !important
}

.oferta-badge {
  background: #c8231b !important;
  color: #fff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  margin-bottom: 8px !important;
  padding: 4px 11px !important;
  font-size: 10px !important
}

.oferta-image-container {
  width: 72px !important;
  height: 66px !important;
  margin-bottom: 6px !important
}

.oferta-image {
  max-width: 68px !important;
  max-height: 68px !important;
  filter: drop-shadow(0 2px 2px rgba(68, 43, 12, .22)) !important
}

.oferta-title {
  color: #4a311b !important;
  text-shadow: none !important;
  font: 700 13px Georgia, serif !important;
  margin-bottom: 5px !important
}

.oferta-price-orig {
  color: #73543a !important;
  text-shadow: none !important;
  font-size: 10px !important
}

.oferta-price-promo {
  color: #27842b !important;
  text-shadow: none !important;
  font-size: 13px !important;
  margin: 1px 0 4px !important
}

.oferta-stock {
  color: #4d3824 !important;
  text-shadow: none !important;
  font-size: 10px !important;
  margin-bottom: 10px !important
}

.oferta-timer {
  background: transparent !important;
  color: #4b3622 !important;
  border: 0 !important;
  border-top: 1px solid rgba(145, 92, 25, .2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  width: 86% !important;
  padding: 9px 0 !important;
  margin-bottom: 9px !important;
  font-size: 10px !important
}

.oferta-timer span {
  color: #c61f17 !important;
  font-weight: 800 !important
}

.oferta-button {
  width: 62% !important;
  padding: 8px 5px !important;
  background: linear-gradient(#58ab46, #2d832d) !important;
  border: 1px solid #287229 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .32), 0 1px 2px rgba(60, 38, 12, .15) !important;
  font-size: 10px !important;
  border-radius: 4px !important;
  text-shadow: none !important
}

.oferta-button:hover {
  transform: none !important;
  filter: brightness(1.04) !important
}

.eldoria-boosted-box {
  padding: 0 11px 11px !important
}

.eldoria-boosted-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding-top: 9px
}

.eldoria-boosted-item {
  min-height: 113px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none !important;
  color: #45321e !important;
  background: rgba(244, 222, 183, .56);
  border: 1px solid rgba(156, 100, 28, .34);
  border-radius: 4px;
  padding: 7px 5px 8px;
  overflow: hidden
}

.eldoria-boosted-icon {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center
}

.eldoria-boosted-icon img {
  max-width: 62px !important;
  max-height: 62px !important;
  image-rendering: pixelated;
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .18))
}

.eldoria-boosted-item b {
  font: 700 10px Arial;
  color: #342616;
  margin-top: 2px
}

.eldoria-boosted-item small {
  width: 100%;
  font-size: 8px;
  color: #765534;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 5px
}

.modern-server-card {
  padding: 0 12px 12px !important;
  text-decoration: none !important;
  display: block !important;
  transition: none !important
}

.modern-server-card:hover {
  transform: none !important;
  box-shadow: inset 0 0 0 2px rgba(255, 244, 213, .55), var(--e9-shadow) !important
}

.modern-server-card .server-title {
  height: 35px;
  margin: 0 -12px 8px !important;
  padding: 9px !important;
  background: linear-gradient(#efdaad, #dcb982) !important;
  border-bottom: 1px solid rgba(147, 96, 29, .28) !important;
  color: #24445f !important;
  font: 700 13px Georgia, serif !important;
  letter-spacing: 0 !important;
  text-shadow: none !important
}

.modern-server-card .server-glow,
.modern-server-card .server-icon-container,
.modern-server-card .server-icon-img {
  display: none !important
}

.modern-server-card:after {
  content: '●  Curse Ant Bot: ATIVO';
  display: block;
  text-align: center;
  color: #377a2c;
  font: 700 10px Arial;
  margin: 7px 0 11px
}

.modern-server-card .server-action-text {
  display: block !important;
  margin: 0 !important;
  padding: 9px 7px !important;
  border: 1px solid rgba(149, 95, 27, .35) !important;
  border-radius: 4px !important;
  background: rgba(244, 222, 182, .5) !important;
  color: #40301f !important;
  opacity: 1 !important;
  font: 700 9px Arial !important;
  text-align: center !important;
  text-shadow: none !important
}

.eldoria-search-v9 {
  padding: 0 12px 12px !important;
  text-align: center !important
}

.eldoria-search-v9 .eldoria-panel-title-v9 {
  margin: 0 -12px 10px !important
}

.eldoria-search-v9 form {
  margin: 0 !important;
  padding: 0 !important
}

.eldoria-search-v9 .search-input {
  width: 100% !important;
  height: 34px !important;
  margin: 0 0 9px !important;
  padding: 0 10px !important;
  background: #f2dfb9 !important;
  border: 1px solid #b88237 !important;
  border-radius: 3px !important;
  color: #4a3825 !important;
  box-shadow: inset 0 1px 2px rgba(82, 51, 17, .08) !important;
  font-size: 10px !important;
  outline: none !important
}

.eldoria-search-v9 .search-input:focus {
  border-color: #8b632b !important;
  box-shadow: 0 0 0 2px rgba(30, 87, 136, .08) !important
}

.eldoria-search-v9 .search-btn {
  width: 62% !important;
  height: 32px !important;
  padding: 0 !important;
  background: linear-gradient(#2f75b5, #13528c) !important;
  border: 1px solid #0d477c !important;
  border-radius: 4px !important;
  color: #fff !important;
  font: 700 10px Arial !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .28) !important
}

.eldoria-search-v9 .search-btn:hover {
  filter: brightness(1.04);
  transform: none !important
}

/* ---------------- Footer ---------------- */
.eldoria-footer-v9 {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  margin: 15px 235px 0 186px !important;
  padding: 16px 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 38px !important;
  border-top: 1px solid rgba(126, 82, 24, .2) !important;
  background: none !important;
  color: #5d452d !important;
  font-size: 10px !important;
  text-align: center !important
}

.eldoria-footer-social-v9 {
  display: flex;
  gap: 9px
}

.eldoria-footer-social-v9 a {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-decoration: none !important;
  color: #fff !important;
  font: 700 12px Arial !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .16)
}

.eldoria-footer-social-v9 a:nth-child(1) {
  background: #5865f2
}

.eldoria-footer-social-v9 a:nth-child(2) {
  background: #d73573
}

.eldoria-footer-social-v9 a:nth-child(3) {
  background: #3567a8
}

.eldoria-footer-social-v9 a:nth-child(4) {
  background: #df1f1f
}

/* Remove legacy decorative cruft that causes dark/oversized blocks */
#ContentHelper>.Box:not(#NewsArchive),
.Content>.Box:not(#NewsArchive) {
  filter: none !important;
  backdrop-filter: none !important
}

#HelperDivContainer,
.scrollToTop {
  display: none !important
}

.goog-te-banner-frame,
.skiptranslate {
  display: none !important;
  visibility: hidden !important
}

body {
  top: 0 !important
}

/* ---------------- Responsive ---------------- */
@media(max-width:1180px) {
  #Bodycontainer {
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  .eldoria-header-v9 {
    grid-template-columns: 235px 1fr
  }

  .eldoria-brand-copy-v9 b {
    font-size: 31px
  }

  .eldoria-brand-copy-v9 small {
    font-size: 15px
  }

  .eldoria-topnav-v9 {
    gap: 24px
  }

  #MenuColumn {
    width: 220px !important
  }

  #ContentColumn {
    margin-left: 236px !important;
    margin-right: 250px !important
  }

  #ThemeboxesColumn {
    right: -250px !important;
    width: 235px !important
  }

  .eldoria-footer-v9 {
    margin-left: 236px !important;
    margin-right: 250px !important
  }

  .eldoria-social-strip-v9 a {
    padding: 0 12px
  }

  .eldoria-server-actions-v9 a {
    min-width: 125px;
    padding: 0 10px
  }
}

@media(max-width:980px) {
  body.eldoria-v9 {
    background-image: linear-gradient(rgba(218, 186, 126, .72), rgba(218, 186, 126, .72)), url('images/global/content/scroll.gif') !important;
    background-repeat: no-repeat, repeat !important;
    background-size: auto, 128px 128px !important
  }

  #Bodycontainer {
    padding: 10px 10px 0 !important
  }

  .eldoria-header-v9 {
    min-height: 90px;
    grid-template-columns: 1fr 48px;
    grid-template-rows: 52px 38px;
    padding: 0 3px
  }

  .eldoria-brand-v9 {
    grid-column: 1;
    grid-row: 1;
    width: max-content
  }

  .eldoria-crest-v9 {
    width: 42px;
    height: 51px;
    flex-basis: 42px;
    border-width: 3px
  }

  .eldoria-crest-v9:before {
    height: 35px;
    left: 18px;
    top: 7px
  }

  .eldoria-crest-v9:after {
    width: 26px;
    left: 7px;
    top: 20px
  }

  .eldoria-brand-copy-v9 b {
    font-size: 26px
  }

  .eldoria-brand-copy-v9 small {
    font-size: 11px;
    letter-spacing: 2px
  }

  .eldoria-topnav-v9 {
    display: none
  }

  .eldoria-social-strip-v9 {
    grid-column: 1/3;
    grid-row: 2;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto
  }

  .eldoria-social-strip-v9 a {
    padding: 0 10px;
    font-size: 10px !important
  }

  .eldoria-header-flags-v9 {
    font-size: 15px !important
  }

  .eldoria-mobile-menu {
    display: block;
    grid-column: 2;
    grid-row: 1;
    justify-self: end
  }

  #ContentRow {
    margin-top: 9px !important
  }

  #MenuColumn {
    position: fixed !important;
    left: -280px !important;
    top: 0 !important;
    width: 270px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    background: #d9ba80 !important;
    padding: 12px !important;
    z-index: 9999 !important;
    box-shadow: 8px 0 25px rgba(52, 34, 15, .25) !important;
    transition: left .2s ease !important
  }

  body.eldoria-menu-open #MenuColumn {
    left: 0 !important
  }

  #ContentColumn {
    margin: 0 !important;
    width: 100% !important
  }

  #ThemeboxesColumn {
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important
  }

  #Themeboxes {
    display: contents !important
  }

  #ThemeboxesColumn .Themebox,
  #ThemeboxesColumn .modern-ranking-card,
  #ThemeboxesColumn .oferta-box,
  #ThemeboxesColumn .modern-server-card,
  #ThemeboxesColumn .modern-search-card {
    margin: 0 !important
  }

  .eldoria-footer-v9 {
    margin: 15px 0 0 !important
  }
}

@media(max-width:680px) {
  .eldoria-social-strip-v9 a:nth-child(2) {
    display: none
  }

  .eldoria-server-hero-v9 {
    height: 330px;
    background-position: 55% 52%
  }

  .eldoria-server-status-v9 {
    padding: 10px 7px 0
  }

  .eldoria-server-status-v9 h1 {
    font-size: 20px
  }

  .eldoria-server-facts-v9 {
    width: 100%;
    grid-template-columns: 1.5fr .65fr .7fr
  }

  .eldoria-server-facts-v9>div {
    padding: 7px 4px
  }

  .eldoria-server-facts-v9 small {
    font-size: 8px
  }

  .eldoria-server-facts-v9 strong {
    font-size: 11px
  }

  .eldoria-server-actions-v9 {
    gap: 5px
  }

  .eldoria-server-actions-v9 a {
    min-width: 0;
    flex: 1;
    height: 34px;
    padding: 0 4px;
    font-size: 8px !important
  }

  .eldoria-home-grid-v9 {
    grid-template-columns: 1fr
  }

  .eldoria-home-card-v9:first-child {
    border-right: 1px solid #b47a22 !important;
    border-radius: 0 !important
  }

  .eldoria-home-card-v9:last-child {
    border-radius: 0 0 5px 5px !important
  }

  .eldoria-vocation-grid-v9 {
    margin-top: 12px
  }

  .eldoria-beta-actions-v9 {
    grid-template-columns: 1fr
  }

  .eldoria-updates-content-v9 .NewsTickerDate {
    position: static !important;
    display: block !important;
    width: auto !important
  }

  .eldoria-updates-content-v9 .NewsTickerShortText,
  .eldoria-updates-content-v9 .NewsTickerFullText {
    margin-left: 0 !important;
    padding-left: 0 !important
  }

  .eldoria-updates-content-v9 .NewsTickerText {
    margin-left: 25px !important
  }

  .eldoria-updates-title-v9 {
    font-size: 11px !important
  }

  .eldoria-updates-title-v9 a {
    font-size: 9px !important
  }

  #ThemeboxesColumn {
    grid-template-columns: 1fr !important
  }

  .eldoria-footer-v9 {
    flex-direction: column;
    gap: 10px !important
  }
}

.rank-shield-v9 {
  width: 27px;
  height: 33px;
  display: grid;
  place-items: center;
  color: #e3b654;
  font: 700 11px Georgia, serif;
  background: linear-gradient(145deg, #175b92 0 52%, #0d406d 52% 100%);
  border: 2px solid #9a671e;
  border-radius: 5px 5px 11px 11px;
  clip-path: polygon(10% 3%, 90% 3%, 96% 22%, 87% 78%, 50% 100%, 13% 78%, 4% 22%);
  box-shadow: inset 0 0 0 1px rgba(248, 213, 132, .65)
}


/* ================================================================
   ELDORIA GLOBAL V10 — approved parchment cleanup
   Fixes legacy NewsTicker black skin, Themebox overlap, logo/flags,
   and uses the approved clear Eldoria artwork.
   ================================================================ */
body.eldoria-v10 {
  --e9-paper: #dfbd84;
  --e9-paper-soft: #e8c998;
  --e9-paper-light: #efd7ac;
  --e9-paper-deep: #d2aa6b;
  --e9-line: rgba(128, 79, 22, .42);
  background-color: #d4af72 !important;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 239, 202, .28) 0 12%, transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(255, 238, 199, .19) 0 10%, transparent 31%),
    linear-gradient(rgba(210, 170, 105, .50), rgba(210, 170, 105, .50)),
    url('images/global/content/scroll.gif') !important;
}

/* Exact wordmark crop from the approved visual. */
body.eldoria-v10 .eldoria-brand-v10 {
  width: 270px !important;
  height: 102px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

body.eldoria-v10 .eldoria-logo-v10 {
  width: 258px !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  mix-blend-mode: multiply;
}

body.eldoria-v10 .eldoria-brand-v10 .eldoria-crest-v9,
body.eldoria-v10 .eldoria-brand-v10 .eldoria-brand-copy-v9 {
  display: none !important
}

/* Real CSS flags: avoids BR / US falling back to plain text. */
body.eldoria-v10 .eldoria-header-flags-v10 {
  gap: 8px !important;
  padding-left: 14px !important
}

body.eldoria-v10 .eldoria-flag-v10 {
  display: block;
  width: 25px;
  height: 16px;
  border: 1px solid rgba(80, 50, 18, .24);
  box-shadow: 0 1px 1px rgba(60, 35, 10, .12)
}

body.eldoria-v10 .flag-br-v10 {
  background:
    linear-gradient(30deg, transparent 36%, #f2cc31 37% 63%, transparent 64%),
    linear-gradient(-30deg, transparent 36%, #f2cc31 37% 63%, transparent 64%),
    radial-gradient(circle at 50% 50%, #24499a 0 25%, transparent 27%),
    #278a43;
}

body.eldoria-v10 .flag-us-v10 {
  background:
    linear-gradient(90deg, #244b89 0 42%, transparent 42%),
    repeating-linear-gradient(to bottom, #b9272d 0 2px, #f5ead3 2px 4px);
}

/* One parchment tone everywhere. */
body.eldoria-v10 .eldoria-player-panel-v9,
body.eldoria-v10 .eldoria-updates-v9,
body.eldoria-v10 .eldoria-home-card-v9,
body.eldoria-v10 .eldoria-boosted-box,
body.eldoria-v10 .modern-ranking-card,
body.eldoria-v10 .oferta-box,
body.eldoria-v10 .modern-server-card,
body.eldoria-v10 .eldoria-search-v9,
body.eldoria-v10 #NewsArchive {
  background:
    linear-gradient(180deg, rgba(235, 207, 160, .97), rgba(222, 187, 132, .97)) !important;
  border-color: #a96f1e !important;
  box-shadow: inset 0 0 0 2px rgba(255, 235, 195, .46), 0 2px 5px rgba(67, 39, 13, .13) !important;
}

body.eldoria-v10 .eldoria-panel-title-v9,
body.eldoria-v10 .ranking-title,
body.eldoria-v10 .oferta-header,
body.eldoria-v10 .modern-server-card .server-title {
  background: linear-gradient(180deg, #ead0a2, #d7b274) !important;
  border-bottom-color: rgba(126, 77, 20, .34) !important;
  color: #273e51 !important;
}

/* ---------- News ticker: remove the legacy black/newsticker skin ---------- */
body.eldoria-v10 .eldoria-updates-content-v9 {
  padding: 3px 14px 8px !important;
  background: transparent !important;
  min-height: 60px !important;
}

body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker,
body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker .Border_2,
body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker .Border_3,
body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker .BoxContent,
body.eldoria-v10 .eldoria-updates-content-v9 .NewsTicker,
body.eldoria-v10 .eldoria-updates-content-v9 .news-ticker,
body.eldoria-v10 .eldoria-updates-content-v9 .ticker {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #49331f !important;
}

body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker .BorderTitleText,
body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker .Corner-tl,
body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker .Corner-tr,
body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker .CornerWrapper-b,
body.eldoria-v10 .eldoria-updates-content-v9 #NewsTicker .Border_1 {
  display: none !important;
}

body.eldoria-v10 .eldoria-updates-content-v9[data-v10-ready="1"]> :not(.eldoria-update-list-v10) {
  display: none !important
}

body.eldoria-v10 .eldoria-update-list-v10 {
  display: block;
  width: 100%;
  background: transparent !important
}

body.eldoria-v10 .eldoria-update-row-v10 {
  min-height: 29px;
  display: grid;
  grid-template-columns: 20px 102px minmax(0, 1fr) 18px;
  gap: 7px;
  align-items: center;
  padding: 5px 3px;
  border-bottom: 1px solid rgba(123, 77, 23, .18);
  color: #49331f !important;
  text-decoration: none !important;
  background: transparent !important;
}

body.eldoria-v10 .eldoria-update-row-v10:last-child {
  border-bottom: 0
}

body.eldoria-v10 .eldoria-update-row-v10:hover {
  background: rgba(255, 239, 207, .18) !important
}

body.eldoria-v10 .eldoria-update-icon-v10 {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  color: #8a5b1c;
  font: 700 12px Georgia, serif
}

body.eldoria-v10 .eldoria-update-date-v10 {
  font-size: 9px;
  color: #8b6337;
  white-space: nowrap
}

body.eldoria-v10 .eldoria-update-text-v10 {
  font-size: 10px;
  color: #4a3320;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

body.eldoria-v10 .eldoria-update-text-v10 b {
  color: #593718
}

body.eldoria-v10 .eldoria-update-more-v10 {
  font: 700 16px Georgia, serif;
  color: #9d681a;
  text-align: right
}

/* ---------- Server area: status in parchment + exact clear artwork below ---------- */
body.eldoria-v10 .eldoria-server-hero-v9 {
  height: auto !important;
  min-height: 0 !important;
  background: none !important;
  overflow: hidden !important;
  border-left: 1px solid rgba(150, 94, 27, .18) !important;
  border-right: 1px solid rgba(150, 94, 27, .18) !important;
}

body.eldoria-v10 .eldoria-server-status-v9 {
  padding: 12px 18px 14px !important;
  background: linear-gradient(180deg, rgba(235, 207, 160, .93), rgba(230, 197, 145, .82)) !important;
  border-bottom: 1px solid rgba(144, 90, 24, .22) !important;
}

body.eldoria-v10 .eldoria-server-status-v9 h1 {
  margin-bottom: 9px !important
}

body.eldoria-v10 .eldoria-hero-art-v10 {
  width: 100%;
  height: 262px;
  background-image: url('images/site/eldoria-hero-v10.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: inset 0 1px rgba(255, 255, 255, .42), inset 0 -1px rgba(93, 54, 15, .20);
}

/* Beta artwork now comes from the same approved visual set. */
body.eldoria-v10 .eldoria-beta-image-v9 {
  height: 92px !important;
  filter: saturate(.94) contrast(.97) brightness(1.02) !important;
  border-color: #9d6720 !important;
}

/* ---------- Right column: prevent the old Themebox top:140px/height:154px overlap ---------- */
body.eldoria-v10 #Themeboxes {
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
  width: 100% !important;
}

body.eldoria-v10 #Themeboxes>* {
  flex: 0 0 auto !important;
  position: relative !important;
  top: 0 !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

body.eldoria-v10 #Themeboxes .Themebox,
body.eldoria-v10 #ThemeboxesColumn .Themebox {
  top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

body.eldoria-v10 .eldoria-boosted-box {
  top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 11px 11px !important;
}

body.eldoria-v10 .eldoria-boosted-grid {
  position: static !important;
  float: none !important;
  clear: both !important
}

body.eldoria-v10 .modern-server-card {
  top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

body.eldoria-v10 .eldoria-search-v9 {
  top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

/* Top player crests from the approved Eldoria artwork instead of a plain star. */
body.eldoria-v10 .rank-shield-v9 {
  width: 30px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  border: 0 !important;
  clip-path: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.eldoria-v10 .rank-shield-v9 img {
  width: 29px !important;
  height: 34px !important;
  object-fit: cover !important;
  object-position: left center !important;
  mix-blend-mode: multiply
}

/* Keep the compact reference proportions. */
body.eldoria-v10 .eldoria-home-grid-v9 {
  margin-top: 0 !important
}

body.eldoria-v10 .eldoria-home-card-v9 {
  background: linear-gradient(180deg, #e8ca98, #dbb77e) !important
}

body.eldoria-v10 .eldoria-vocation-grid-v9>div,
body.eldoria-v10 .eldoria-beta-actions-v9>div {
  background: rgba(238, 207, 156, .72) !important
}

/* ---------- Responsive ---------- */
@media (max-width:1100px) {
  body.eldoria-v10 .eldoria-brand-v10 {
    width: 220px !important;
    height: 86px !important
  }

  body.eldoria-v10 .eldoria-logo-v10 {
    width: 210px !important
  }

  body.eldoria-v10 .eldoria-hero-art-v10 {
    height: 235px
  }
}

@media (max-width:760px) {
  body.eldoria-v10 .eldoria-brand-v10 {
    width: 190px !important;
    height: 74px !important
  }

  body.eldoria-v10 .eldoria-logo-v10 {
    width: 180px !important
  }

  body.eldoria-v10 .eldoria-update-row-v10 {
    grid-template-columns: 18px 1fr 16px;
    gap: 6px;
  }

  body.eldoria-v10 .eldoria-update-date-v10 {
    grid-column: 2;
    display: block;
    margin-bottom: -2px
  }

  body.eldoria-v10 .eldoria-update-text-v10 {
    grid-column: 2
  }

  body.eldoria-v10 .eldoria-update-more-v10 {
    grid-column: 3;
    grid-row: 1/3
  }

  body.eldoria-v10 .eldoria-hero-art-v10 {
    height: 220px;
    background-position: center
  }
}

/* =====================================================================
   ELDORIA GLOBAL V11 — aprovado "imagem 1"
   Ajustes finais: logo/escudo real da referência, ícones reais, ticker
   sem conteúdo legado duplicado, hero exato e proporções de 3 colunas.
   ===================================================================== */

body.eldoria-v11 {
  --e11-paper: #ead09a;
  --e11-paper-2: #e1bd7c;
  --e11-paper-light: #f0ddb3;
  --e11-ink: #382617;
  --e11-blue: #0f4f86;
  --e11-gold: #a96f1e;
  --e11-line: rgba(130, 80, 22, .38);
  background-color: #e2c082 !important;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(255, 244, 213, .45), transparent 44%),
    linear-gradient(rgba(226, 192, 130, .55), rgba(226, 192, 130, .55)),
    url('images/global/content/scroll.gif') !important;
  background-size: auto, auto, 128px 128px !important;
  color: var(--e11-ink) !important;
}

body.eldoria-v11 #Bodycontainer {
  max-width: 1500px !important;
  padding: 14px 20px 0 !important;
}

/* Header with the exact approved crest/logo crop. */
body.eldoria-v11 .eldoria-header-v9 {
  min-height: 96px !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  grid-template-rows: 48px 40px !important;
  column-gap: 18px !important;
  padding: 0 !important;
}

body.eldoria-v11 .eldoria-brand-v10 {
  width: 290px !important;
  height: 96px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
}

body.eldoria-v11 .eldoria-logo-v10 {
  content: url('images/site/mellorox-logo-v12.png') !important;
  width: 290px !important;
  height: 100px !important;
  object-fit: cover !important;
  object-position: left top !important;
  mix-blend-mode: normal !important;
  display: block !important;
}

body.eldoria-v11 .eldoria-topnav-v9 {
  gap: 42px !important;
  padding: 0 8px !important;
  justify-content: flex-end !important;
}

body.eldoria-v11 .eldoria-topnav-v9 a {
  font: 700 11px/1 Georgia, 'Times New Roman', serif !important;
  color: #2c2118 !important;
  padding: 13px 0 10px !important;
}

body.eldoria-v11 .eldoria-social-strip-v11 {
  width: min(100%, 760px) !important;
  height: 38px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  justify-self: end !important;
  background: linear-gradient(180deg, #efd8aa, #e4c184) !important;
  border: 1px solid #b77a25 !important;
  box-shadow: inset 0 0 0 2px rgba(255, 244, 214, .48), 0 1px 3px rgba(67, 41, 15, .12) !important;
}

body.eldoria-v11 .eldoria-social-strip-v11 a {
  min-height: 28px !important;
  padding: 0 18px !important;
  gap: 6px !important;
  color: #32251a !important;
  font-size: 11px !important;
}

body.eldoria-v11 .eldoria-social-img-v11 {
  width: 20px !important;
  height: 20px !important;
  object-fit: cover !important;
  display: block !important;
  flex: 0 0 20px !important;
}

body.eldoria-v11 .eldoria-header-flags-v11 {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 12px !important;
}

body.eldoria-v11 .eldoria-header-flags-v11 img {
  width: 25px !important;
  height: 18px !important;
  object-fit: cover !important;
  border: 0 !important;
  display: block !important;
}

body.eldoria-v11 .eldoria-social-icon-v9,
body.eldoria-v11 .eldoria-flag-v10 {
  display: none !important
}

/* Exact desktop proportions from image 1. */
body.eldoria-v11 #ContentRow {
  margin-top: 8px !important;
  min-height: 830px !important
}

body.eldoria-v11 #MenuColumn {
  width: 280px !important
}

body.eldoria-v11 #ContentColumn {
  margin-left: 300px !important;
  margin-right: 340px !important
}

body.eldoria-v11 #ThemeboxesColumn {
  right: -340px !important;
  width: 320px !important
}

body.eldoria-v11 .eldoria-footer-v9 {
  margin-left: 300px !important;
  margin-right: 340px !important
}

/* One consistent parchment frame. */
body.eldoria-v11 .eldoria-player-panel-v9,
body.eldoria-v11 .eldoria-updates-v11,
body.eldoria-v11 .eldoria-home-card-v9,
body.eldoria-v11 .eldoria-boosted-box,
body.eldoria-v11 .modern-ranking-card,
body.eldoria-v11 .oferta-box,
body.eldoria-v11 .modern-server-card,
body.eldoria-v11 .eldoria-search-v9,
body.eldoria-v11 #NewsArchive {
  background: linear-gradient(180deg, #edd4a3 0%, #e1bd7e 100%) !important;
  border: 1px solid #a96f1e !important;
  border-radius: 5px !important;
  box-shadow: inset 0 0 0 2px rgba(255, 240, 205, .50), 0 2px 5px rgba(69, 41, 13, .12) !important;
}

body.eldoria-v11 .eldoria-panel-title-v9,
body.eldoria-v11 .eldoria-panel-title-v11,
body.eldoria-v11 .ranking-title,
body.eldoria-v11 .oferta-header,
body.eldoria-v11 .modern-server-card .server-title {
  min-height: 33px !important;
  background: linear-gradient(180deg, #efd8aa, #dfb978) !important;
  border-bottom: 1px solid rgba(126, 77, 20, .30) !important;
  color: #263d51 !important;
  text-shadow: 0 1px rgba(255, 245, 217, .7) !important;
  font: 700 13px/1 Georgia, 'Times New Roman', serif !important;
}

/* Latest updates rebuilt without dumping the old latestnews.php content. */
body.eldoria-v11 .eldoria-updates-v11 {
  margin: 0 0 12px !important;
  padding: 0 10px 10px !important;
  overflow: hidden !important;
  position: relative !important;
}

body.eldoria-v11 .eldoria-updates-v11:before,
body.eldoria-v11 .eldoria-updates-v11:after {
  content: '✦';
  position: absolute;
  top: 5px;
  color: #ae7423;
  font: 700 12px Georgia;
  z-index: 2
}

body.eldoria-v11 .eldoria-updates-v11:before {
  left: 7px
}

body.eldoria-v11 .eldoria-updates-v11:after {
  right: 7px
}

body.eldoria-v11 .eldoria-updates-title-v11 {
  height: 34px !important;
  margin: 0 -10px 8px !important;
  padding: 7px 16px 7px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-transform: uppercase !important;
}

body.eldoria-v11 .eldoria-updates-title-v11 a {
  margin-left: auto !important;
  color: #5e452b !important;
  text-decoration: none !important;
  text-transform: none !important;
  font: 400 10px Arial, sans-serif !important;
}

body.eldoria-v11 .eldoria-updates-emblem-v11 {
  margin-right: 7px;
  color: #234d6b
}

body.eldoria-v11 .eldoria-ticker-v11 {
  background: linear-gradient(180deg, #241b11, #17110c) !important;
  border: 1px solid rgba(150, 104, 35, .55) !important;
  border-radius: 7px !important;
  box-shadow: 0 4px 10px rgba(57, 35, 14, .24), inset 0 1px rgba(255, 255, 255, .04) !important;
  overflow: hidden !important;
}

body.eldoria-v11 .eldoria-ticker-label-v11 {
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  background: #0d0f0f !important;
  border-bottom: 1px solid rgba(182, 128, 42, .34) !important;
  color: #e5c042 !important;
  font: 700 9px/1 Arial, sans-serif !important;
  letter-spacing: 2px !important;
}

body.eldoria-v11 .eldoria-ticker-row-v11 {
  width: 100% !important;
  min-height: 34px !important;
  display: grid !important;
  grid-template-columns: 18px 78px minmax(0, 1fr) 18px !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 5px 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
  background: transparent !important;
  color: #f4ead6 !important;
  text-align: left !important;
  cursor: pointer !important;
  font: 400 10px Arial, sans-serif !important;
}

body.eldoria-v11 .eldoria-ticker-row-v11:last-child {
  border-bottom: 0 !important
}

body.eldoria-v11 .eldoria-ticker-row-v11:hover {
  background: rgba(204, 151, 50, .06) !important
}

body.eldoria-v11 .eldoria-ticker-icon-v11 {
  width: 15px;
  height: 15px;
  background-position: center;
  background-repeat: no-repeat
}

body.eldoria-v11 .eldoria-ticker-date-v11 {
  color: #f1c62f !important;
  font-weight: 700 !important;
  white-space: nowrap !important
}

body.eldoria-v11 .eldoria-ticker-text-v11 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff7e8 !important
}

body.eldoria-v11 .eldoria-ticker-plus-v11 {
  color: #efcb32 !important;
  text-align: right !important;
  font-weight: 700 !important;
  font-size: 14px !important
}

body.eldoria-v11 .eldoria-ticker-empty-v11 {
  padding: 13px;
  text-align: center;
  color: #f5e7cb;
  font-size: 10px
}

/* Hero: only one Server Started block; the second/legacy home is no longer output. */
body.eldoria-v11 .eldoria-server-hero-v9 {
  border: 0 !important;
  background: none !important;
  overflow: hidden !important;
  margin: 0 !important;
}

body.eldoria-v11 .eldoria-server-status-v9 {
  padding: 7px 15px 12px !important;
  background: transparent !important;
  border: 0 !important;
}

body.eldoria-v11 .eldoria-server-status-v9 h1 {
  font: 700 22px/1.15 Georgia, 'Times New Roman', serif !important;
  color: #5d3a18 !important;
  margin: 0 0 9px !important;
}

body.eldoria-v11 .eldoria-server-facts-v9 {
  width: 72% !important;
  margin: 0 auto 8px !important;
  background: rgba(239, 216, 174, .48) !important;
  border: 1px solid rgba(151, 98, 30, .22) !important;
  border-radius: 4px !important;
}

body.eldoria-v11 .eldoria-server-actions-v9 {
  margin-top: 8px !important
}

body.eldoria-v11 .eldoria-server-actions-v9 a {
  height: 37px !important;
  font-size: 10px !important
}

body.eldoria-v11 .eldoria-hero-art-v10 {
  background-image: url('images/site/eldoria-hero-v12.webp') !important;
  height: 265px !important;
  background-size: cover !important;
  background-position: center !important;
  border-top: 1px solid rgba(149, 95, 28, .18) !important;
  border-bottom: 1px solid rgba(149, 95, 28, .30) !important;
}

/* Lower two-column cards and exact beta strip. */
body.eldoria-v11 .eldoria-home-grid-v9 {
  grid-template-columns: 1fr 1.18fr !important;
  gap: 10px !important;
  margin-top: 0 !important
}

body.eldoria-v11 .eldoria-home-card-v9 {
  min-height: 315px !important;
  padding: 13px 14px 14px !important;
  border-radius: 5px !important;
}

body.eldoria-v11 .eldoria-home-card-v9:first-child {
  border-right: 1px solid #a96f1e !important;
  border-radius: 5px !important
}

body.eldoria-v11 .eldoria-home-card-v9:last-child {
  border-radius: 5px !important
}

body.eldoria-v11 .eldoria-beta-image-v9 {
  content: url('images/site/eldoria-beta-v12.webp') !important;
  width: 100% !important;
  height: 80px !important;
  object-fit: cover !important;
  border: 1px solid #9f6820 !important;
  border-radius: 3px !important;
  filter: none !important;
}

/* Top players: exact shield from approved reference. */
body.eldoria-v11 .rank-item {
  grid-template-columns: 24px 38px 1fr !important;
  height: 53px !important;
  gap: 7px !important
}

body.eldoria-v11 .rank-shield-v9 {
  width: 38px !important;
  height: 40px !important;
  overflow: visible !important
}

body.eldoria-v11 .rank-shield-v9 img {
  content: url('images/site/eldoria-rank-shield-v12.webp') !important;
  width: 38px !important;
  height: 39px !important;
  object-fit: cover !important;
  object-position: center !important;
  mix-blend-mode: normal !important;
}

/* Right side: strict separate cards, never overlap/mix. */
body.eldoria-v11 #Themeboxes {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important
}

body.eldoria-v11 #Themeboxes>* {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  float: none !important;
  clear: both !important
}

body.eldoria-v11 .eldoria-boosted-box {
  display: block !important;
  padding: 0 10px 10px !important;
  overflow: hidden !important
}

body.eldoria-v11 .eldoria-boosted-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  padding-top: 8px !important
}

body.eldoria-v11 .eldoria-boosted-item {
  min-height: 112px !important;
  background: rgba(244, 222, 180, .48) !important
}

body.eldoria-v11 .modern-server-card {
  display: block !important;
  overflow: hidden !important
}

body.eldoria-v11 .eldoria-search-v9 {
  display: block !important;
  overflow: hidden !important
}

/* Footer social artwork. */
body.eldoria-v11 .eldoria-footer-social-v11 a {
  overflow: hidden !important;
  padding: 0 !important
}

body.eldoria-v11 .eldoria-footer-social-v11 a img {
  width: 25px !important;
  height: 25px !important;
  object-fit: cover !important;
  display: block !important
}

body.eldoria-v11 .eldoria-footer-social-v11 a:nth-child(1),
body.eldoria-v11 .eldoria-footer-social-v11 a:nth-child(2) {
  background: transparent !important;
  box-shadow: none !important
}

@media(max-width:1180px) {
  body.eldoria-v11 #MenuColumn {
    width: 230px !important
  }

  body.eldoria-v11 #ContentColumn {
    margin-left: 246px !important;
    margin-right: 252px !important
  }

  body.eldoria-v11 #ThemeboxesColumn {
    right: -252px !important;
    width: 238px !important
  }

  body.eldoria-v11 .eldoria-footer-v9 {
    margin-left: 246px !important;
    margin-right: 252px !important
  }

  body.eldoria-v11 .eldoria-topnav-v9 {
    gap: 22px !important
  }

  body.eldoria-v11 .eldoria-brand-v10 {
    width: 230px !important
  }

  body.eldoria-v11 .eldoria-logo-v10 {
    width: 230px !important;
    height: 80px !important
  }
}

@media(max-width:980px) {
  body.eldoria-v11 .eldoria-brand-v10 {
    width: 210px !important;
    height: 78px !important
  }

  body.eldoria-v11 .eldoria-logo-v10 {
    width: 210px !important;
    height: 73px !important
  }

  body.eldoria-v11 .eldoria-social-strip-v11 {
    justify-self: stretch !important;
    width: 100% !important
  }

  body.eldoria-v11 .eldoria-social-strip-v11 a {
    padding: 0 10px !important
  }
}

@media(max-width:760px) {
  body.eldoria-v11 .eldoria-ticker-row-v11 {
    grid-template-columns: 16px minmax(0, 1fr) 16px !important;
    gap: 6px !important
  }

  body.eldoria-v11 .eldoria-ticker-date-v11 {
    grid-column: 2 !important;
    font-size: 8px !important
  }

  body.eldoria-v11 .eldoria-ticker-text-v11 {
    grid-column: 2 !important;
    font-size: 9px !important
  }

  body.eldoria-v11 .eldoria-ticker-plus-v11 {
    grid-column: 3 !important;
    grid-row: 1/3 !important
  }

  body.eldoria-v11 .eldoria-server-facts-v9 {
    width: 100% !important
  }

  body.eldoria-v11 .eldoria-hero-art-v10 {
    height: 220px !important;
    background-position: center !important
  }
}


/* ==========================================================
   ELDORIA V12 — correções finais solicitadas
   - ícones/logo sem fundo claro retangular
   - ticker no pergaminho (sem caixa preta)
   - hero limpo, sem textos/UI duplicados dentro da imagem
   - Ranking Extra antigo restaurado (frags/dinheiro/addons/mounts)
   - Boosted acima do Top Players
   ========================================================== */
body.eldoria-v12 .eldoria-logo-v10,
body.eldoria-v12 .eldoria-social-img-v11,
body.eldoria-v12 .eldoria-language-v11 img,
body.eldoria-v12 .rank-shield-v9 img,
body.eldoria-v12 .eldoria-footer-social-v11 img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Últimas atualizações: mesma paleta de pergaminho de todo o site */
body.eldoria-v12 .eldoria-ticker-v11 {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.eldoria-v12 .eldoria-ticker-label-v11 {
  display: none !important
}

body.eldoria-v12 .eldoria-ticker-row-v11 {
  min-height: 31px !important;
  display: grid !important;
  grid-template-columns: 25px 92px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  background: linear-gradient(180deg, rgba(244, 221, 177, .62), rgba(229, 194, 132, .42)) !important;
  color: #4a321d !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(149, 93, 28, .35) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.eldoria-v12 .eldoria-ticker-row-v11:last-child {
  border-bottom: 0 !important
}

body.eldoria-v12 .eldoria-ticker-row-v11:hover {
  background: #efd39e !important
}

body.eldoria-v12 .eldoria-ticker-date-v11 {
  color: #9b6b2e !important;
  font-weight: 500 !important
}

body.eldoria-v12 .eldoria-ticker-text-v11 {
  color: #4a321d !important;
  text-shadow: none !important
}

body.eldoria-v12 .eldoria-ticker-plus-v11 {
  color: #8b5a18 !important;
  text-shadow: none !important
}

/* Hero: somente a ilustração limpa, sem interface duplicada gravada na arte */
body.eldoria-v12 .eldoria-hero-art-v10 {
  background-image: url('images/site/eldoria-hero-v12.webp') !important;
  background-size: cover !important;
  background-position: center 44% !important;
  min-height: 335px !important;
}

/* Ranking Extra: mantém os dados e consultas do layout antigo, com acabamento V12 */
body.eldoria-v12 .eldoria-extra-ranking-v12 {
  display: block !important;
  background: linear-gradient(180deg, #ead0a0 0%, #dfbb79 100%) !important;
  border: 1px solid #a96d22 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 2px 8px rgba(78, 46, 13, .14) !important;
  color: #3b2818 !important;
  padding: 0 9px 10px !important;
  margin: 0 0 12px !important;
  border-radius: 4px !important;
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .ranking-title {
  margin: 0 -9px 7px !important;
  min-height: 29px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #ead3a8, #dfb970) !important;
  border-bottom: 1px solid #b0782f !important;
  color: #173b5b !important;
  font: 700 11px Georgia, serif !important;
  letter-spacing: .25px !important;
  text-shadow: 0 1px rgba(255, 255, 255, .65) !important;
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .extra-rank-section {
  margin: 8px 0 4px !important;
  padding: 4px 5px !important;
  border: 1px solid rgba(154, 99, 31, .35) !important;
  border-radius: 3px !important;
  background: rgba(255, 239, 207, .58) !important;
  color: #5a391a !important;
  text-align: center !important;
  font: 700 9px Arial, sans-serif !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .rank-item {
  min-height: 49px !important;
  display: grid !important;
  grid-template-columns: 24px 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 3px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(133, 84, 25, .20) !important;
  background: transparent !important;
  color: #3f2b1a !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .rank-item:hover {
  background: rgba(255, 245, 220, .45) !important
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .rank-badge {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f6e6bf !important;
  border: 1px solid #c99b51 !important;
  color: #72501e !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .rank-outfit-container {
  width: 42px !important;
  height: 42px !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .rank-outfit-img {
  max-width: 46px !important;
  max-height: 46px !important;
  image-rendering: pixelated !important;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .2)) !important
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .rank-name {
  color: #3a2819 !important;
  font-weight: 700 !important;
  font-size: 9px !important
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .rank-meta {
  color: #735330 !important;
  font-size: 8px !important;
  line-height: 1.2 !important
}

body.eldoria-v12 .eldoria-extra-ranking-v12 .val-highlight,
body.eldoria-v12 .eldoria-extra-ranking-v12 .val-highlight.gold {
  color: #7a4d12 !important;
  font-weight: 700 !important;
  text-shadow: none !important
}

/* Evita que estilos escuros antigos voltem a aparecer no lado direito */
body.eldoria-v12 #Themeboxes .modern-ranking-card,
body.eldoria-v12 #Themeboxes .oferta-box,
body.eldoria-v12 #Themeboxes .eldoria-boosted-box,
body.eldoria-v12 #Themeboxes .modern-server-card,
body.eldoria-v12 #Themeboxes .eldoria-search-v9 {
  color: #3b2818 !important;
}

@media (max-width:1050px) {
  body.eldoria-v12 .eldoria-hero-art-v10 {
    min-height: 300px !important
  }
}

@media (max-width:760px) {
  body.eldoria-v12 .eldoria-hero-art-v10 {
    min-height: 230px !important;
    background-position: center !important
  }
}

/* =============================================================
   ELDORIA V13 — alinhamento + outfits antigos + oferta relâmpago
   ============================================================= */

/* Evita o layout passar da largura do navegador e parecer deslocado. */
body.eldoria-v13 #Bodycontainer {
  width: 100% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 14px 20px 0 !important;
  box-sizing: border-box !important;
}

/* O cabeçalho passa a usar as mesmas três faixas da página:
   menu 280 / conteúdo / lateral 320. Assim a barra social começa
   e termina exatamente sobre a coluna de Últimas Atualizações. */
body.eldoria-v13 .eldoria-header-v9 {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) 320px !important;
  grid-template-rows: 48px 40px !important;
  column-gap: 20px !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.eldoria-v13 .eldoria-brand-v10 {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 280px !important;
  height: 88px !important;
  align-self: start !important;
}

body.eldoria-v13 .eldoria-logo-v10 {
  width: 280px !important;
  height: 88px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

body.eldoria-v13 .eldoria-topnav-v9 {
  grid-column: 2 / 4 !important;
  grid-row: 1 !important;
  width: 100% !important;
  justify-content: center !important;
  gap: 44px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.eldoria-v13 .eldoria-social-strip-v11 {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

body.eldoria-v13 .eldoria-social-strip-v11 a {
  flex: 1 1 auto !important;
  justify-content: center !important;
  padding: 0 11px !important;
  white-space: nowrap !important;
}

body.eldoria-v13 .eldoria-header-flags-v11 {
  flex: 0 0 auto !important;
  justify-content: center !important;
}

/* Mantém a grade principal centralizada e sincronizada com o cabeçalho. */
body.eldoria-v13 #ContentRow {
  width: 100% !important;
  box-sizing: border-box !important
}

body.eldoria-v13 #MenuColumn {
  left: 0 !important;
  width: 280px !important
}

body.eldoria-v13 #ContentColumn {
  margin-left: 300px !important;
  margin-right: 340px !important
}

body.eldoria-v13 #ThemeboxesColumn {
  right: -340px !important;
  width: 320px !important
}

body.eldoria-v13 .eldoria-footer-v9 {
  margin-left: 300px !important;
  margin-right: 340px !important
}

/* Últimas atualizações e primeiro widget da direita começam na mesma linha. */
body.eldoria-v13 .eldoria-updates-v11 {
  margin-top: 0 !important
}

body.eldoria-v13 #Themeboxes {
  margin-top: 0 !important;
  padding-top: 0 !important
}

body.eldoria-v13 #Themeboxes> :first-child {
  margin-top: 0 !important
}

/* TOP PLAYERS: devolve os outfits/roupas reais dos personagens,
   como no site antigo. */
body.eldoria-v13 .eldoria-ranking-v13 .rank-item {
  display: grid !important;
  grid-template-columns: 25px 58px minmax(0, 1fr) !important;
  min-height: 64px !important;
  height: auto !important;
  gap: 6px !important;
  align-items: center !important;
  padding: 4px 7px !important;
}

body.eldoria-v13 .eldoria-ranking-v13 .rank-outfit-container {
  width: 58px !important;
  height: 56px !important;
  position: relative !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

body.eldoria-v13 .eldoria-ranking-v13 .rank-outfit-img {
  width: 64px !important;
  height: 64px !important;
  max-width: none !important;
  max-height: none !important;
  position: static !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
  filter: drop-shadow(0 2px 2px rgba(69, 40, 15, .25)) !important;
  background: transparent !important;
  border: 0 !important;
}

body.eldoria-v13 .eldoria-ranking-v13 .rank-details {
  min-width: 0 !important
}

body.eldoria-v13 .eldoria-ranking-v13 .rank-name {
  font-size: 10px !important
}

body.eldoria-v13 .eldoria-ranking-v13 .rank-meta {
  font-size: 8px !important;
  line-height: 1.25 !important
}

body.eldoria-v13 .eldoria-ranking-v13 .online-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #27a847 !important;
  box-shadow: 0 0 0 1px #fff3d2, 0 0 4px rgba(34, 133, 65, .4) !important;
  position: absolute !important;
  right: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Ranking extra usa as mesmas roupas do personagem e não escudos. */
body.eldoria-v13 .eldoria-extra-ranking-v12 .rank-outfit-container {
  width: 48px !important;
  height: 50px !important;
  overflow: visible !important
}

body.eldoria-v13 .eldoria-extra-ranking-v12 .rank-outfit-img {
  width: 58px !important;
  height: 58px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
  background: transparent !important
}

/* Loja / oferta relâmpago restaurada e destacada, usando o banco z_shop_offer. */
body.eldoria-v13 .eldoria-flash-offer-v13 {
  display: block !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #ecd09a 0%, #dfb974 100%) !important;
  border: 1px solid #a96f1e !important;
  border-radius: 5px !important;
  box-shadow: inset 0 0 0 2px rgba(255, 242, 207, .5), 0 2px 6px rgba(70, 42, 14, .14) !important;
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-header {
  min-height: 33px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #efd8aa, #dfb978) !important;
  border-bottom: 1px solid rgba(126, 77, 20, .3) !important;
  color: #173f61 !important;
  font: 700 12px Georgia, 'Times New Roman', serif !important;
  text-transform: uppercase !important;
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-body {
  padding: 10px 12px 12px !important;
  text-align: center !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-badge {
  display: inline-block !important;
  background: #c92820 !important;
  color: white !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  margin-bottom: 6px !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-image-container {
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-image {
  max-width: 82px !important;
  max-height: 82px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
  background: transparent !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-title {
  font: 700 12px Georgia, serif !important;
  color: #3a2818 !important;
  margin: 4px 0 !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-price-orig {
  color: #8a6a42 !important;
  text-decoration: line-through !important;
  font-size: 9px !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-price-promo {
  color: #228532 !important;
  font-size: 12px !important;
  font-weight: 700 !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-stock {
  font-size: 9px !important;
  color: #523a22 !important;
  margin: 3px 0 8px !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-timer {
  font-size: 9px !important;
  color: #51351c !important;
  border-top: 1px solid rgba(128, 78, 20, .22) !important;
  padding-top: 7px !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-timer span {
  color: #b22018 !important;
  font-weight: 700 !important
}

body.eldoria-v13 .eldoria-flash-offer-v13 .oferta-button {
  display: block !important;
  margin: 9px auto 0 !important;
  width: 78% !important;
  padding: 8px 7px !important;
  border-radius: 4px !important;
  background: linear-gradient(#53bc5c, #2c9038) !important;
  border: 1px solid #28752f !important;
  color: white !important;
  text-decoration: none !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important
}

/* Responsividade sem deslocar a página para fora da tela. */
@media (max-width:1180px) and (min-width:981px) {
  body.eldoria-v13 .eldoria-header-v9 {
    grid-template-columns: 220px minmax(0, 1fr) 235px !important;
    column-gap: 16px !important
  }

  body.eldoria-v13 .eldoria-brand-v10 {
    width: 220px !important;
    height: 80px !important
  }

  body.eldoria-v13 .eldoria-logo-v10 {
    width: 220px !important;
    height: 80px !important
  }

  body.eldoria-v13 .eldoria-topnav-v9 {
    gap: 20px !important
  }

  body.eldoria-v13 #MenuColumn {
    width: 220px !important
  }

  body.eldoria-v13 #ContentColumn {
    margin-left: 236px !important;
    margin-right: 251px !important
  }

  body.eldoria-v13 #ThemeboxesColumn {
    right: -251px !important;
    width: 235px !important
  }

  body.eldoria-v13 .eldoria-footer-v9 {
    margin-left: 236px !important;
    margin-right: 251px !important
  }

  body.eldoria-v13 .eldoria-social-strip-v11 a {
    padding: 0 6px !important;
    font-size: 9px !important
  }
}

@media (max-width:980px) {
  body.eldoria-v13 #Bodycontainer {
    padding: 10px !important
  }

  body.eldoria-v13 .eldoria-header-v9 {
    grid-template-columns: 1fr 48px !important;
    grid-template-rows: 54px 40px !important;
    column-gap: 0 !important
  }

  body.eldoria-v13 .eldoria-brand-v10 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 210px !important;
    height: 54px !important
  }

  body.eldoria-v13 .eldoria-logo-v10 {
    width: 210px !important;
    height: 54px !important;
    object-position: left center !important
  }

  body.eldoria-v13 .eldoria-social-strip-v11 {
    grid-column: 1/3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    overflow-x: auto !important;
    justify-content: flex-start !important
  }

  body.eldoria-v13 .eldoria-social-strip-v11 a {
    flex: 0 0 auto !important
  }
}

/* =============================================================
   ELDORIA V14 — molduras/ícones da FOTO 1
   Mantém a estrutura e os dados da V13; altera somente acabamento.
   ============================================================= */

body.eldoria-v14 {
  --e14-gold: #ad7421;
  --e14-gold-dark: #795019;
  --e14-gold-light: #efd59a;
  --e14-paper: #ead09a;
  --e14-paper-light: #f2ddb2;
  --e14-paper-deep: #d9b877;
  --e14-navy: #153f63;
  --e14-ink: #3d2b18;
}

/* Moldura dupla, cantos mais trabalhados e pergaminho uniforme. */
body.eldoria-v14 .eldoria-player-panel-v9,
body.eldoria-v14 .eldoria-updates-v11,
body.eldoria-v14 .eldoria-home-card-v9,
body.eldoria-v14 .eldoria-boosted-box,
body.eldoria-v14 .modern-ranking-card,
body.eldoria-v14 .oferta-box,
body.eldoria-v14 .eldoria-flash-offer-v13,
body.eldoria-v14 .modern-server-card,
body.eldoria-v14 .eldoria-search-v9,
body.eldoria-v14 #NewsArchive {
  border: 1px solid var(--e14-gold-dark) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(135deg, rgba(255, 248, 224, .34), transparent 28px) top left/46px 46px no-repeat,
    linear-gradient(225deg, rgba(255, 248, 224, .28), transparent 28px) top right/46px 46px no-repeat,
    linear-gradient(45deg, rgba(124, 76, 16, .07), transparent 24px) bottom left/42px 42px no-repeat,
    linear-gradient(315deg, rgba(124, 76, 16, .07), transparent 24px) bottom right/42px 42px no-repeat,
    linear-gradient(180deg, var(--e14-paper-light), var(--e14-paper)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 244, 211, .92),
    inset 0 0 0 3px rgba(174, 115, 30, .18),
    0 2px 5px rgba(72, 43, 13, .15) !important;
  color: var(--e14-ink) !important;
}

/* Ornamentos de canto — mais próximos da Foto 1, sem copiar assets de outro OT. */
body.eldoria-v14 .eldoria-player-panel-v9:before,
body.eldoria-v14 .eldoria-updates-v11:before,
body.eldoria-v14 .eldoria-home-card-v9:before,
body.eldoria-v14 .eldoria-boosted-box:before,
body.eldoria-v14 .modern-ranking-card:before,
body.eldoria-v14 .oferta-box:before,
body.eldoria-v14 .eldoria-flash-offer-v13:before,
body.eldoria-v14 .modern-server-card:before,
body.eldoria-v14 .eldoria-search-v9:before,
body.eldoria-v14 #NewsArchive:before {
  content: "✦" !important;
  left: 5px !important;
  top: 4px !important;
  color: #b27720 !important;
  font: 700 12px/1 Georgia, serif !important;
  text-shadow: 0 1px #fff1c9 !important;
}

body.eldoria-v14 .eldoria-player-panel-v9:after,
body.eldoria-v14 .eldoria-updates-v11:after,
body.eldoria-v14 .eldoria-home-card-v9:after,
body.eldoria-v14 .eldoria-boosted-box:after,
body.eldoria-v14 .modern-ranking-card:after,
body.eldoria-v14 .oferta-box:after,
body.eldoria-v14 .eldoria-flash-offer-v13:after,
body.eldoria-v14 .modern-server-card:after,
body.eldoria-v14 .eldoria-search-v9:after,
body.eldoria-v14 #NewsArchive:after {
  content: "✦" !important;
  right: 5px !important;
  top: 4px !important;
  color: #b27720 !important;
  font: 700 12px/1 Georgia, serif !important;
  text-shadow: 0 1px #fff1c9 !important;
}

/* Cabeçalhos: escrita serifada forte + símbolo temático como na referência. */
body.eldoria-v14 .eldoria-panel-title-v9,
body.eldoria-v14 .eldoria-panel-title-v11,
body.eldoria-v14 .ranking-title,
body.eldoria-v14 .modern-server-card .server-title {
  min-height: 34px !important;
  background: linear-gradient(180deg, #f2dfb7 0%, #dfbd7c 100%) !important;
  border-bottom: 1px solid #ae7423 !important;
  box-shadow: inset 0 1px rgba(255, 250, 232, .9), inset 0 -1px rgba(126, 79, 18, .12) !important;
  color: var(--e14-navy) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 700 !important;
  letter-spacing: .1px !important;
  text-shadow: 0 1px rgba(255, 244, 216, .95) !important;
}

body.eldoria-v14 .eldoria-player-panel-v9>.eldoria-panel-title-v9:before {
  content: "♜";
  margin-right: 7px;
  color: #173f63
}

body.eldoria-v14 .eldoria-boosted-box>.eldoria-panel-title-v9:before {
  content: "⚔";
  margin-right: 7px;
  color: #173f63
}

body.eldoria-v14 .eldoria-search-v9>.eldoria-panel-title-v9:before {
  content: "⌕";
  margin-right: 7px;
  color: #173f63;
  font-weight: 900
}

body.eldoria-v14 .modern-ranking-card .ranking-title:before {
  content: "♛";
  margin-right: 7px;
  color: #173f63
}

body.eldoria-v14 .modern-server-card .server-title:before {
  content: "⚙";
  margin-right: 7px;
  color: #173f63
}

body.eldoria-v14 .eldoria-updates-emblem-v11 {
  font-size: 0 !important;
  margin-right: 0 !important
}

body.eldoria-v14 .eldoria-updates-emblem-v11:after {
  content: "♜";
  font: 700 14px Georgia, serif;
  color: #173f63;
  margin-right: 7px
}

/* Oferta: corrige o título e coloca o detalhe visual sem duplicar texto. */
body.eldoria-v14 .oferta-header {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: linear-gradient(180deg, #f2dfb7, #dfbd7c) !important;
  border-bottom: 1px solid #ae7423 !important;
  color: var(--e14-navy) !important;
}

body.eldoria-v14 .oferta-header:before {
  content: "✦" !important;
  font: 700 11px Georgia, serif !important;
  color: #9e691e !important
}

body.eldoria-v14 .oferta-header:after {
  content: "OFERTA ESPECIAL" !important;
  font: 700 13px Georgia, 'Times New Roman', serif !important;
  color: var(--e14-navy) !important
}

/* Menu sanfona: moldura dourada mais marcada e ícones/"emoji" em cada aba. */
body.eldoria-v14 .eldoria-nav-group {
  margin: 0 0 6px !important;
  overflow: visible !important;
  border: 1px solid #9c651b !important;
  border-radius: 4px !important;
  background: #e9cd96 !important;
  box-shadow: inset 0 0 0 1px #f7e5bd, 0 1px 3px rgba(78, 46, 13, .12) !important;
}

body.eldoria-v14 .eldoria-nav-group:before,
body.eldoria-v14 .eldoria-nav-group:after {
  content: "◆";
  position: absolute;
  top: 10px;
  z-index: 5;
  color: #b27925;
  font: 700 7px Arial;
  pointer-events: none
}

body.eldoria-v14 .eldoria-nav-group:before {
  left: 5px
}

body.eldoria-v14 .eldoria-nav-group:after {
  right: 5px
}

body.eldoria-v14 .eldoria-nav-toggle {
  height: 38px !important;
  padding: 0 30px 0 43px !important;
  background: linear-gradient(180deg, #f3dfb6 0%, #e1bf80 100%) !important;
  border: 0 !important;
  border-radius: 3px !important;
  color: #153f63 !important;
  font: 700 13px Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 1px rgba(255, 247, 222, .92) !important;
}

body.eldoria-v14 .eldoria-nav-toggle:hover {
  background: linear-gradient(180deg, #f7e8c8, #e6c98e) !important
}

body.eldoria-v14 .eldoria-nav-toggle:before {
  left: 13px !important;
  width: 22px !important;
  height: 22px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #153f63 !important;
  font: 700 15px/1.1 "Segoe UI Symbol", "Arial Unicode MS", Arial, sans-serif !important;
  text-shadow: 0 1px #fff0c7 !important;
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="news"] .eldoria-nav-toggle:before {
  content: "▣" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="wiki"] .eldoria-nav-toggle:before {
  content: "✥" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="community"] .eldoria-nav-toggle:before {
  content: "♣" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="forum"] .eldoria-nav-toggle:before {
  content: "☁" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="account"] .eldoria-nav-toggle:before {
  content: "♟" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="library"] .eldoria-nav-toggle:before {
  content: "▥" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="wars"] .eldoria-nav-toggle:before {
  content: "⚔" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="events"] .eldoria-nav-toggle:before {
  content: "▦" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="support"] .eldoria-nav-toggle:before {
  content: "?" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="shop"] .eldoria-nav-toggle:before {
  content: "▰" !important
}

body.eldoria-v14 .eldoria-nav-group[data-menu-id="bazaar"] .eldoria-nav-toggle:before {
  content: "♟" !important
}

body.eldoria-v14 .eldoria-nav-sign:after {
  content: "⌄" !important;
  color: #5d421c !important;
  font-size: 17px !important
}

body.eldoria-v14 .eldoria-nav-group.is-open .eldoria-nav-sign:after {
  content: "⌃" !important
}

body.eldoria-v14 .eldoria-nav-sub {
  background: linear-gradient(180deg, #f4e1b9, #ead09b) !important;
  border-top: 1px solid rgba(139, 86, 19, .30) !important;
  padding: 6px 0 8px !important;
}

body.eldoria-v14 .eldoria-nav-sub a {
  color: #4a351e !important;
  font-size: 10.5px !important
}

body.eldoria-v14 .eldoria-nav-sub a:before {
  content: "›" !important;
  color: #a06b20 !important
}

body.eldoria-v14 .eldoria-nav-sub a:hover,
body.eldoria-v14 .eldoria-nav-sub a.is-active {
  background: rgba(184, 124, 36, .13) !important;
  color: #103f66 !important
}

/* Títulos internos da HOME também recebem símbolos como na Foto 1. */
body.eldoria-v14 .eldoria-home-card-v9 .eldoria-card-kicker-v9 {
  color: #5a3b17 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 700 !important;
  border-bottom: 1px solid rgba(146, 94, 25, .20) !important;
  padding-bottom: 6px !important;
  margin-bottom: 8px !important
}

body.eldoria-v14 .eldoria-home-card-v9 h2 {
  color: #3f2c18 !important;
  text-shadow: 0 1px #f8e7c1 !important
}

/* Social: ícones limpos, com o mesmo alinhamento da referência. */
body.eldoria-v14 .eldoria-social-strip-v11 {
  border: 1px solid #a96d1d !important;
  box-shadow: inset 0 0 0 1px rgba(255, 241, 205, .82), 0 1px 3px rgba(78, 47, 14, .12) !important;
  background: linear-gradient(180deg, #f1d9a8, #e0bd7c) !important;
}

body.eldoria-v14 .eldoria-social-strip-v11 a {
  color: #392817 !important;
  font-family: Arial, sans-serif !important
}

body.eldoria-v14 .eldoria-social-img-v11 {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .12)) !important
}

/* Rankings: cabeçalho e linhas mais próximos do acabamento da Foto 1. */
body.eldoria-v14 .modern-ranking-card .rank-item {
  border-bottom: 1px solid rgba(135, 84, 19, .17) !important;
  background: transparent !important;
}

body.eldoria-v14 .modern-ranking-card .rank-item:last-child {
  border-bottom: 0 !important
}

/* Em telas pequenas os ornamentos não devem apertar o texto. */
@media(max-width:760px) {
  body.eldoria-v14 .eldoria-nav-toggle {
    font-size: 12px !important;
    padding-right: 25px !important
  }

  body.eldoria-v14 .eldoria-panel-title-v9,
  body.eldoria-v14 .eldoria-panel-title-v11,
  body.eldoria-v14 .ranking-title {
    font-size: 12px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V15 — layout inspirado na última arte aprovada
   Parchment claro, navegação com ícones, hero amplo e cards ornamentados.
   ===================================================================== */
body.eldoria-v15 {
  --v15-paper: #efd49d;
  --v15-paper-2: #e6c485;
  --v15-paper-3: #d8ad68;
  --v15-paper-light: #f7e5bd;
  --v15-ink: #392817;
  --v15-muted: #75562f;
  --v15-gold: #b47a22;
  --v15-gold-deep: #805217;
  --v15-blue: #0f4c7a;
  --v15-blue-2: #0b385f;
  --v15-green: #2f9139;
  --v15-red: #c8261d;
  background-color: #dfbd7e !important;
  background-image:
    radial-gradient(circle at 50% -10%, rgba(255, 246, 218, .58), transparent 42%),
    radial-gradient(circle at 0 55%, rgba(255, 239, 195, .26), transparent 34%),
    radial-gradient(circle at 100% 55%, rgba(255, 239, 195, .23), transparent 34%),
    linear-gradient(rgba(222, 187, 125, .69), rgba(222, 187, 125, .69)),
    url('images/global/content/scroll.gif') !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat !important;
  background-size: auto, 850px 900px, 850px 900px, auto, 128px 128px !important;
  color: var(--v15-ink) !important;
}

body.eldoria-v15 #Bodycontainer {
  max-width: 1710px !important;
  padding: 12px 24px 0 !important
}

/* HEADER */
body.eldoria-v15 .eldoria-header-v9 {
  min-height: 55px !important;
  display: grid !important;
  grid-template-columns: 170px minmax(0, 1fr) !important;
  grid-template-rows: 28px 20px !important;
  column-gap: 22px !important;
  row-gap: 2px !important;
  align-items: center !important;
  padding: 0 4px !important;
}

body.eldoria-v15 .eldoria-brand-v10 {
  grid-column: 1 !important;
  grid-row: 1/3 !important;
  width: 160px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
  overflow: visible !important;
}

body.eldoria-v15 .eldoria-logo-v10 {
  width: 150px !important;
  height: auto !important;
  max-height: 55px !important;
  object-fit: contain !important;
  object-position: left center !important;
  mix-blend-mode: multiply !important;
  filter: contrast(1.03) saturate(.96) !important;
}

body.eldoria-v15 .eldoria-topnav-v15 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: min(100%, 960px) !important;
  justify-self: center !important;
  display: grid !important;
  grid-template-columns: repeat(8, minmax(50px, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  align-self: end !important;
}

body.eldoria-v15 .eldoria-topnav-v15 a {
  min-height: 40px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 3px 4px 5px !important;
  border: 0 !important;
  position: relative !important;
  color: #422f1a !important;
  text-decoration: none !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  text-transform: uppercase !important;
}

body.eldoria-v15 .eldoria-topnav-v15 a .material-icons {
  font-size: 10px !important;
  line-height: 1 !important;
  color: #8a5c1b !important;
  text-shadow: 0 1px rgba(255, 244, 210, .95) !important;
}

body.eldoria-v15 .eldoria-topnav-v15 a b {
  font: 700 7px/1.1 Georgia, 'Times New Roman', serif !important;
  letter-spacing: .15px !important
}

body.eldoria-v15 .eldoria-topnav-v15 a:after {
  content: "";
  position: absolute;
  left: 30%;
  right: 30%;
  bottom: 2px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #b47720, transparent);
  opacity: 0;
  transition: .16s;
}

body.eldoria-v15 .eldoria-topnav-v15 a:hover:after {
  opacity: 1
}

body.eldoria-v15 .eldoria-topnav-v15 a:first-child:after {
  opacity: 1
}

body.eldoria-v15 .eldoria-social-strip-v11 {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: center !important;
  width: min(100%, 900px) !important;
  height: 18px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #f5dfb1 0%, #e3bd78 100%) !important;
  border: 1px solid #9c651b !important;
  border-radius: 5px !important;
  box-shadow: inset 0 0 0 1px #f9eac9, inset 0 -1px rgba(112, 68, 16, .15), 0 2px 5px rgba(70, 43, 14, .13) !important;
}

body.eldoria-v15 .eldoria-social-strip-v11 a,
body.eldoria-v15 .eldoria-header-flags-v11 {
  min-height: 14px !important;
  padding: 0 8px !important;
  gap: 3px !important;
  border-right: 1px solid rgba(123, 77, 21, .20) !important;
  font-size: 7px !important;
  color: #392818 !important;
}

body.eldoria-v15 .eldoria-social-img-v11 {
  width: 19px !important;
  height: 19px !important;
  object-fit: contain !important;
  background: transparent !important
}

body.eldoria-v15 .eldoria-header-flags-v11 {
  border-right: 0 !important
}

/* 3 COLUNAS */
body.eldoria-v15 #ContentRow {
  margin-top: 8px !important;
  min-height: 900px !important
}

body.eldoria-v15 #MenuColumn {
  width: 300px !important;
  left: 0 !important;
  top: 0 !important
}

body.eldoria-v15 #ContentColumn {
  margin-left: 320px !important;
  margin-right: 350px !important
}

body.eldoria-v15 #ThemeboxesColumn {
  right: -350px !important;
  width: 330px !important;
  top: 0 !important
}

body.eldoria-v15 .eldoria-footer-v9 {
  margin-left: 320px !important;
  margin-right: 350px !important
}

/* ORNATE CARD BASE */
body.eldoria-v15 .eldoria-player-panel-v9,
body.eldoria-v15 .eldoria-updates-v11,
body.eldoria-v15 .eldoria-home-card-v9,
body.eldoria-v15 .eldoria-boosted-box,
body.eldoria-v15 .modern-ranking-card,
body.eldoria-v15 .oferta-box,
body.eldoria-v15 .modern-server-card,
body.eldoria-v15 .eldoria-search-v9,
body.eldoria-v15 #NewsArchive {
  background:
    linear-gradient(135deg, rgba(255, 249, 229, .50), transparent 32px) top left/54px 54px no-repeat,
    linear-gradient(225deg, rgba(255, 249, 229, .40), transparent 32px) top right/54px 54px no-repeat,
    linear-gradient(180deg, #f1d8a7 0%, #e6c486 100%) !important;
  border: 1px solid #8f5b18 !important;
  border-radius: 6px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 242, 207, .96), inset 0 0 0 3px rgba(168, 107, 27, .13), 0 3px 8px rgba(74, 44, 14, .13) !important;
  color: var(--v15-ink) !important;
  overflow: hidden !important;
}

body.eldoria-v15 .eldoria-player-panel-v9:before,
body.eldoria-v15 .eldoria-updates-v11:before,
body.eldoria-v15 .eldoria-home-card-v9:before,
body.eldoria-v15 .eldoria-boosted-box:before,
body.eldoria-v15 .modern-ranking-card:before,
body.eldoria-v15 .oferta-box:before,
body.eldoria-v15 .modern-server-card:before,
body.eldoria-v15 .eldoria-search-v9:before,
body.eldoria-v15 #NewsArchive:before,
body.eldoria-v15 .eldoria-player-panel-v9:after,
body.eldoria-v15 .eldoria-updates-v11:after,
body.eldoria-v15 .eldoria-home-card-v9:after,
body.eldoria-v15 .eldoria-boosted-box:after,
body.eldoria-v15 .modern-ranking-card:after,
body.eldoria-v15 .oferta-box:after,
body.eldoria-v15 .modern-server-card:after,
body.eldoria-v15 .eldoria-search-v9:after,
body.eldoria-v15 #NewsArchive:after {
  content: "✦" !important;
  color: #b47720 !important;
  font: 700 12px Georgia, serif !important;
  top: 7px !important;
  text-shadow: 0 1px #fff0c5 !important
}

body.eldoria-v15 .eldoria-player-panel-v9:before,
body.eldoria-v15 .eldoria-updates-v11:before,
body.eldoria-v15 .eldoria-home-card-v9:before,
body.eldoria-v15 .eldoria-boosted-box:before,
body.eldoria-v15 .modern-ranking-card:before,
body.eldoria-v15 .oferta-box:before,
body.eldoria-v15 .modern-server-card:before,
body.eldoria-v15 .eldoria-search-v9:before,
body.eldoria-v15 #NewsArchive:before {
  left: 7px !important
}

body.eldoria-v15 .eldoria-player-panel-v9:after,
body.eldoria-v15 .eldoria-updates-v11:after,
body.eldoria-v15 .eldoria-home-card-v9:after,
body.eldoria-v15 .eldoria-boosted-box:after,
body.eldoria-v15 .modern-ranking-card:after,
body.eldoria-v15 .oferta-box:after,
body.eldoria-v15 .modern-server-card:after,
body.eldoria-v15 .eldoria-search-v9:after,
body.eldoria-v15 #NewsArchive:after {
  right: 7px !important
}

body.eldoria-v15 .eldoria-panel-title-v9,
body.eldoria-v15 .eldoria-panel-title-v11,
body.eldoria-v15 .ranking-title,
body.eldoria-v15 .oferta-header,
body.eldoria-v15 .modern-server-card .server-title {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #f4dfb3 0%, #ddb975 100%) !important;
  border-bottom: 1px solid #a66b1e !important;
  box-shadow: inset 0 1px #fff4d6, inset 0 -1px rgba(126, 75, 17, .12) !important;
  color: #123f65 !important;
  font: 700 14px/1 Georgia, 'Times New Roman', serif !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px #f8e6bc !important;
  letter-spacing: .15px !important;
}

/* LEFT */
body.eldoria-v15 .eldoria-player-panel-v9 {
  margin-bottom: 12px !important;
  padding-bottom: 12px !important
}

body.eldoria-v15 .eldoria-player-actions-v9 {
  gap: 9px !important;
  padding: 12px 15px 1px !important
}

body.eldoria-v15 .eldoria-action-v9 {
  height: 42px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  letter-spacing: .15px !important
}

body.eldoria-v15 .eldoria-action-v9.blue {
  background: linear-gradient(#2b74b3, #0d4a80) !important
}

body.eldoria-v15 .eldoria-action-v9.red {
  background: linear-gradient(#e13d32, #bb1a12) !important
}

body.eldoria-v15 .eldoria-action-v9.green {
  background: linear-gradient(#57b84d, #287f2e) !important
}

body.eldoria-v15 .eldoria-side-label-v15 {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 8px;
  padding: 7px 12px;
  color: #123f65;
  font: 700 13px Georgia, 'Times New Roman', serif;
  text-transform: uppercase;
  background: linear-gradient(180deg, #f2ddb0, #dfba77);
  border: 1px solid #945e18;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #f8e7c2, 0 2px 4px rgba(71, 42, 13, .10)
}

body.eldoria-v15 .eldoria-side-label-v15 .material-icons {
  font-size: 19px;
  color: #805218
}

body.eldoria-v15 .eldoria-nav-group {
  margin-bottom: 6px !important;
  border-color: #9a641c !important;
  background: #e8c98e !important
}

body.eldoria-v15 .eldoria-nav-toggle {
  height: 39px !important;
  background: linear-gradient(180deg, #f4dfb5, #dfbb7a) !important;
  color: #153f63 !important;
  font-size: 12px !important
}

body.eldoria-v15 .eldoria-nav-sub {
  background: linear-gradient(180deg, #f7e5bd, #ecd09a) !important
}

body.eldoria-v15 .eldoria-nav-sub a {
  min-height: 28px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  font-size: 10px !important
}

/* UPDATES */
body.eldoria-v15 .eldoria-updates-v11 {
  margin: 0 0 12px !important;
  padding: 0 !important
}

body.eldoria-v15 .eldoria-updates-title-v11 {
  margin: 0 !important;
  padding: 8px 18px 8px 22px !important;
  justify-content: flex-start !important
}

body.eldoria-v15 .eldoria-updates-title-v11 a {
  margin-left: auto !important;
  font: 400 10px Arial, sans-serif !important;
  color: #60441f !important;
  text-transform: none !important
}

body.eldoria-v15 .eldoria-ticker-v11 {
  margin: 0 !important;
  padding: 5px 14px 9px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important
}

body.eldoria-v15 .eldoria-ticker-label-v11 {
  display: none !important
}

body.eldoria-v15 .eldoria-ticker-row-v11 {
  min-height: 34px !important;
  grid-template-columns: 22px 92px minmax(0, 1fr) 18px !important;
  padding: 4px 4px !important;
  gap: 7px !important;
  background: transparent !important;
  color: #46311c !important;
  border-bottom: 1px solid rgba(137, 84, 20, .24) !important;
  font-size: 10px !important;
}

body.eldoria-v15 .eldoria-ticker-row-v11:hover {
  background: rgba(255, 247, 220, .38) !important
}

body.eldoria-v15 .eldoria-ticker-date-v11 {
  color: #8b5b21 !important;
  font-weight: 400 !important
}

body.eldoria-v15 .eldoria-ticker-text-v11 {
  color: #3d2b1b !important
}

body.eldoria-v15 .eldoria-ticker-text-v11 b {
  font-weight: 700 !important
}

body.eldoria-v15 .eldoria-ticker-plus-v11 {
  color: #8a5c1d !important
}

/* HERO */
body.eldoria-v15 .eldoria-server-hero-v9 {
  height: 455px !important;
  position: relative !important;
  margin: 0 !important;
  border: 1px solid rgba(138, 87, 22, .22) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #e7c98e !important;
  box-shadow: inset 0 0 0 1px rgba(255, 243, 212, .55) !important;
}

body.eldoria-v15 .eldoria-hero-art-v10 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  background-image: linear-gradient(180deg, rgba(244, 224, 184, .18) 0%, rgba(255, 255, 255, 0) 34%, rgba(70, 44, 15, .05) 100%), url('images/site/eldoria-hero-v10.webp') !important;
  background-size: cover !important;
  background-position: center 58% !important;
  background-repeat: no-repeat !important;
  filter: saturate(.92) contrast(.98) brightness(1.04) !important;
}

body.eldoria-v15 .eldoria-server-status-v9 {
  position: relative !important;
  z-index: 3 !important;
  width: min(64%, 620px) !important;
  margin: 18px auto 0 !important;
  padding: 10px 15px 12px !important;
  background: linear-gradient(180deg, rgba(246, 226, 188, .95), rgba(230, 197, 139, .93)) !important;
  border: 1px solid #a66c20 !important;
  border-radius: 6px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 246, 220, .9), 0 3px 9px rgba(73, 45, 16, .15) !important;
}

body.eldoria-v15 .eldoria-server-status-v9 h1 {
  margin: 0 0 9px !important;
  color: #593818 !important;
  font: 700 25px/1 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 1px #f5dfb3 !important
}

body.eldoria-v15 .eldoria-server-facts-v9 {
  width: 100% !important;
  margin: 0 0 9px !important;
  background: transparent !important;
  border: 0 !important
}

body.eldoria-v15 .eldoria-server-facts-v9>div {
  border-right: 1px solid rgba(132, 81, 18, .22) !important;
  padding: 3px 9px !important
}

body.eldoria-v15 .eldoria-server-facts-v9>div:last-child {
  border-right: 0 !important
}

body.eldoria-v15 .eldoria-server-facts-v9 small {
  color: #80531c !important;
  font-size: 9px !important
}

body.eldoria-v15 .eldoria-server-facts-v9 strong {
  color: #382617 !important;
  font-size: 13px !important
}

body.eldoria-v15 .eldoria-server-actions-v9 {
  gap: 8px !important
}

body.eldoria-v15 .eldoria-server-actions-v9 a {
  height: 34px !important;
  min-width: 145px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  background: linear-gradient(#f0d6a2, #e0b978) !important;
  border: 1px solid #b27a2a !important;
  color: #27333d !important;
  font: 700 9px Arial !important;
  box-shadow: inset 0 1px #fff1c8 !important
}

body.eldoria-v15 .eldoria-server-actions-v9 a.primary {
  background: linear-gradient(#f6c94b, #dfa61b) !important;
  border-color: #be8611 !important;
  color: #342513 !important
}

/* LOWER CENTER */
body.eldoria-v15 .eldoria-home-grid-v9 {
  display: grid !important;
  grid-template-columns: 1fr 1.35fr !important;
  gap: 10px !important;
  margin-top: 10px !important;
  background: transparent !important
}

body.eldoria-v15 .eldoria-home-card-v9 {
  border-radius: 6px !important;
  padding: 16px 17px 15px !important;
  min-height: 315px !important
}

body.eldoria-v15 .eldoria-home-card-v9:first-child,
body.eldoria-v15 .eldoria-home-card-v9:last-child {
  border: 1px solid #8f5b18 !important;
  border-radius: 6px !important
}

body.eldoria-v15 .eldoria-card-kicker-v9 {
  font-size: 10px !important;
  color: #5e421f !important;
  padding-bottom: 7px !important;
  margin-bottom: 8px !important
}

body.eldoria-v15 .eldoria-home-card-v9 h2 {
  font: 700 17px/1.2 Georgia, 'Times New Roman', serif !important;
  margin: 0 0 13px !important;
  color: #402c19 !important
}

body.eldoria-v15 .eldoria-home-card-v9 p {
  font-size: 10px !important;
  line-height: 1.55 !important;
  color: #4a351f !important
}

body.eldoria-v15 .eldoria-vocation-grid-v9 {
  gap: 7px !important;
  margin-top: 18px !important
}

body.eldoria-v15 .eldoria-vocation-grid-v9>div {
  min-height: 72px !important;
  background: rgba(248, 229, 188, .58) !important;
  border: 1px solid rgba(148, 91, 22, .32) !important;
  border-radius: 4px !important
}

body.eldoria-v15 .eldoria-beta-image-v9 {
  width: 100% !important;
  height: 118px !important;
  object-fit: cover !important;
  border: 1px solid #9c651c !important;
  border-radius: 3px !important;
  margin: 1px 0 10px !important
}

body.eldoria-v15 .eldoria-beta-actions-v9 {
  gap: 7px !important
}

body.eldoria-v15 .eldoria-beta-actions-v9>div {
  background: rgba(248, 229, 188, .56) !important;
  border: 1px solid rgba(148, 91, 22, .31) !important;
  border-radius: 4px !important;
  min-height: 105px !important
}

/* RIGHT — TOP PLAYERS */
body.eldoria-v15 #ThemeboxesColumn .Themebox,
body.eldoria-v15 #ThemeboxesColumn .modern-ranking-card,
body.eldoria-v15 #ThemeboxesColumn .oferta-box,
body.eldoria-v15 #ThemeboxesColumn .modern-server-card,
body.eldoria-v15 #ThemeboxesColumn .modern-search-card {
  margin: 0 0 11px !important
}

body.eldoria-v15 .modern-ranking-card {
  padding: 0 13px 10px !important
}

body.eldoria-v15 .modern-ranking-card .ranking-title {
  margin: 0 -13px 5px !important;
  height: auto !important
}

body.eldoria-v15 .eldoria-ranking-v13 .rank-item {
  min-height: 68px !important;
  height: 68px !important;
  display: grid !important;
  grid-template-columns: 38px 70px minmax(0, 1fr) 10px !important;
  gap: 4px !important;
  align-items: center !important;
  padding: 4px 3px !important;
  border-bottom: 1px solid rgba(130, 79, 17, .18) !important;
}

body.eldoria-v15 .eldoria-ranking-v13 .rank-badge,
body.eldoria-v15 .eldoria-extra-ranking-v12 .rank-badge {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  margin: auto !important;
  color: #6c4717 !important;
  font: 700 12px Georgia, serif !important;
  background: radial-gradient(circle, #f3d995 0 47%, #d9aa4a 48% 58%, #f4dea5 59% 100%) !important;
  border: 1px solid #b47b23 !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 2px rgba(255, 242, 204, .75), 0 1px 2px rgba(78, 47, 15, .14) !important;
}

body.eldoria-v15 .eldoria-ranking-v13 .rank-outfit-container {
  width: 70px !important;
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important
}

body.eldoria-v15 .eldoria-ranking-v13 .rank-outfit-img {
  width: 66px !important;
  height: 66px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
  filter: drop-shadow(0 2px 1px rgba(35, 25, 10, .15)) !important;
  background: transparent !important
}

body.eldoria-v15 .eldoria-ranking-v13 .rank-details {
  padding-left: 4px !important;
  text-align: left !important
}

body.eldoria-v15 .eldoria-ranking-v13 .rank-name {
  font: 700 11px Georgia, 'Times New Roman', serif !important;
  color: #3f2c18 !important;
  white-space: nowrap !important
}

body.eldoria-v15 .eldoria-ranking-v13 .rank-meta {
  font: 400 9px Arial, sans-serif !important;
  color: #5f482c !important;
  margin-top: 3px !important
}

body.eldoria-v15 .eldoria-ranking-v13 .online-dot {
  width: 7px !important;
  height: 7px !important
}

/* BOOSTED */
body.eldoria-v15 .eldoria-boosted-box {
  padding: 0 11px 10px !important
}

body.eldoria-v15 .eldoria-boosted-grid {
  gap: 7px !important;
  padding-top: 9px !important
}

body.eldoria-v15 .eldoria-boosted-item {
  min-height: 116px !important;
  background: rgba(248, 229, 188, .55) !important;
  border-color: rgba(143, 86, 20, .30) !important
}

body.eldoria-v15 .eldoria-boosted-icon {
  height: 66px !important
}

body.eldoria-v15 .eldoria-boosted-icon img {
  max-width: 72px !important;
  max-height: 72px !important;
  background: transparent !important
}

body.eldoria-v15 .eldoria-boosted-item b {
  font: 700 11px Georgia, serif !important;
  color: #3d2b19 !important
}

body.eldoria-v15 .eldoria-boosted-item small {
  font-size: 9px !important;
  color: #654a2c !important
}

/* OFFER */
body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-header {
  justify-content: flex-start !important;
  padding: 0 14px !important;
  gap: 7px !important;
  font: 700 12px Georgia, 'Times New Roman', serif !important;
  color: #123f65 !important;
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-header:before {
  content: "⚡" !important;
  font-size: 13px !important;
  color: #92601b !important
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-header:after {
  content: "OFERTA ESPECIAL" !important;
  margin-left: auto !important;
  font: 700 11px Georgia, 'Times New Roman', serif !important;
  color: #123f65 !important
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-body {
  padding: 12px 15px 14px !important;
  text-align: center !important
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-badge {
  padding: 5px 13px !important;
  font-size: 10px !important
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-image-container {
  min-height: 82px !important
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-image {
  max-width: 92px !important;
  max-height: 92px !important;
  background: transparent !important
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-title {
  font-size: 14px !important;
  margin-top: 5px !important
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-price-promo {
  font-size: 13px !important
}

body.eldoria-v15 .eldoria-flash-offer-v13 .oferta-button {
  width: 88% !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important
}

/* EXTRA RANKINGS — preserved but visually lighter */
body.eldoria-v15 .eldoria-extra-ranking-v12 {
  padding-bottom: 8px !important
}

body.eldoria-v15 .eldoria-extra-ranking-v12 .extra-rank-section {
  margin: 8px 8px 4px !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(139, 84, 17, .22) !important;
  border-radius: 4px !important;
  background: rgba(246, 226, 184, .48) !important;
  color: #5a3d1c !important;
  font-size: 9px !important;
}

body.eldoria-v15 .eldoria-extra-ranking-v12 .rank-item {
  min-height: 58px !important;
  height: 58px !important;
  grid-template-columns: 34px 58px 1fr !important;
  padding: 3px 7px !important
}

body.eldoria-v15 .eldoria-extra-ranking-v12 .rank-outfit-container {
  width: 58px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important
}

body.eldoria-v15 .eldoria-extra-ranking-v12 .rank-outfit-img {
  width: 56px !important;
  height: 56px !important
}

/* SERVER + SEARCH */
body.eldoria-v15 .modern-server-card {
  padding: 0 12px 12px !important
}

body.eldoria-v15 .modern-server-card:after {
  content: '●  Curse Ant Bot: ATIVO' !important;
  color: #318132 !important;
  margin: 8px 0 10px !important;
  font-size: 10px !important
}

body.eldoria-v15 .modern-server-card .server-action-text {
  background: rgba(247, 228, 189, .62) !important;
  border-color: rgba(145, 88, 20, .33) !important;
  color: #46311c !important
}

body.eldoria-v15 .eldoria-search-v9 {
  padding: 0 12px 12px !important
}

body.eldoria-v15 .eldoria-search-v9 .search-input {
  height: 35px !important;
  background: #f7e4bc !important;
  border-color: #ad7629 !important
}

body.eldoria-v15 .eldoria-search-v9 .search-btn {
  height: 34px !important;
  width: 76% !important;
  background: linear-gradient(#2a70ad, #104b80) !important
}

/* CONTENT PAGES */
body.eldoria-v15 #NewsArchive .BoxContent {
  background: linear-gradient(180deg, #f5dfb5, #e9c98d) !important;
  color: #46311d !important
}

body.eldoria-v15 .eldoria-section-title {
  background: linear-gradient(180deg, #f1dbad, #dfbb78) !important;
  color: #153f63 !important;
  border: 1px solid #9d651c !important;
  border-bottom: 0 !important;
  font-family: Georgia, 'Times New Roman', serif !important
}

/* FOOTER */
body.eldoria-v15 .eldoria-footer-v9 {
  margin-top: 15px !important;
  padding: 16px 0 22px !important;
  border-top: 1px solid rgba(129, 79, 18, .20) !important;
  color: #664b2d !important;
  font-size: 10px !important
}

body.eldoria-v15 .eldoria-footer-social-v9 a {
  width: 26px !important;
  height: 26px !important
}

body.eldoria-v15 .eldoria-footer-social-v11 img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  background: transparent !important
}

/* RESPONSIVE */
@media(max-width:1450px) and (min-width:981px) {
  body.eldoria-v15 #Bodycontainer {
    max-width: 1370px !important;
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  body.eldoria-v15 .eldoria-header-v9 {
    grid-template-columns: 255px minmax(0, 1fr) !important
  }

  body.eldoria-v15 .eldoria-brand-v10 {
    width: 245px !important
  }

  .eldoria-logo-v10 {
    max-width: 245px !important
  }

  body.eldoria-v15 .eldoria-topnav-v15 {
    grid-template-columns: repeat(8, minmax(40px, 1fr)) !important
  }

  body.eldoria-v15 .eldoria-topnav-v15 a .material-icons {
    font-size: 14px !important
  }

  body.eldoria-v15 .eldoria-topnav-v15 a b {
    font-size: 8px !important
  }

  body.eldoria-v15 #MenuColumn {
    width: 245px !important
  }

  body.eldoria-v15 #ContentColumn {
    margin-left: 262px !important;
    margin-right: 300px !important
  }

  body.eldoria-v15 #ThemeboxesColumn {
    right: -300px !important;
    width: 284px !important
  }

  body.eldoria-v15 .eldoria-footer-v9 {
    margin-left: 262px !important;
    margin-right: 300px !important
  }

  body.eldoria-v15 .eldoria-social-strip-v11 a {
    padding: 0 13px !important
  }

  body.eldoria-v15 .eldoria-ranking-v13 .rank-item {
    grid-template-columns: 32px 58px 1fr 8px !important
  }

  body.eldoria-v15 .eldoria-ranking-v13 .rank-outfit-container {
    width: 58px !important
  }

  body.eldoria-v15 .eldoria-ranking-v13 .rank-outfit-img {
    width: 56px !important;
    height: 56px !important
  }
}

@media(max-width:980px) {
  body.eldoria-v15 #Bodycontainer {
    padding: 8px 10px 0 !important
  }

  body.eldoria-v15 .eldoria-header-v9 {
    min-height: 96px !important;
    grid-template-columns: 1fr 48px !important;
    grid-template-rows: 52px 40px !important
  }

  body.eldoria-v15 .eldoria-brand-v10 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 210px !important;
    height: 52px !important
  }

  body.eldoria-v15 .eldoria-logo-v10 {
    width: 205px !important;
    max-height: 50px !important;
    object-position: left center !important
  }

  body.eldoria-v15 .eldoria-topnav-v15 {
    display: none !important
  }

  body.eldoria-v15 .eldoria-social-strip-v11 {
    grid-column: 1/3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    overflow-x: auto !important
  }

  body.eldoria-v15 #ContentColumn {
    margin: 0 !important
  }

  body.eldoria-v15 #ThemeboxesColumn {
    position: static !important;
    right: auto !important;
    width: 100% !important;
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important
  }

  body.eldoria-v15 #Themeboxes {
    display: contents !important
  }

  body.eldoria-v15 .eldoria-footer-v9 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  body.eldoria-v15 .eldoria-server-hero-v9 {
    height: 420px !important
  }

  body.eldoria-v15 .eldoria-server-status-v9 {
    width: min(86%, 620px) !important
  }
}

@media(max-width:680px) {
  body.eldoria-v15 .eldoria-social-strip-v11 a {
    padding: 0 10px !important;
    font-size: 10px !important
  }

  body.eldoria-v15 .eldoria-header-flags-v11 {
    padding: 0 10px !important
  }

  body.eldoria-v15 .eldoria-server-hero-v9 {
    height: 380px !important
  }

  body.eldoria-v15 .eldoria-server-status-v9 {
    width: 94% !important;
    margin-top: 10px !important
  }

  body.eldoria-v15 .eldoria-server-status-v9 h1 {
    font-size: 20px !important
  }

  body.eldoria-v15 .eldoria-server-actions-v9 a {
    min-width: 0 !important;
    flex: 1 !important;
    font-size: 8px !important;
    padding: 0 5px !important
  }

  body.eldoria-v15 .eldoria-home-grid-v9 {
    grid-template-columns: 1fr !important
  }

  body.eldoria-v15 #ThemeboxesColumn {
    grid-template-columns: 1fr !important
  }

  body.eldoria-v15 .eldoria-ranking-v13 .rank-item {
    grid-template-columns: 36px 64px 1fr 10px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V16 — fundo fantasy + cabeçalho alinhado ao conteúdo
   ===================================================================== */
body.eldoria-v16 {
  background-color: #c99f5c !important;
  background-image:
    linear-gradient(rgba(205, 166, 96, .28), rgba(205, 166, 96, .40)),
    url('images/site/eldoria-background-v16.webp') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
}

/* O cabeçalho passa a usar o MESMO grid das 3 colunas do conteúdo.
   Assim INÍCIO/NAV e a barra Discord ficam centralizados exatamente
   sobre o bloco ÚLTIMAS ATUALIZAÇÕES, e não sobre conteúdo + sidebar. */
body.eldoria-v16 .eldoria-header-v9 {
  grid-template-columns: 300px minmax(0, 1fr) 330px !important;
  grid-template-rows: 28px 20px !important;
  column-gap: 20px !important;
}

body.eldoria-v16 .eldoria-brand-v10 {
  grid-column: 1 !important;
  grid-row: 1/3 !important;
}

body.eldoria-v16 .eldoria-topnav-v15 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: 992px !important;
  justify-self: center !important;
}

body.eldoria-v16 .eldoria-social-strip-v11 {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: min(100%, 900px) !important;
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mantém os textos legíveis sobre o novo background sem criar caixas pesadas. */
body.eldoria-v16 .eldoria-topnav-v15 a b,
body.eldoria-v16 .eldoria-topnav-v15 a .material-icons {
  text-shadow: 0 1px 1px rgba(255, 240, 198, .95), 0 0 5px rgba(247, 222, 165, .55) !important;
}

@media(max-width:1450px) and (min-width:981px) {
  body.eldoria-v16 .eldoria-header-v9 {
    grid-template-columns: 245px minmax(0, 1fr) 284px !important;
    column-gap: 17px !important;
  }

  body.eldoria-v16 .eldoria-topnav-v15 {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.eldoria-v16 .eldoria-social-strip-v11 {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 775px !important;
  }
}

@media(max-width:980px) {
  body.eldoria-v16 {
    background-attachment: scroll !important;
    background-size: auto 100vh !important;
    background-position: center top !important;
  }

  body.eldoria-v16 .eldoria-header-v9 {
    grid-template-columns: 1fr 48px !important;
    grid-template-rows: 52px 40px !important;
  }

  body.eldoria-v16 .eldoria-social-strip-v11 {
    grid-column: 1/3 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V17 — MOBILE REAL / SEM SOBREPOSIÇÃO
   Corrige drawer lateral, overflow horizontal e páginas internas.
   ===================================================================== */

/* Desktop/tablet continuam iguais à V16. */
body.eldoria-v17 {
  overflow-x: hidden !important
}

@media (max-width:980px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important
  }

  body.eldoria-v17 #MainHelper1,
  body.eldoria-v17 #MainHelper2,
  body.eldoria-v17 #Bodycontainer,
  body.eldoria-v17 #ContentRow,
  body.eldoria-v17 #ContentColumn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.eldoria-v17 #Bodycontainer {
    padding: 8px !important;
    margin: 0 auto !important
  }

  body.eldoria-v17 #ContentRow {
    display: block !important;
    margin-top: 8px !important;
    position: relative !important
  }

  body.eldoria-v17 #ContentColumn {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important
  }

  /* Menu lateral vira drawer de verdade: fechado por padrão e só abre no ☰. */
  body.eldoria-v17 #MenuColumn {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: min(88vw, 330px) !important;
    max-width: 330px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 12px 10px 28px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, #ead09a 0%, #d9b875 100%) !important;
    border-right: 1px solid #9a651e !important;
    box-shadow: 10px 0 28px rgba(45, 28, 10, .32) !important;
    transform: translate3d(-110%, 0, 0) !important;
    transition: transform .24s ease !important;
    z-index: 10001 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.eldoria-v17.eldoria-menu-open #MenuColumn {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.eldoria-v17.eldoria-menu-open {
    overflow: hidden !important;
    touch-action: none !important
  }

  body.eldoria-v17.eldoria-menu-open:after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(20, 16, 10, .55) !important;
    z-index: 10000 !important;
  }

  body.eldoria-v17 #MenuColumn .eldoria-player-panel-v9,
  body.eldoria-v17 #MenuColumn .eldoria-quick-title-v15,
  body.eldoria-v17 #MenuColumn #EldoriaSideNav {
    width: 100% !important;
    max-width: 100% !important
  }

  /* Cabeçalho mobile compacto e sem empurrar a página para o lado. */
  body.eldoria-v17 .eldoria-header-v9 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    grid-template-rows: 54px auto !important;
    gap: 6px !important;
    box-sizing: border-box !important;
  }

  body.eldoria-v17 .eldoria-brand-v10 {
    width: min(210px, 72vw) !important;
    max-width: 100% !important;
    overflow: hidden !important
  }

  body.eldoria-v17 .eldoria-logo-v10 {
    width: 100% !important;
    height: 50px !important;
    object-fit: contain !important;
    object-position: left center !important
  }

  body.eldoria-v17 .eldoria-mobile-menu {
    display: grid !important;
    place-items: center !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 44px !important;
    height: 42px !important;
    margin-top: 4px !important;
    z-index: 10002 !important;
  }

  body.eldoria-v17.eldoria-menu-open .eldoria-mobile-menu {
    position: fixed !important;
    top: 10px !important;
    left: min(calc(88vw - 54px), 276px) !important;
    right: auto !important;
  }

  body.eldoria-v17 .eldoria-social-strip-v11 {
    grid-column: 1/3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  body.eldoria-v17 .eldoria-social-strip-v11::-webkit-scrollbar {
    display: none !important
  }

  body.eldoria-v17 .eldoria-social-strip-v11 a {
    flex: 0 0 auto !important;
    white-space: nowrap !important
  }

  body.eldoria-v17 .eldoria-header-flags-v11 {
    flex: 0 0 auto !important
  }

  /* Coluna direita não fica ao lado no celular; vem depois do conteúdo. */
  body.eldoria-v17 #ThemeboxesColumn {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  body.eldoria-v17 #Themeboxes {
    display: contents !important
  }

  body.eldoria-v17 #ThemeboxesColumn .Themebox,
  body.eldoria-v17 #ThemeboxesColumn .modern-ranking-card,
  body.eldoria-v17 #ThemeboxesColumn .oferta-box,
  body.eldoria-v17 #ThemeboxesColumn .modern-server-card,
  body.eldoria-v17 #ThemeboxesColumn .modern-search-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Impede qualquer página interna de manter largura de desktop. */
  body.eldoria-v17 #ContentColumn>*,
  body.eldoria-v17 #ContentColumn .Box,
  body.eldoria-v17 #ContentColumn .BoxContent,
  body.eldoria-v17 #ContentColumn .TableContainer,
  body.eldoria-v17 #ContentColumn .TableContentContainer,
  body.eldoria-v17 #ContentColumn .InnerTableContainer,
  body.eldoria-v17 #ContentColumn form,
  body.eldoria-v17 #ContentColumn fieldset {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.eldoria-v17 #ContentColumn img,
  body.eldoria-v17 #ContentColumn video,
  body.eldoria-v17 #ContentColumn canvas,
  body.eldoria-v17 #ContentColumn iframe {
    max-width: 100% !important;
    height: auto
  }

  body.eldoria-v17 #ContentColumn .TableContainer,
  body.eldoria-v17 #ContentColumn .TableContentContainer {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important
  }

  body.eldoria-v17 #ContentColumn table {
    max-width: 100% !important
  }

  /* Wiki: os grids inline de 2/3 colunas passam a uma coluna no celular. */
  body.eldoria-v17 #ContentColumn .wiki-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.eldoria-v17 #ContentColumn .wiki-page>div[style*="display: grid"],
  body.eldoria-v17 #ContentColumn .wiki-page>div[style*="display:grid"] {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
  }

  body.eldoria-v17 #ContentColumn .wiki-page>div[style*="display: flex"],
  body.eldoria-v17 #ContentColumn .wiki-page>div[style*="display:flex"] {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    gap: 12px !important;
  }

  body.eldoria-v17 #ContentColumn .wiki-page .quick-nav-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box !important
  }

  body.eldoria-v17 #ContentColumn .wiki-page h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important
  }

  body.eldoria-v17 #ContentColumn .wiki-page h3 {
    font-size: 20px !important;
    line-height: 1.25 !important
  }

  body.eldoria-v17 #ContentColumn .wiki-page p {
    overflow-wrap: anywhere !important
  }

  /* Página de personagem: quebra os grids rígidos sem alterar desktop. */
  body.eldoria-v17 #ContentColumn .char-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important
  }

  body.eldoria-v17 #ContentColumn .char-container>div[style*="grid-template-columns: 200px 1fr"],
  body.eldoria-v17 #ContentColumn .char-container>div[style*="grid-template-columns:200px 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.eldoria-v17 #ContentColumn .char-container div[style*="grid-template-columns: repeat(4"],
  body.eldoria-v17 #ContentColumn .char-container div[style*="grid-template-columns:repeat(4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.eldoria-v17 #ContentColumn .char-container .achiev-grid {
    grid-template-columns: 1fr !important
  }

  body.eldoria-v17 #ContentColumn .char-container .value-name-top {
    font-size: 28px !important;
    letter-spacing: 1px !important
  }

  body.eldoria-v17 #ContentColumn .modern-table-char {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important
  }

  /* Home: uma coluna só, sem arte cortando para a direita. */
  body.eldoria-v17 .eldoria-updates-v9,
  body.eldoria-v17 .eldoria-server-hero-v9,
  body.eldoria-v17 .eldoria-home-grid-v9,
  body.eldoria-v17 .eldoria-home-card-v9 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important
  }

  body.eldoria-v17 .eldoria-server-hero-v9 {
    height: 360px !important;
    background-position: center center !important
  }

  body.eldoria-v17 .eldoria-server-status-v9 {
    width: 94% !important;
    max-width: 560px !important
  }

  body.eldoria-v17 .eldoria-home-grid-v9 {
    grid-template-columns: 1fr !important
  }

  body.eldoria-v17 .eldoria-footer-v9 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important
  }
}

@media (max-width:560px) {
  body.eldoria-v17 #Bodycontainer {
    padding: 6px !important
  }

  body.eldoria-v17 .eldoria-brand-v10 {
    width: 180px !important
  }

  body.eldoria-v17 .eldoria-social-strip-v11 a {
    padding: 0 8px !important;
    font-size: 9px !important
  }

  body.eldoria-v17 .eldoria-social-img-v11 {
    width: 16px !important;
    height: 16px !important
  }

  body.eldoria-v17 .eldoria-header-flags-v11 img {
    width: 24px !important;
    height: auto !important
  }

  body.eldoria-v17 .eldoria-server-hero-v9 {
    height: 330px !important
  }

  body.eldoria-v17 .eldoria-server-facts-v9 {
    grid-template-columns: 1.3fr .7fr .7fr !important
  }

  body.eldoria-v17 .eldoria-server-actions-v9 {
    width: 100% !important;
    gap: 4px !important
  }

  body.eldoria-v17 .eldoria-server-actions-v9 a {
    min-width: 0 !important;
    flex: 1 !important;
    padding: 0 3px !important;
    font-size: 7.5px !important
  }

  body.eldoria-v17 #ContentColumn .wiki-page {
    padding: 10px !important
  }

  body.eldoria-v17 #ContentColumn .wiki-page>div[style*="padding: 40px"] {
    padding: 16px !important
  }

  body.eldoria-v17 #ContentColumn .wiki-page>div[style*="padding: 30px"] {
    padding: 14px !important
  }

  body.eldoria-v17 #ContentColumn .char-container {
    padding: 10px !important
  }

  body.eldoria-v17 .eldoria-ranking-v13 .rank-item {
    grid-template-columns: 34px 62px minmax(0, 1fr) 8px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V18 — MOBILE MAIS COMPACTO
   Reduz a escala visual das páginas internas, principalmente Highscores,
   sem alterar o desktop e sem voltar a criar scroll horizontal.
   ===================================================================== */

@media (max-width:620px) {

  /* Margens um pouco menores para ganhar área útil no celular. */
  body.eldoria-v18 #Bodycontainer {
    padding: 4px !important
  }

  body.eldoria-v18 #ContentRow {
    margin-top: 5px !important
  }

  body.eldoria-v18 #ContentColumn {
    font-size: 92% !important
  }

  /* Barra superior: tudo mais compacto para caber melhor. */
  body.eldoria-v18 .eldoria-header-v9 {
    grid-template-rows: 48px auto !important;
    gap: 4px !important
  }

  body.eldoria-v18 .eldoria-brand-v10 {
    width: 158px !important
  }

  body.eldoria-v18 .eldoria-logo-v10 {
    height: 44px !important
  }

  body.eldoria-v18 .eldoria-mobile-menu {
    width: 40px !important;
    height: 38px !important;
    font-size: 20px !important
  }

  body.eldoria-v18 .eldoria-social-strip-v11 {
    min-height: 43px !important;
    height: 43px !important
  }

  body.eldoria-v18 .eldoria-social-strip-v11 a {
    padding: 0 7px !important;
    font-size: 8.5px !important;
    gap: 4px !important
  }

  body.eldoria-v18 .eldoria-social-img-v11 {
    width: 14px !important;
    height: 14px !important
  }

  body.eldoria-v18 .eldoria-header-flags-v11 {
    padding: 0 6px !important;
    gap: 5px !important
  }

  body.eldoria-v18 .eldoria-header-flags-v11 img {
    width: 21px !important
  }

  /* Caixa padrão das páginas internas com menos respiro. */
  body.eldoria-v18 #ContentColumn .BoxContent {
    padding: 8px !important
  }

  body.eldoria-v18 #ContentColumn .Box {
    margin-bottom: 8px !important
  }

  /* HIGHSCORES: compactação real do layout escuro interno. */
  body.eldoria-v18 #ContentColumn .rank-root {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.eldoria-v18 #ContentColumn .rank-header {
    padding: 14px 12px !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    gap: 8px !important;
  }

  body.eldoria-v18 #ContentColumn .rank-filters-box {
    padding: 14px 10px !important
  }

  body.eldoria-v18 #ContentColumn .filter-grid {
    gap: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }

  body.eldoria-v18 #ContentColumn .filter-group {
    min-width: 0 !important;
    width: 100% !important
  }

  body.eldoria-v18 #ContentColumn .filter-group label {
    font-size: 9px !important;
    margin-bottom: 5px !important
  }

  body.eldoria-v18 #ContentColumn .rank-select {
    padding: 9px 7px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
    min-width: 0 !important;
    width: 100% !important
  }

  body.eldoria-v18 #ContentColumn .podium-section {
    gap: 6px !important;
    padding: 20px 6px 18px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.eldoria-v18 #ContentColumn .podium-card {
    min-width: 0 !important;
    max-width: none !important;
    padding: 12px 4px !important;
    border-radius: 11px !important;
  }

  body.eldoria-v18 #ContentColumn .podium-card.rank-1 {
    transform: scale(1.04) !important
  }

  body.eldoria-v18 #ContentColumn .podium-rank {
    font-size: 32px !important;
    margin-bottom: 5px !important
  }

  body.eldoria-v18 #ContentColumn .rank-1 .podium-rank {
    font-size: 42px !important
  }

  body.eldoria-v18 #ContentColumn .podium-outfit {
    margin-bottom: 7px !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
  }

  body.eldoria-v18 #ContentColumn .podium-outfit img {
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important
  }

  body.eldoria-v18 #ContentColumn .podium-name {
    font-size: 12px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important
  }

  body.eldoria-v18 #ContentColumn .podium-level {
    font-size: 10px !important
  }

  body.eldoria-v18 #ContentColumn .rank-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    margin-top: 5px !important;
  }

  body.eldoria-v18 #ContentColumn .rank-table th {
    padding: 10px 4px !important;
    font-size: 8px !important;
    letter-spacing: .6px !important;
    overflow-wrap: anywhere !important;
  }

  body.eldoria-v18 #ContentColumn .rank-row td {
    padding: 10px 4px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }

  body.eldoria-v18 #ContentColumn .rank-table .pos-cell {
    width: 8% !important
  }

  body.eldoria-v18 #ContentColumn .rank-table .name-cell {
    width: 30% !important;
    font-size: 10px !important
  }

  body.eldoria-v18 #ContentColumn .rank-table .vocation-cell {
    font-size: 9px !important
  }

  body.eldoria-v18 #ContentColumn .rank-table .level-cell {
    width: 12% !important
  }

  body.eldoria-v18 #ContentColumn .rank-table .metric-cell {
    font-size: 9px !important
  }

  body.eldoria-v18 #ContentColumn .rank-footer {
    padding: 14px 8px !important;
    gap: 6px !important
  }

  body.eldoria-v18 #ContentColumn .rank-btn {
    padding: 8px 12px !important;
    font-size: 9px !important
  }

  body.eldoria-v18 #ContentColumn .update-time {
    font-size: 9px !important;
    padding-bottom: 12px !important
  }

  /* Wiki/personagem também ficam discretamente menores. */
  body.eldoria-v18 #ContentColumn .wiki-page {
    padding: 8px !important;
    font-size: 92% !important
  }

  body.eldoria-v18 #ContentColumn .wiki-page h2 {
    font-size: 21px !important
  }

  body.eldoria-v18 #ContentColumn .wiki-page h3 {
    font-size: 17px !important
  }

  body.eldoria-v18 #ContentColumn .char-container {
    padding: 8px !important;
    font-size: 92% !important
  }

  body.eldoria-v18 #ContentColumn .char-container .value-name-top {
    font-size: 24px !important
  }
}

@media (max-width:420px) {
  body.eldoria-v18 #Bodycontainer {
    padding: 3px !important
  }

  body.eldoria-v18 .eldoria-brand-v10 {
    width: 145px !important
  }

  body.eldoria-v18 .eldoria-social-strip-v11 a {
    padding: 0 5px !important;
    font-size: 8px !important
  }

  body.eldoria-v18 .eldoria-header-flags-v11 img {
    width: 20px !important
  }

  body.eldoria-v18 #ContentColumn .rank-header {
    font-size: 16px !important;
    padding: 12px 9px !important
  }

  body.eldoria-v18 #ContentColumn .rank-filters-box {
    padding: 11px 7px !important
  }

  body.eldoria-v18 #ContentColumn .rank-select {
    font-size: 11px !important;
    padding: 8px 5px !important
  }

  body.eldoria-v18 #ContentColumn .podium-section {
    gap: 4px !important;
    padding: 17px 4px 15px !important
  }

  body.eldoria-v18 #ContentColumn .podium-card {
    padding: 10px 2px !important
  }

  body.eldoria-v18 #ContentColumn .podium-rank {
    font-size: 28px !important
  }

  body.eldoria-v18 #ContentColumn .rank-1 .podium-rank {
    font-size: 36px !important
  }

  body.eldoria-v18 #ContentColumn .podium-outfit {
    height: 56px !important
  }

  body.eldoria-v18 #ContentColumn .podium-outfit img {
    max-width: 56px !important;
    max-height: 56px !important
  }

  body.eldoria-v18 #ContentColumn .podium-name {
    font-size: 10.5px !important
  }

  body.eldoria-v18 #ContentColumn .podium-level {
    font-size: 9px !important
  }

  body.eldoria-v18 #ContentColumn .rank-table th {
    font-size: 7px !important;
    padding: 8px 2px !important
  }

  body.eldoria-v18 #ContentColumn .rank-row td {
    font-size: 9px !important;
    padding: 8px 2px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V20 — BARRA AZUL/DOURADA SEM TEXTO EMBUTIDO
   A moldura é apenas arte. Todo texto/contador/links permanecem HTML reais,
   evitando duplicação, conflito com letras e números desatualizados.
   ===================================================================== */
body.eldoria-v20 {
  --v20-blue: #062c63;
  --v20-blue-2: #031c43;
  --v20-gold: #d9a637;
  --v20-gold-deep: #8b5b16;
  --v20-paper: #ead09a;
  --v20-paper-light: #f3dfb4;
}

/* Cabeçalho: navegação em cima e moldura social abaixo. */
body.eldoria-v20 .eldoria-header-v9 {
  grid-template-columns: 300px minmax(0, 1fr) 330px !important;
  grid-template-rows: 76px auto !important;
  column-gap: 20px !important;
  row-gap: 2px !important;
  align-items: start !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.eldoria-v20 .eldoria-brand-v10 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  height: 74px !important;
}

body.eldoria-v20 .eldoria-logo-v10 {
  max-height: 72px !important;
}

body.eldoria-v20 .eldoria-topnav-v15 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  width: 100% !important;
  max-width: 1050px !important;
}

body.eldoria-v20 .eldoria-topnav-v15 a {
  color: #3a2917 !important;
}

body.eldoria-v20 .eldoria-topnav-v15 a .material-icons {
  color: #8d5b17 !important;
}

/* A imagem não possui letras nem ícones. Eles ficam em HTML por cima. */
body.eldoria-v20 .eldoria-social-strip-v11 {
  position: relative !important;
  isolation: isolate !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: center !important;
  width: min(100%, 1050px) !important;
  max-width: 1050px !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 2048 / 370 !important;
  margin: -3px auto 4px !important;
  padding: 0 12.8% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: visible !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.eldoria-v20 .eldoria-social-strip-v11:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: url('images/site/eldoria-social-frame-clean.webp') center/100% 100% no-repeat !important;
  filter: drop-shadow(0 5px 7px rgba(14, 24, 36, .24)) !important;
}

body.eldoria-v20 .eldoria-social-strip-v11 a,
body.eldoria-v20 .eldoria-header-flags-v11 {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  flex: 1 1 0 !important;
  padding: 0 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(235, 190, 79, .72) !important;
  color: #fff !important;
  font: 700 13px/1 Arial, sans-serif !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .72) !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

body.eldoria-v20 .eldoria-social-strip-v11 a:hover {
  background: linear-gradient(180deg, rgba(57, 132, 214, .14), rgba(17, 73, 137, .16)) !important;
  color: #fff !important;
}

body.eldoria-v20 .eldoria-social-strip-v11 a:nth-child(4) {
  flex: 1.45 1 0 !important
}

body.eldoria-v20 .eldoria-header-flags-v11 {
  flex: .72 1 0 !important;
  border-right: 0 !important;
  gap: 8px !important;
}

body.eldoria-v20 .eldoria-social-img-v11 {
  width: 25px !important;
  height: 25px !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0, 0, 0, .35)) !important;
}

body.eldoria-v20 .eldoria-social-strip-v11 a:nth-child(2) .eldoria-social-img-v11 {
  filter: brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0, 0, 0, .35)) !important;
}

body.eldoria-v20 .eldoria-social-strip-v11 a:nth-child(4) b {
  color: #40eb43 !important;
  font-size: 18px !important;
  text-shadow: 0 0 6px rgba(36, 232, 65, .25), 0 2px 2px rgba(0, 0, 0, .65) !important;
}

body.eldoria-v20 .eldoria-header-flags-v11 img {
  width: 32px !important;
  height: 22px !important;
  object-fit: cover !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .45) !important;
}

/* Faz o restante do site conversar com a barra: azul imperial + dourado. */
body.eldoria-v20 .eldoria-panel-title-v9,
body.eldoria-v20 .eldoria-panel-title-v11,
body.eldoria-v20 .eldoria-updates-title-v11,
body.eldoria-v20 .ranking-title,
body.eldoria-v20 .oferta-header,
body.eldoria-v20 .modern-server-card .server-title,
body.eldoria-v20 .eldoria-side-label-v15 {
  background: linear-gradient(180deg, #0d4c8d 0%, #062f66 55%, #042553 100%) !important;
  color: #fff4d2 !important;
  border-color: #b87b1f !important;
  box-shadow: inset 0 1px rgba(112, 190, 255, .33), inset 0 -1px rgba(0, 0, 0, .30), 0 1px 0 #e0b04c !important;
  text-shadow: 0 2px 1px rgba(0, 0, 0, .65) !important;
}

body.eldoria-v20 .eldoria-panel-title-v9:before,
body.eldoria-v20 .eldoria-panel-title-v9:after,
body.eldoria-v20 .eldoria-panel-title-v11:before,
body.eldoria-v20 .eldoria-panel-title-v11:after {
  color: #f3c65c !important;
}

body.eldoria-v20 .eldoria-nav-toggle {
  background: linear-gradient(180deg, #114f8d, #073366) !important;
  color: #fff4d2 !important;
  border-color: #b27a25 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .65) !important;
}

body.eldoria-v20 .eldoria-nav-toggle:hover {
  background: linear-gradient(180deg, #1762a8, #0a417d) !important;
}

body.eldoria-v20 .eldoria-nav-toggle .material-icons,
body.eldoria-v20 .eldoria-side-label-v15 .material-icons {
  color: #f2c45e !important;
}

body.eldoria-v20 .eldoria-nav-sub {
  background: linear-gradient(180deg, #f4dfb5, #e7c58b) !important;
}

/* Conteúdo começa depois da moldura, sem sobreposição. */
body.eldoria-v20 #ContentRow {
  margin-top: 6px !important;
}

/* Tablet: reduz moldura sem apertar o conteúdo vivo. */
@media(max-width:1450px) and (min-width:981px) {
  body.eldoria-v20 .eldoria-header-v9 {
    grid-template-columns: 245px minmax(0, 1fr) 284px !important;
    grid-template-rows: 70px auto !important;
    column-gap: 17px !important;
  }

  body.eldoria-v20 .eldoria-brand-v10 {
    height: 68px !important
  }

  body.eldoria-v20 .eldoria-logo-v10 {
    max-height: 66px !important
  }

  body.eldoria-v20 .eldoria-social-strip-v11 {
    width: min(100%, 820px) !important;
    max-width: 820px !important;
  }

  body.eldoria-v20 .eldoria-social-strip-v11 a,
  body.eldoria-v20 .eldoria-header-flags-v11 {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 7px !important;
    gap: 6px !important;
    font-size: 10px !important;
  }

  body.eldoria-v20 .eldoria-social-img-v11 {
    width: 20px !important;
    height: 20px !important
  }

  body.eldoria-v20 .eldoria-social-strip-v11 a:nth-child(4) b {
    font-size: 14px !important
  }

  body.eldoria-v20 .eldoria-header-flags-v11 img {
    width: 26px !important;
    height: 18px !important
  }
}

/* Mobile: a arte complexa some e vira uma barra azul/dourada simples.
   Assim os personagens decorativos nunca cobrem texto, botões ou conteúdo. */
@media(max-width:980px) {
  body.eldoria-v20 .eldoria-header-v9 {
    grid-template-columns: 1fr 48px !important;
    grid-template-rows: 52px 46px !important;
    min-height: 102px !important;
    align-items: center !important;
  }

  body.eldoria-v20 .eldoria-brand-v10 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 50px !important;
  }

  body.eldoria-v20 .eldoria-social-strip-v11 {
    grid-column: 1/3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 3px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: linear-gradient(180deg, #0c4b8e, #052b5e) !important;
    border: 1px solid #c99534 !important;
    border-radius: 5px !important;
    box-shadow: inset 0 0 0 1px rgba(244, 206, 101, .32), 0 2px 5px rgba(0, 0, 0, .18) !important;
    scrollbar-width: none !important;
  }

  body.eldoria-v20 .eldoria-social-strip-v11:before {
    display: none !important
  }

  body.eldoria-v20 .eldoria-social-strip-v11::-webkit-scrollbar {
    display: none !important
  }

  body.eldoria-v20 .eldoria-social-strip-v11 a,
  body.eldoria-v20 .eldoria-header-flags-v11 {
    flex: 0 0 auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 10px !important;
    border-right: 1px solid rgba(223, 177, 64, .42) !important;
  }

  body.eldoria-v20 .eldoria-social-img-v11 {
    width: 18px !important;
    height: 18px !important
  }

  body.eldoria-v20 .eldoria-social-strip-v11 a:nth-child(4) b {
    font-size: 12px !important
  }

  body.eldoria-v20 .eldoria-header-flags-v11 {
    border-right: 0 !important
  }

  body.eldoria-v20 .eldoria-header-flags-v11 img {
    width: 25px !important;
    height: 17px !important
  }
}

/* ================================================================
   ELDORIA V21 — MENU LATERAL USANDO A ARTE DA REFERÊNCIA DO USUÁRIO
   As imagens das barras NÃO possuem texto. O nome continua em HTML,
   evitando conflito/duplicação e mantendo tradução/acessibilidade.
   ================================================================ */
body.eldoria-v21 #EldoriaSideNav {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.eldoria-v21 .eldoria-nav-group {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.eldoria-v21 .eldoria-nav-toggle {
  width: 100% !important;
  aspect-ratio: 7.6 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 14% 0 24% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
  color: #fff3d1 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(10px, .77vw, 13px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .25px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .95), 0 0 3px rgba(0, 0, 0, .55) !important;
  cursor: pointer !important;
  transition: filter .15s ease, transform .15s ease !important;
}

body.eldoria-v21 .eldoria-nav-toggle:hover {
  filter: brightness(1.09) saturate(1.05) !important;
  transform: translateY(-1px) !important;
  background-color: transparent !important;
}

body.eldoria-v21 .eldoria-nav-toggle:focus-visible {
  outline: 2px solid #67c9ff !important;
  outline-offset: -4px !important;
}

body.eldoria-v21 .eldoria-nav-toggle:before,
body.eldoria-v21 .eldoria-nav-toggle:after,
body.eldoria-v21 .eldoria-nav-sign {
  display: none !important;
  content: none !important;
}

body.eldoria-v21 .eldoria-nav-label {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="news"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/news.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="wiki"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/wiki.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="community"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/community.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="forum"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/forum.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="account"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/account.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="library"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/library.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="wars"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/wars.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="events"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/events.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="support"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/support.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="shop"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/shop.webp') !important
}

body.eldoria-v21 .eldoria-nav-group[data-menu-id="bazaar"] .eldoria-nav-toggle {
  background-image: url('images/site/menu-v21/bazaar.webp') !important
}

/* Submenu fica em pergaminho abaixo da moldura; não encobre a arte. */
body.eldoria-v21 .eldoria-nav-sub {
  display: none !important;
  width: calc(100% - 28px) !important;
  margin: -1px 14px 3px !important;
  padding: 6px 0 8px !important;
  border: 1px solid #a97825 !important;
  border-top: 0 !important;
  border-radius: 0 0 7px 7px !important;
  background: linear-gradient(180deg, rgba(246, 224, 183, .98), rgba(225, 190, 130, .98)) !important;
  box-shadow: inset 0 1px rgba(255, 248, 222, .95), 0 2px 4px rgba(47, 31, 10, .18) !important;
}

body.eldoria-v21 .eldoria-nav-group.is-open .eldoria-nav-sub {
  display: block !important
}

body.eldoria-v21 .eldoria-nav-sub a,
body.eldoria-v21 .eldoria-nav-empty {
  padding: 7px 10px 7px 30px !important;
  color: #493219 !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

body.eldoria-v21 .eldoria-nav-sub a:before {
  left: 16px !important;
  color: #8b5a16 !important;
}

body.eldoria-v21 .eldoria-nav-sub a:hover,
body.eldoria-v21 .eldoria-nav-sub a.is-active {
  color: #063e76 !important;
  background: rgba(25, 84, 140, .09) !important;
}

/* No celular mantém a mesma arte, porém em largura correta e sem texto cortado. */
@media(max-width:980px) {
  body.eldoria-v21 #EldoriaSideNav {
    gap: 2px !important
  }

  body.eldoria-v21 .eldoria-nav-toggle {
    font-size: 12px !important;
    padding-left: 24% !important;
    padding-right: 14% !important;
  }

  body.eldoria-v21 .eldoria-nav-sub {
    width: calc(100% - 26px) !important;
    margin-left: 13px !important;
    margin-right: 13px !important;
  }
}


/* ================================================================
   ELDORIA V22 — menu sem hover + Ranking Extra / Server / Find Player
   usando as artes fornecidas pelo usuário.
   ================================================================ */

/* Nenhuma animação/efeito ao passar o mouse nas barras laterais. */
body.eldoria-v22 .eldoria-nav-toggle,
body.eldoria-v22 .eldoria-nav-toggle:hover,
body.eldoria-v22 .eldoria-nav-toggle:active,
body.eldoria-v22 .eldoria-nav-toggle:focus {
  filter: none !important;
  transform: none !important;
  transition: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  background-color: transparent !important;
}

body.eldoria-v22 .eldoria-nav-label,
body.eldoria-v22 .eldoria-nav-toggle:hover .eldoria-nav-label {
  color: #fff3d1 !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .95), 0 0 3px rgba(0, 0, 0, .55) !important;
}

body.eldoria-v22 .eldoria-nav-sub a,
body.eldoria-v22 .eldoria-nav-sub a:hover {
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

body.eldoria-v22 .eldoria-nav-sub a:hover {
  color: #493219 !important;
  background: transparent !important;
}

/* ---------------- Ranking Extra — moldura azul/dourada ---------------- */
body.eldoria-v22 .eldoria-extra-ranking-v22 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 599 / 868 !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    url('images/site/ui-v22/ranking-extra-v22.webp') center/100% 100% no-repeat !important;
  box-shadow: none !important;
  overflow: hidden !important;
  color: #fff1c8 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}

body.eldoria-v22 .eldoria-extra-ranking-v22:before,
body.eldoria-v22 .eldoria-extra-ranking-v22:after {
  display: none !important;
  content: none !important
}

body.eldoria-v22 .v22-rank-title {
  position: absolute !important;
  left: 18% !important;
  right: 18% !important;
  top: 6.2% !important;
  height: 6.2% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff1c9 !important;
  font: 700 clamp(10px, .74vw, 13px)/1 Georgia, 'Times New Roman', serif !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 2px #000, 0 0 4px rgba(0, 0, 0, .75) !important;
  z-index: 4 !important;
}

body.eldoria-v22 .v22-group-label {
  position: absolute !important;
  left: 28% !important;
  right: 18% !important;
  height: 4.3% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffe7a5 !important;
  font: 700 clamp(8px, .58vw, 10px)/1 Arial, sans-serif !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px #000 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

body.eldoria-v22 .v22-label-frags {
  top: 16.6% !important
}

body.eldoria-v22 .v22-label-money {
  top: 42.9% !important
}

body.eldoria-v22 .v22-label-mounts {
  top: 68.9% !important
}

body.eldoria-v22 .v22-rank-group {
  position: absolute !important;
  left: 26.5% !important;
  right: 11% !important;
  height: 17.8% !important;
  display: grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 0 !important;
  z-index: 6 !important;
}

body.eldoria-v22 .v22-group-frags {
  top: 21.1% !important
}

body.eldoria-v22 .v22-group-money {
  top: 47.2% !important
}

body.eldoria-v22 .v22-group-mounts {
  top: 73.0% !important
}

body.eldoria-v22 .v22-rank-row {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 5px 0 0 !important;
  color: #fff0c2 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  overflow: hidden !important;
}

body.eldoria-v22 .v22-rank-row:hover,
body.eldoria-v22 .v22-rank-row:focus {
  background: transparent !important;
  transform: none !important;
  filter: none !important;
  color: #fff0c2 !important;
}

body.eldoria-v22 .v22-rank-outfit {
  width: 31px !important;
  height: 31px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  justify-self: center !important;
}

body.eldoria-v22 .v22-rank-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  line-height: 1.02 !important;
  overflow: hidden !important;
}

body.eldoria-v22 .v22-rank-copy b {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff4d7 !important;
  font: 700 clamp(8px, .58vw, 10px)/1.05 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #000 !important;
}

body.eldoria-v22 .v22-rank-copy small {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
  color: #71d7ff !important;
  font: 700 clamp(7px, .48vw, 9px)/1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #000 !important;
}

/* ---------------- Server Info — moldura fornecida ---------------- */
body.eldoria-v22 .eldoria-server-widget-v22 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 797 / 446 !important;
  margin: 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    url('images/site/ui-v22/server-info-v22.webp') center/100% 100% no-repeat !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transform: none !important;
  transition: none !important;
  filter: none !important;
  color: #fff0c6 !important;
}

body.eldoria-v22 .eldoria-server-widget-v22:hover,
body.eldoria-v22 .eldoria-server-widget-v22:focus {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

body.eldoria-v22 .eldoria-server-widget-v22:before,
body.eldoria-v22 .eldoria-server-widget-v22:after {
  display: none !important;
  content: none !important
}

body.eldoria-v22 .v22-server-title {
  position: absolute !important;
  top: 23% !important;
  left: 18% !important;
  right: 18% !important;
  text-align: center !important;
  color: #ffe7a8 !important;
  font: 700 clamp(10px, .7vw, 13px)/1 Georgia, 'Times New Roman', serif !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 2px #000 !important;
}

body.eldoria-v22 .v22-server-status {
  position: absolute !important;
  top: 45% !important;
  left: 16% !important;
  right: 16% !important;
  text-align: center !important;
  color: #fff1c9 !important;
  font: 700 clamp(8px, .53vw, 10px)/1.1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #000 !important;
}

body.eldoria-v22 .v22-server-status b {
  color: #58ef69 !important
}

body.eldoria-v22 .v22-server-button {
  position: absolute !important;
  left: 15% !important;
  right: 15% !important;
  bottom: 13.5% !important;
  height: 17% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font: 700 clamp(7px, .5vw, 9px)/1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #00142a !important;
  white-space: nowrap !important;
}

/* ---------------- Find Player — moldura fornecida ---------------- */
body.eldoria-v22 .eldoria-search-v22 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 767 / 383 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    url('images/site/ui-v22/find-player-v22.webp') center/100% 100% no-repeat !important;
  box-shadow: none !important;
  overflow: hidden !important;
  color: #fff0c5 !important;
}

body.eldoria-v22 .eldoria-search-v22:before,
body.eldoria-v22 .eldoria-search-v22:after {
  display: none !important;
  content: none !important
}

body.eldoria-v22 .eldoria-search-v22 .eldoria-panel-title-v9 {
  position: absolute !important;
  top: 5.5% !important;
  left: 22% !important;
  right: 22% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffe7a8 !important;
  font: 700 clamp(9px, .62vw, 11px)/1 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 2px #000 !important;
  z-index: 4 !important;
}

body.eldoria-v22 .eldoria-search-v22 form {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.eldoria-v22 .eldoria-search-v22 .search-input {
  position: absolute !important;
  left: 16.8% !important;
  top: 35.0% !important;
  width: 72.5% !important;
  height: 23.5% !important;
  margin: 0 !important;
  padding: 0 5% 0 13% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #eaf5ff !important;
  box-shadow: none !important;
  outline: none !important;
  font: 700 clamp(8px, .53vw, 10px)/1 Arial, sans-serif !important;
}

body.eldoria-v22 .eldoria-search-v22 .search-input::placeholder {
  color: #9fb4c9 !important;
  opacity: 1 !important
}

body.eldoria-v22 .eldoria-search-v22 .search-input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.eldoria-v22 .eldoria-search-v22 .search-btn {
  position: absolute !important;
  left: 24.5% !important;
  bottom: 15.0% !important;
  width: 56% !important;
  height: 21% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  font: 700 clamp(8px, .56vw, 10px)/1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #00142a !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

body.eldoria-v22 .eldoria-search-v22 .search-btn:hover,
body.eldoria-v22 .eldoria-search-v22 .search-btn:focus {
  background: transparent !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Mobile: mantém os novos frames legíveis e proporcionais. */
@media(max-width:980px) {

  body.eldoria-v22 .eldoria-extra-ranking-v22,
  body.eldoria-v22 .eldoria-server-widget-v22,
  body.eldoria-v22 .eldoria-search-v22 {
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.eldoria-v22 .v22-rank-outfit {
    width: 28px !important;
    height: 28px !important
  }

  body.eldoria-v22 .v22-rank-copy b {
    font-size: 9px !important
  }

  body.eldoria-v22 .v22-rank-copy small {
    font-size: 8px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V23 — acabamento final das artes fornecidas pelo usuário
   - menu sem qualquer efeito de mouse/cursor luva
   - barra social alinhada exatamente com a coluna de Últimas Atualizações
   - Top Players + Boosted + Oferta usando a arte nova como moldura
   - Ranking Extra com Frags/Dinheiro/Addons/Mounts na arte nova
   - Server Info e Find Player na arte nova
   ===================================================================== */

/* 1) MENU: nada muda ao passar o mouse. Continua clicável, mas sem "luva",
      zoom, brilho, deslocamento, foco visual ou sobreposição entre barras. */
body.eldoria-v23 #EldoriaSideNav {
  gap: 1px !important;
  isolation: isolate !important;
}

body.eldoria-v23 .eldoria-nav-group {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

body.eldoria-v23 .eldoria-nav-group:hover,
body.eldoria-v23 .eldoria-nav-group:focus-within {
  z-index: 1 !important;
}

body.eldoria-v23 .eldoria-nav-toggle,
body.eldoria-v23 .eldoria-nav-toggle:hover,
body.eldoria-v23 .eldoria-nav-toggle:active,
body.eldoria-v23 .eldoria-nav-toggle:focus,
body.eldoria-v23 .eldoria-nav-toggle:focus-visible {
  cursor: default !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  opacity: 1 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}

body.eldoria-v23 .eldoria-nav-label,
body.eldoria-v23 .eldoria-nav-toggle:hover .eldoria-nav-label,
body.eldoria-v23 .eldoria-nav-toggle:focus .eldoria-nav-label {
  color: #fff1c7 !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .95), 0 0 3px rgba(0, 0, 0, .55) !important;
  transform: none !important;
}

body.eldoria-v23 .eldoria-nav-sub a,
body.eldoria-v23 .eldoria-nav-sub a:hover,
body.eldoria-v23 .eldoria-nav-sub a:focus {
  cursor: default !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* 2) BARRA DISCORD/INSTAGRAM: a borda esquerda e direita passam a coincidir
      com a mesma coluna central usada por "ÚLTIMAS ATUALIZAÇÕES". */
body.eldoria-v23 .eldoria-social-strip-v11 {
  width: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 3) PAINEL LATERAL DIREITO COMPOSITO — Top Players + Boosted + Oferta. */
body.eldoria-v23 .eldoria-right-showcase-v23 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1024 / 1450 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: url('images/site/ui-v23/right-showcase-v23.webp') center/100% 100% no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* TOP PLAYERS — os números já estão desenhados na moldura. */
body.eldoria-v23 .eldoria-right-showcase-v23 .modern-ranking-card {
  position: absolute !important;
  left: 18.5% !important;
  right: 14.5% !important;
  top: 11.5% !important;
  height: 31.8% !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .modern-ranking-card:before,
body.eldoria-v23 .eldoria-right-showcase-v23 .modern-ranking-card:after,
body.eldoria-v23 .eldoria-right-showcase-v23 .ranking-title {
  display: none !important;
  content: none !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-item {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 4px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  text-decoration: none !important;
  overflow: visible !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-item:hover,
body.eldoria-v23 .eldoria-right-showcase-v23 .rank-item:focus {
  background: transparent !important;
  transform: none !important;
  filter: none !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-badge,
body.eldoria-v23 .eldoria-right-showcase-v23 .online-dot {
  display: none !important
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-outfit-container {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-outfit-img {
  width: 42px !important;
  height: 42px !important;
  max-width: 42px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-details {
  min-width: 0 !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-name {
  color: #3a2410 !important;
  font: 700 clamp(8px, .57vw, 10px)/1.05 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 1px rgba(255, 243, 202, .72) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-meta {
  margin-top: 2px !important;
  color: #65431f !important;
  font: 700 clamp(7px, .50vw, 9px)/1.05 Arial, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .rank-level {
  color: #173b62 !important
}

/* BOOSTED — sprites reais sobre os dois pedestais da arte. */
body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  position: absolute !important;
  left: 10.5% !important;
  right: 9.5% !important;
  top: 46.0% !important;
  height: 20.8% !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-box:before,
body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-box:after,
body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-box>.eldoria-panel-title-v9 {
  display: none !important;
  content: none !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6% !important;
  padding: 5% 4% 2% !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-item {
  position: relative !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  text-decoration: none !important;
  overflow: visible !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-icon {
  position: absolute !important;
  left: 50% !important;
  top: 13% !important;
  transform: translateX(-50%) !important;
  width: 56% !important;
  height: 53% !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
  max-width: 64px !important;
  max-height: 64px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
  margin: 0 !important;
  color: #f6d584 !important;
  font: 700 clamp(7px, .48vw, 9px)/1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #000 !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  display: block !important;
  max-width: 92% !important;
  margin: 2px 0 0 !important;
  color: #fff0c6 !important;
  font: 700 clamp(6px, .43vw, 8px)/1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* OFERTA — usa a parte vermelha/dourada da arte, dados reais por cima. */
body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-box {
  position: absolute !important;
  left: 8.5% !important;
  right: 8.5% !important;
  top: 70.2% !important;
  height: 26.8% !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-box:before,
body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-box:after,
body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-header {
  display: none !important;
  content: none !important
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-body {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #34200d !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-badge {
  position: absolute !important;
  top: 11% !important;
  left: 44% !important;
  transform: translateX(-50%) !important;
  padding: 3px 9px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background: #c92619 !important;
  color: #fff !important;
  font: 800 8px/1 Arial, sans-serif !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-image-container {
  position: absolute !important;
  left: 11% !important;
  top: 31% !important;
  width: 34% !important;
  height: 42% !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-image {
  max-width: 76px !important;
  max-height: 76px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-title,
body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-price-orig,
body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-price-promo,
body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-stock,
body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-timer {
  position: absolute !important;
  left: 52% !important;
  right: 10% !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-title {
  top: 31% !important;
  color: #3b240f !important;
  font: 800 10px/1.1 Georgia, serif !important
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-price-orig {
  top: 43% !important;
  color: #78522b !important;
  font-size: 8px !important;
  text-decoration: line-through !important
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-price-promo {
  top: 50% !important;
  color: #167c2c !important;
  font: 800 10px/1 Arial, sans-serif !important
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-stock {
  top: 58% !important;
  color: #4b3118 !important;
  font-size: 8px !important
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-timer {
  top: 66% !important;
  color: #4b3118 !important;
  font-size: 7px !important;
  line-height: 1.05 !important
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-timer span {
  color: #c51d16 !important;
  font-weight: 800 !important
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-button {
  position: absolute !important;
  left: 25% !important;
  right: 22% !important;
  bottom: 4.5% !important;
  width: auto !important;
  height: 12.5% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff7d2 !important;
  font: 800 8px/1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #000 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-button:hover,
body.eldoria-v23 .eldoria-right-showcase-v23 .oferta-button:focus {
  background: transparent !important;
  transform: none !important;
  filter: none !important;
}

/* 4) RANKING EXTRA — arte fornecida, slots sem nomes impressos. */
body.eldoria-v23 .eldoria-extra-ranking-v23 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 626 / 1008 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: url('images/site/ui-v23/ranking-extra-v23.webp') center/100% 100% no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.eldoria-v23 .eldoria-extra-ranking-v23:before,
body.eldoria-v23 .eldoria-extra-ranking-v23:after,
body.eldoria-v23 .eldoria-extra-ranking-v23 .v22-rank-title,
body.eldoria-v23 .eldoria-extra-ranking-v23 .v22-group-label {
  display: none !important;
  content: none !important
}

body.eldoria-v23 .v23-rank-group {
  position: absolute !important;
  left: 13.5% !important;
  right: 11.2% !important;
  height: 14.4% !important;
  display: grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 0 !important;
}

body.eldoria-v23 .v23-group-frags {
  top: 17.4% !important
}

body.eldoria-v23 .v23-group-money {
  top: 38.4% !important
}

body.eldoria-v23 .v23-group-addons {
  top: 59.3% !important
}

body.eldoria-v23 .v23-group-mounts {
  top: 79.4% !important
}

body.eldoria-v23 .v23-rank-row {
  position: relative !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  text-decoration: none !important;
  overflow: visible !important;
}

body.eldoria-v23 .v23-rank-row:hover,
body.eldoria-v23 .v23-rank-row:focus {
  background: transparent !important;
  transform: none !important;
  filter: none !important;
}

body.eldoria-v23 .v23-rank-outfit {
  position: absolute !important;
  left: 16% !important;
  top: 6% !important;
  width: 28% !important;
  height: 88% !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

body.eldoria-v23 .v23-rank-copy {
  position: absolute !important;
  left: 47% !important;
  right: 3% !important;
  top: 0 !important;
  bottom: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  overflow: hidden !important;
  line-height: 1 !important;
}

body.eldoria-v23 .v23-rank-copy b {
  max-width: 100% !important;
  color: #f6d795 !important;
  font: 700 clamp(8px, .58vw, 10px)/1.03 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 1px 2px #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.eldoria-v23 .v23-rank-copy small {
  max-width: 100% !important;
  margin-top: 3px !important;
  color: #7edbff !important;
  font: 700 clamp(7px, .49vw, 9px)/1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 5) SERVER INFO — a arte já contém título/status/botão. */
body.eldoria-v23 .eldoria-server-widget-v23 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 758 / 424 !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: url('images/site/ui-v23/server-info-v23.webp') center/100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  overflow: visible !important;
}

body.eldoria-v23 .eldoria-server-widget-v23:hover,
body.eldoria-v23 .eldoria-server-widget-v23:focus {
  background: url('images/site/ui-v23/server-info-v23.webp') center/100% 100% no-repeat !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

body.eldoria-v23 .eldoria-server-widget-v23:before,
body.eldoria-v23 .eldoria-server-widget-v23:after {
  display: none !important;
  content: none !important
}

body.eldoria-v23 .v23-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 6) FIND PLAYER — input funcional por cima do campo desenhado, sem texto duplicado. */
body.eldoria-v23 .eldoria-search-v23 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 750 / 381 !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: url('images/site/ui-v23/find-player-v23.webp') center/100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.eldoria-v23 .eldoria-search-v23:before,
body.eldoria-v23 .eldoria-search-v23:after,
body.eldoria-v23 .eldoria-search-v23>.eldoria-panel-title-v9 {
  display: none !important;
  content: none !important
}

body.eldoria-v23 .eldoria-search-v23 form {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.eldoria-v23 .eldoria-search-v23 .search-input {
  position: absolute !important;
  left: 34.5% !important;
  right: 8.1% !important;
  top: 35.0% !important;
  width: auto !important;
  height: 17.0% !important;
  margin: 0 !important;
  padding: 0 4% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #f8dfad !important;
  font: 700 clamp(8px, .58vw, 10px)/1 Arial, sans-serif !important;
}

body.eldoria-v23 .eldoria-search-v23 .search-input::placeholder {
  color: transparent !important
}

body.eldoria-v23 .eldoria-search-v23 .search-btn {
  position: absolute !important;
  left: 42% !important;
  right: 11% !important;
  bottom: 18.5% !important;
  width: auto !important;
  height: 20% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  cursor: pointer !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

body.eldoria-v23 .eldoria-search-v23 .search-btn span {
  font-size: 0 !important;
  color: transparent !important
}

body.eldoria-v23 .eldoria-search-v23 .search-btn:hover,
body.eldoria-v23 .eldoria-search-v23 .search-btn:focus {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  outline: 0 !important;
}

/* Mantém os novos quadros proporcionais e legíveis em tablet/mobile. */
@media(max-width:1450px) and (min-width:981px) {
  body.eldoria-v23 .eldoria-social-strip-v11 {
    width: 100% !important;
    max-width: none !important
  }

  body.eldoria-v23 .eldoria-right-showcase-v23 .rank-outfit-container {
    width: 36px !important;
    height: 36px !important
  }

  body.eldoria-v23 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 34px !important;
    height: 34px !important
  }
}

@media(max-width:980px) {
  body.eldoria-v23 .eldoria-social-strip-v11 {
    width: 100% !important;
    max-width: none !important
  }

  body.eldoria-v23 .eldoria-right-showcase-v23,
  body.eldoria-v23 .eldoria-extra-ranking-v23,
  body.eldoria-v23 .eldoria-server-widget-v23,
  body.eldoria-v23 .eldoria-search-v23 {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.eldoria-v23 .v23-rank-copy b {
    font-size: 9px !important
  }

  body.eldoria-v23 .v23-rank-copy small {
    font-size: 8px !important
  }
}


/* =====================================================================
   ELDORIA GLOBAL V24 — LATERAL MAIOR E SEM EMPILHAMENTO VISUAL
   Corrige os quadros da coluna direita que estavam pequenos/apertados.
   ===================================================================== */

/* Mantém os quadros em fluxo normal, com espaço real entre eles. */
body.eldoria-v24 #Themeboxes {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 22px !important;
  width: 100% !important;
}

body.eldoria-v24 #Themeboxes>* {
  flex: 0 0 auto !important;
  margin: 0 !important;
  position: relative !important;
}

/* Desktop grande: lateral mais larga para a arte não ficar miniatura. */
@media (min-width:1451px) {
  body.eldoria-v24 #ContentColumn {
    margin-left: 320px !important;
    margin-right: 430px !important
  }

  body.eldoria-v24 #ThemeboxesColumn {
    right: -430px !important;
    width: 405px !important
  }

  body.eldoria-v24 .eldoria-footer-v9 {
    margin-left: 320px !important;
    margin-right: 430px !important
  }
}

/* Desktop/notebook: ainda preserva espaço confortável para o centro. */
@media (min-width:981px) and (max-width:1450px) {
  body.eldoria-v24 #ContentColumn {
    margin-left: 262px !important;
    margin-right: 370px !important
  }

  body.eldoria-v24 #ThemeboxesColumn {
    right: -370px !important;
    width: 350px !important
  }

  body.eldoria-v24 .eldoria-footer-v9 {
    margin-left: 262px !important;
    margin-right: 370px !important
  }

  body.eldoria-v24 #Themeboxes {
    gap: 18px !important
  }
}

/* Faz os componentes ocuparem toda a largura nova. */
body.eldoria-v24 .eldoria-right-showcase-v23,
body.eldoria-v24 .eldoria-extra-ranking-v23,
body.eldoria-v24 .eldoria-server-widget-v23,
body.eldoria-v24 .eldoria-search-v23 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Top Players: outfits e textos um pouco maiores e com mais respiro. */
body.eldoria-v24 .eldoria-right-showcase-v23 .modern-ranking-card {
  left: 17.8% !important;
  right: 13.8% !important;
}

body.eldoria-v24 .eldoria-right-showcase-v23 .rank-item {
  grid-template-columns: 54px minmax(0, 1fr) !important;
  column-gap: 7px !important;
}

body.eldoria-v24 .eldoria-right-showcase-v23 .rank-outfit-container {
  width: 52px !important;
  height: 52px !important;
}

body.eldoria-v24 .eldoria-right-showcase-v23 .rank-outfit-img {
  width: 50px !important;
  height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
}

body.eldoria-v24 .eldoria-right-showcase-v23 .rank-name {
  font-size: 11px !important;
  line-height: 1.08 !important;
}

body.eldoria-v24 .eldoria-right-showcase-v23 .rank-meta {
  font-size: 9px !important;
  line-height: 1.08 !important;
}

/* Boosted: sprites maiores e nomes sem encostar. */
body.eldoria-v24 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  gap: 8% !important;
  padding: 4% 5% 3% !important;
}

body.eldoria-v24 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
  max-width: 78px !important;
  max-height: 78px !important;
}

body.eldoria-v24 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
  font-size: 10px !important
}

body.eldoria-v24 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  font-size: 8px !important
}

/* Oferta: melhora leitura dentro da moldura maior. */
body.eldoria-v24 .eldoria-right-showcase-v23 .oferta-image {
  max-width: 92px !important;
  max-height: 92px !important
}

body.eldoria-v24 .eldoria-right-showcase-v23 .oferta-title {
  font-size: 12px !important
}

body.eldoria-v24 .eldoria-right-showcase-v23 .oferta-price-orig {
  font-size: 9px !important
}

body.eldoria-v24 .eldoria-right-showcase-v23 .oferta-price-promo {
  font-size: 11px !important
}

body.eldoria-v24 .eldoria-right-showcase-v23 .oferta-stock {
  font-size: 9px !important
}

body.eldoria-v24 .eldoria-right-showcase-v23 .oferta-timer {
  font-size: 8px !important
}

body.eldoria-v24 .eldoria-right-showcase-v23 .oferta-button {
  font-size: 9px !important
}

/* Ranking Extra: aumenta os dados e evita nomes/valores amontoados. */
body.eldoria-v24 .v23-rank-group {
  left: 13% !important;
  right: 10.5% !important;
}

body.eldoria-v24 .v23-rank-outfit {
  left: 15% !important;
  width: 27% !important;
}

body.eldoria-v24 .v23-rank-copy {
  left: 45% !important;
  right: 4% !important;
}

body.eldoria-v24 .v23-rank-copy b {
  font-size: 11px !important;
  line-height: 1.05 !important;
}

body.eldoria-v24 .v23-rank-copy small {
  margin-top: 3px !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

/* Server Info e Find Player ganham espaço próprio. */
body.eldoria-v24 .eldoria-server-widget-v23 {
  margin-top: 2px !important
}

body.eldoria-v24 .eldoria-search-v23 {
  margin-bottom: 8px !important
}

/* Celular: largura máxima real da tela, mas cada painel continua separado. */
@media (max-width:980px) {
  body.eldoria-v24 #ThemeboxesColumn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.eldoria-v24 #Themeboxes {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    width: 100% !important;
  }

  body.eldoria-v24 .eldoria-right-showcase-v23,
  body.eldoria-v24 .eldoria-extra-ranking-v23,
  body.eldoria-v24 .eldoria-server-widget-v23,
  body.eldoria-v24 .eldoria-search-v23 {
    width: min(96vw, 420px) !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.eldoria-v24 .eldoria-right-showcase-v23 .rank-outfit-container {
    width: 46px !important;
    height: 46px !important
  }

  body.eldoria-v24 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important
  }

  body.eldoria-v24 .eldoria-right-showcase-v23 .rank-name {
    font-size: 10px !important
  }

  body.eldoria-v24 .eldoria-right-showcase-v23 .rank-meta {
    font-size: 8px !important
  }

  body.eldoria-v24 .v23-rank-copy b {
    font-size: 10px !important
  }

  body.eldoria-v24 .v23-rank-copy small {
    font-size: 8px !important
  }
}

@media (max-width:430px) {

  body.eldoria-v24 .eldoria-right-showcase-v23,
  body.eldoria-v24 .eldoria-extra-ranking-v23,
  body.eldoria-v24 .eldoria-server-widget-v23,
  body.eldoria-v24 .eldoria-search-v23 {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.eldoria-v24 #Themeboxes {
    gap: 14px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V25 — ARTES FINAIS ENVIADAS PELO USUÁRIO
   1) Fundo Eldoria em tela inteira
   2) Top Players / Boosted / Oferta no quadro azul+dourado
   3) Menu superior como arte única, com links transparentes clicáveis
   4) Últimas Atualizações usando a arte fornecida
   5) Painel da conta usando a arte azul/vermelho/verde
   ===================================================================== */

/* ---------- 1. FUNDO DA PÁGINA INTEIRA ---------- */
body.eldoria-v25 {
  background: #b89255 url('images/site/eldoria-background-v25.webp') center top/cover fixed no-repeat !important;
}

body.eldoria-v25 #MainHelper1,
body.eldoria-v25 #MainHelper2,
body.eldoria-v25 #Bodycontainer {
  background: transparent !important;
}

body.eldoria-v25:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 235, 190, .05), rgba(28, 38, 48, .10));
}

/* ---------- 2. CABEÇALHO PRINCIPAL DA IMAGEM 3 ---------- */
body.eldoria-v25 .eldoria-header-v9 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  aspect-ratio: 1969 / 560 !important;
  margin: 0 auto 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: url('images/site/ui-v25/top-navigation-v25.png') center top/100% auto no-repeat !important;
  overflow: visible !important;
}

body.eldoria-v25 .eldoria-header-v9:before,
body.eldoria-v25 .eldoria-header-v9:after {
  display: none !important;
  content: none !important
}

/* O logo já está gravado na própria arte. Mantemos só a área clicável. */
body.eldoria-v25 .eldoria-brand-v10 {
  display: block !important;
  position: absolute !important;
  left: 1.2% !important;
  top: 3% !important;
  width: 29% !important;
  height: 75% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  z-index: 5 !important;
}

body.eldoria-v25 .eldoria-brand-v10 img {
  display: none !important
}

/* Os nomes/ícones do menu já estão na imagem; estes links são hotspots invisíveis. */
body.eldoria-v25 .eldoria-topnav-v15 {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  gap: 0 !important;
  position: absolute !important;
  left: 30.6% !important;
  right: 1.9% !important;
  top: 38.5% !important;
  height: 46% !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 6 !important;
  background: transparent !important;
}

body.eldoria-v25 .eldoria-topnav-v15 a,
body.eldoria-v25 .eldoria-topnav-v15 a:hover,
body.eldoria-v25 .eldoria-topnav-v15 a:focus,
body.eldoria-v25 .eldoria-topnav-v15 a:active {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  color: transparent !important;
  text-shadow: none !important;
  font-size: 0 !important;
  outline: 0 !important;
}

body.eldoria-v25 .eldoria-topnav-v15 a:after,
body.eldoria-v25 .eldoria-topnav-v15 a .material-icons,
body.eldoria-v25 .eldoria-topnav-v15 a b {
  display: none !important
}

/* A barra Discord/Instagram permanece funcional logo abaixo da arte. */
body.eldoria-v25 .eldoria-social-strip-v11 {
  position: absolute !important;
  left: 29.5% !important;
  right: 5% !important;
  bottom: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 48px !important;
  margin: 0 !important;
  z-index: 8 !important;
}

body.eldoria-v25 .eldoria-mobile-menu {
  z-index: 20 !important
}

/* ---------- 3. PAINEL DA CONTA / IMAGEM 5 ---------- */
body.eldoria-v25 .eldoria-player-panel-v9 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1536 / 1014 !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: url('images/site/ui-v25/account-panel-v25.webp') center/100% 100% no-repeat !important;
  overflow: hidden !important;
}

body.eldoria-v25 .eldoria-player-panel-v9:before,
body.eldoria-v25 .eldoria-player-panel-v9:after {
  display: none !important;
  content: none !important
}

body.eldoria-v25 .eldoria-player-panel-v9>.eldoria-panel-title-v9 {
  display: flex !important;
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  top: 5.5% !important;
  height: 10% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffe7a7 !important;
  font: 700 clamp(10px, .75vw, 15px)/1 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 2px #00152a, 0 0 3px #00152a !important;
}

body.eldoria-v25 .eldoria-player-panel-v9>.eldoria-panel-title-v9:before,
body.eldoria-v25 .eldoria-player-panel-v9>.eldoria-panel-title-v9:after {
  display: none !important
}

body.eldoria-v25 .eldoria-player-actions-v9 {
  position: absolute !important;
  left: 10% !important;
  right: 9.5% !important;
  top: 25.5% !important;
  bottom: 7.5% !important;
  display: grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 6% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.eldoria-v25 .eldoria-action-v9,
body.eldoria-v25 .eldoria-action-v9:hover,
body.eldoria-v25 .eldoria-action-v9:focus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 7% 0 18% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  color: #fff8dd !important;
  font: 800 clamp(9px, .7vw, 13px)/1 Arial, sans-serif !important;
  letter-spacing: .35px !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .65) !important;
}

/* ---------- 4. ÚLTIMAS ATUALIZAÇÕES / IMAGEM 4 ---------- */
body.eldoria-v25 .eldoria-updates-v11 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 2048 / 530 !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: url('images/site/ui-v25/updates-v25.webp') center/100% 100% no-repeat !important;
  overflow: hidden !important;
}

body.eldoria-v25 .eldoria-updates-v11:before,
body.eldoria-v25 .eldoria-updates-v11:after,
body.eldoria-v25 .eldoria-updates-title-v11 {
  display: none !important;
  content: none !important
}

body.eldoria-v25 .eldoria-ticker-v11 {
  position: absolute !important;
  left: 17.1% !important;
  right: 5.7% !important;
  top: 43.5% !important;
  bottom: 13.2% !important;
  display: grid !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.eldoria-v25 .eldoria-ticker-label-v11 {
  display: none !important
}

body.eldoria-v25 .eldoria-ticker-row-v11,
body.eldoria-v25 .eldoria-ticker-row-v11:hover,
body.eldoria-v25 .eldoria-ticker-row-v11:focus {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 5% 0 1% !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(111, 78, 34, .28) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  color: #49331d !important;
  text-align: left !important;
}

body.eldoria-v25 .eldoria-ticker-row-v11:last-child {
  border-bottom: 0 !important
}

body.eldoria-v25 .eldoria-ticker-icon-v11 {
  display: none !important
}

body.eldoria-v25 .eldoria-ticker-date-v11 {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  color: #9b6d33 !important;
  font: 700 clamp(7px, .52vw, 10px)/1 Arial, sans-serif !important;
}

body.eldoria-v25 .eldoria-ticker-text-v11 {
  position: static !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #4b311b !important;
  font: 700 clamp(8px, .56vw, 11px)/1.2 Arial, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.eldoria-v25 .eldoria-ticker-plus-v11 {
  display: none !important
}

/* ---------- 5. TOP PLAYERS + BOOSTED + OFERTA / IMAGEM 2 ---------- */
body.eldoria-v25 .eldoria-right-showcase-v23 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 673 / 1899 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: url('images/site/ui-v25/right-showcase-v25.webp') center/100% 100% no-repeat !important;
  overflow: hidden !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23:before,
body.eldoria-v25 .eldoria-right-showcase-v23:after {
  display: none !important;
  content: none !important
}

/* TOP PLAYERS: título em HTML no espaço vazio do topo e 5 linhas centralizadas. */
body.eldoria-v25 .eldoria-right-showcase-v23 .modern-ranking-card {
  position: absolute !important;
  left: 11.5% !important;
  right: 10.5% !important;
  top: 5.5% !important;
  height: 31.5% !important;
  display: grid !important;
  grid-template-rows: 9% repeat(5, 1fr) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .ranking-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #f5d37e !important;
  font: 800 clamp(9px, .65vw, 12px)/1 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 2px #00152a !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .rank-item {
  display: grid !important;
  grid-template-columns: 34% 66% !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .rank-outfit-container {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .rank-outfit-img {
  width: 58px !important;
  height: 58px !important;
  max-width: 90% !important;
  max-height: 90% !important;
  object-fit: contain !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .rank-name {
  color: #f7e3ad !important;
  font: 800 clamp(8px, .58vw, 11px)/1 Georgia, serif !important;
  text-shadow: 0 1px 2px #00121f !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .rank-meta {
  color: #9fdcff !important;
  font: 700 clamp(7px, .49vw, 9px)/1.1 Arial, sans-serif !important;
  text-shadow: 0 1px 2px #00121f !important;
}

/* BOOSTED: ocupa os dois quadros centrais da arte. */
body.eldoria-v25 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  position: absolute !important;
  left: 9.5% !important;
  right: 9.5% !important;
  top: 41.4% !important;
  height: 18.2% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .eldoria-boosted-box>.eldoria-panel-title-v9 {
  display: flex !important;
  position: absolute !important;
  left: 24% !important;
  right: 24% !important;
  top: -14% !important;
  height: 13% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #f4ce71 !important;
  font: 800 clamp(8px, .58vw, 11px)/1 Georgia, serif !important;
  text-shadow: 0 2px 2px #00121f !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3% !important;
  padding: 0 4% !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .eldoria-boosted-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 4% 4% 10% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f7e3ad !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .eldoria-boosted-icon {
  position: static !important;
  transform: none !important;
  width: 100% !important;
  height: 62% !important;
  display: grid !important;
  place-items: center !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
  max-width: 82px !important;
  max-height: 82px !important;
  object-fit: contain !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
  color: #ffd56d !important;
  font-size: 10px !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  color: #fff2ca !important;
  font-size: 8px !important
}

/* OFERTA: ocupa todo o grande painel inferior. */
body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-box {
  position: absolute !important;
  left: 8.5% !important;
  right: 8.5% !important;
  top: 64.3% !important;
  height: 31.7% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-body {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-badge {
  top: 11% !important;
  left: 72% !important;
  font-size: 9px !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-image-container {
  left: 8% !important;
  top: 24% !important;
  width: 45% !important;
  height: 50% !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-image {
  max-width: 120px !important;
  max-height: 120px !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-title,
body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-price-orig,
body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-price-promo,
body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-stock,
body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-timer {
  left: 57% !important;
  right: 5% !important;
  color: #503115 !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-title {
  top: 30% !important;
  font-size: 12px !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-price-orig {
  top: 40% !important;
  font-size: 9px !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-price-promo {
  top: 47% !important;
  font-size: 12px !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-stock {
  top: 54% !important;
  font-size: 9px !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-timer {
  top: 62% !important;
  font-size: 8px !important
}

body.eldoria-v25 .eldoria-right-showcase-v23 .oferta-button {
  left: 28% !important;
  right: 17% !important;
  bottom: 4% !important;
  height: 10% !important;
  color: #fff5c9 !important;
  font-size: 9px !important
}

/* Evita que a lateral direita volte a se amontoar. */
body.eldoria-v25 #Themeboxes {
  gap: 24px !important
}

/* ---------- RESPONSIVO ---------- */
@media(max-width:1450px) and (min-width:981px) {
  body.eldoria-v25 .eldoria-header-v9 {
    aspect-ratio: 1969/585 !important
  }

  body.eldoria-v25 .eldoria-social-strip-v11 {
    height: 42px !important
  }

  body.eldoria-v25 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 48px !important;
    height: 48px !important
  }
}

@media(max-width:980px) {
  body.eldoria-v25 {
    background-attachment: scroll !important;
    background-size: auto 100vh !important
  }

  body.eldoria-v25 .eldoria-header-v9 {
    height: 102px !important;
    aspect-ratio: auto !important;
    background: none !important;
    display: grid !important;
    grid-template-columns: 1fr 48px !important;
    grid-template-rows: 50px 45px !important;
    gap: 5px !important;
  }

  body.eldoria-v25 .eldoria-brand-v10 {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 180px !important;
    height: 48px !important;
    background: url('images/site/mellorox-logo-v12.png') left center/contain no-repeat !important;
  }

  body.eldoria-v25 .eldoria-topnav-v15 {
    display: none !important
  }

  body.eldoria-v25 .eldoria-mobile-menu {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important
  }

  body.eldoria-v25 .eldoria-social-strip-v11 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    grid-column: 1/3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 45px !important;
    overflow-x: auto !important;
  }

  body.eldoria-v25 .eldoria-player-panel-v9 {
    max-width: 390px !important;
    margin-left: auto !important;
    margin-right: auto !important
  }

  body.eldoria-v25 .eldoria-updates-v11 {
    aspect-ratio: 2048/610 !important
  }

  body.eldoria-v25 .eldoria-ticker-v11 {
    left: 18% !important;
    right: 4% !important;
    top: 43% !important;
    bottom: 13% !important
  }

  body.eldoria-v25 .eldoria-ticker-row-v11 {
    grid-template-columns: 64px minmax(0, 1fr) !important
  }

  body.eldoria-v25 .eldoria-right-showcase-v23 {
    width: min(96vw, 440px) !important;
    max-width: 440px !important;
    margin-left: auto !important;
    margin-right: auto !important
  }
}

@media(max-width:430px) {
  body.eldoria-v25 .eldoria-updates-v11 {
    aspect-ratio: 2048/690 !important
  }

  body.eldoria-v25 .eldoria-ticker-row-v11 {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    padding-right: 8% !important
  }

  body.eldoria-v25 .eldoria-ticker-date-v11 {
    font-size: 6.5px !important
  }

  body.eldoria-v25 .eldoria-ticker-text-v11 {
    font-size: 7px !important
  }

  body.eldoria-v25 .eldoria-right-showcase-v23 {
    width: 100% !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V26 — CORREÇÕES DAS ARTES ENVIADAS EM 13/08/2026
   - Atualizações usa a nova FOTO 1 sem deformar.
   - Menu superior (FOTO 2) fica em 70% da largura.
   - Barra Discord/Instagram/Download/Online deixa de ser espremida.
   - Painel Top Players / Boosted / Oferta usa a proporção real da arte.
   - Nomes, levels, outfits/addons e sprites ficam maiores e legíveis.
   ===================================================================== */

/* Fundo completo preservado. */
body.eldoria-v26 {
  background: #b89255 url('images/site/eldoria-background-v26.webp') center top/cover fixed no-repeat !important;
}

/* ---------- FOTO 2: menu principal em 70%, centralizado e sem esticar ---------- */
body.eldoria-v26 .eldoria-header-v9 {
  width: 70% !important;
  max-width: 1573px !important;
  aspect-ratio: 1573 / 277 !important;
  margin: 0 auto clamp(78px, 8.5vw, 150px) !important;
  background: url('images/site/ui-v26/top-navigation-v26.png') center/100% 100% no-repeat !important;
  overflow: visible !important;
}


body.eldoria-v26 .eldoria-brand-v10 {
  left: 5.5% !important;
  top: 7% !important;
  width: 23.5% !important;
  height: 82% !important;
}

body.eldoria-v26 .eldoria-topnav-v15 {
  left: 31.0% !important;
  right: 8.4% !important;
  top: 28% !important;
  height: 61% !important;
}

/* ---------- FOTO 3: barra social sem esmagamento ---------- */
body.eldoria-v26 .eldoria-social-strip-v11 {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 88% !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  width: 108% !important;
  max-width: none !important;
  height: clamp(62px, 5.4vw, 102px) !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 10.5% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 9 !important;
}

body.eldoria-v26 .eldoria-social-strip-v11:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: url('images/site/eldoria-social-frame-clean.webp') center 52%/100% auto no-repeat !important;
  filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .30)) !important;
}

body.eldoria-v26 .eldoria-social-strip-v11 a,
body.eldoria-v26 .eldoria-header-flags-v11 {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 clamp(8px, .72vw, 14px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 1 1 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(238, 193, 76, .62) !important;
  color: #fff !important;
  font: 800 clamp(10px, .72vw, 13px)/1 Arial, sans-serif !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .80) !important;
  white-space: nowrap !important;
}

body.eldoria-v26 .eldoria-social-strip-v11 a:nth-child(4) {
  flex: 1.45 1 0 !important
}

body.eldoria-v26 .eldoria-header-flags-v11 {
  flex: .72 1 0 !important;
  border-right: 0 !important
}

body.eldoria-v26 .eldoria-social-img-v11 {
  width: clamp(18px, 1.35vw, 24px) !important;
  height: clamp(18px, 1.35vw, 24px) !important;
  flex: 0 0 auto !important;
}

body.eldoria-v26 .eldoria-social-strip-v11 a:nth-child(4) b {
  color: #43f052 !important;
  font-size: clamp(13px, 1.05vw, 18px) !important;
}

body.eldoria-v26 .eldoria-header-flags-v11 img {
  width: clamp(24px, 1.65vw, 31px) !important;
  height: auto !important;
}

/* ---------- FOTO 1: Últimas Atualizações na proporção exata 2048x754 ---------- */
body.eldoria-v26 .eldoria-updates-v11 {
  width: 100% !important;
  aspect-ratio: 2048 / 754 !important;
  margin: 0 0 14px !important;
  background: url('images/site/ui-v26/updates-v26.webp') center/100% 100% no-repeat !important;
  overflow: hidden !important;
}

body.eldoria-v26 .eldoria-ticker-v11 {
  left: 17.3% !important;
  right: 6.1% !important;
  top: 42.8% !important;
  bottom: 22.8% !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

body.eldoria-v26 .eldoria-ticker-row-v11 {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  padding: 0 4.3% 0 1.3% !important;
  border-bottom: 1px solid rgba(111, 78, 34, .26) !important;
}

body.eldoria-v26 .eldoria-ticker-date-v11 {
  color: #8d642f !important;
  font: 700 clamp(8px, .60vw, 11px)/1 Arial, sans-serif !important;
}

body.eldoria-v26 .eldoria-ticker-text-v11 {
  color: #49321d !important;
  font: 700 clamp(9px, .68vw, 13px)/1.2 Arial, sans-serif !important;
}

body.eldoria-v26 .eldoria-updates-all-v26 {
  position: absolute !important;
  left: 79.4% !important;
  top: 27.4% !important;
  width: 14.7% !important;
  height: 11.5% !important;
  display: block !important;
  z-index: 6 !important;
  background: transparent !important;
  border: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

/* ---------- Painel da conta: arte presente no pacote e texto maior ---------- */
body.eldoria-v26 .eldoria-player-panel-v9 {
  aspect-ratio: 1536 / 1024 !important;
  background: url('images/site/ui-v26/account-panel-v26.webp') center/100% 100% no-repeat !important;
}

body.eldoria-v26 .eldoria-player-panel-v9>.eldoria-panel-title-v9 {
  font: 800 clamp(12px, .90vw, 17px)/1 Georgia, 'Times New Roman', serif !important;
}

body.eldoria-v26 .eldoria-action-v9,
body.eldoria-v26 .eldoria-action-v9:hover,
body.eldoria-v26 .eldoria-action-v9:focus {
  font: 900 clamp(11px, .86vw, 16px)/1 Arial, sans-serif !important;
}

/* ---------- FOTO 4 + FOTO 5: lateral corrigida e conteúdo maior ---------- */
@media (min-width:1451px) {
  body.eldoria-v26 #ContentColumn {
    margin-left: 320px !important;
    margin-right: 465px !important
  }

  body.eldoria-v26 #ThemeboxesColumn {
    right: -465px !important;
    width: 440px !important
  }

  body.eldoria-v26 .eldoria-footer-v9 {
    margin-left: 320px !important;
    margin-right: 465px !important
  }
}

@media (min-width:981px) and (max-width:1450px) {
  body.eldoria-v26 #ContentColumn {
    margin-left: 262px !important;
    margin-right: 395px !important
  }

  body.eldoria-v26 #ThemeboxesColumn {
    right: -395px !important;
    width: 375px !important
  }

  body.eldoria-v26 .eldoria-footer-v9 {
    margin-left: 262px !important;
    margin-right: 395px !important
  }
}

body.eldoria-v26 .eldoria-right-showcase-v23 {
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 824 / 1909 !important;
  background: url('images/site/ui-v26/right-showcase-v26.webp') center/100% 100% no-repeat !important;
  overflow: hidden !important;
}

/* Top Players */
body.eldoria-v26 .eldoria-right-showcase-v23 .modern-ranking-card {
  left: 11.5% !important;
  right: 10.5% !important;
  top: 26.65% !important;
  /* V28: Top Players abaixo do quadro duplo */
  height: 32.7% !important;
  grid-template-rows: 9.5% repeat(5, 1fr) !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .ranking-title {
  font: 900 clamp(12px, .85vw, 16px)/1 Georgia, 'Times New Roman', serif !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .rank-item {
  grid-template-columns: 40% 60% !important;
  column-gap: 0 !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .rank-outfit-container {
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .rank-outfit-img {
  width: 76px !important;
  height: 76px !important;
  max-width: 88% !important;
  max-height: 88% !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .rank-details {
  min-width: 0 !important;
  overflow: visible !important;
  padding-left: 2% !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .rank-name {
  color: #ffe9ae !important;
  font: 900 clamp(12px, .82vw, 15px)/1.06 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 2px #00111f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .rank-meta {
  margin-top: 4px !important;
  color: #a8ddff !important;
  font: 800 clamp(9px, .67vw, 12px)/1.08 Arial, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Boosted: encaixa nos dois quadros centrais reais da arte. */
body.eldoria-v26 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  left: 9.7% !important;
  right: 9.7% !important;
  top: 40.2% !important;
  height: 19.6% !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .eldoria-boosted-box>.eldoria-panel-title-v9 {
  top: -10% !important;
  height: 12% !important;
  font: 900 clamp(11px, .78vw, 14px)/1 Georgia, serif !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  gap: 3% !important;
  padding: 0 3% !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .eldoria-boosted-item {
  padding: 3% 3% 8% !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .eldoria-boosted-icon {
  height: 68% !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
  max-width: 100px !important;
  max-height: 100px !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
  font-size: 12px !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  font-size: 10px !important;
}

/* Oferta: usa o grande quadro inferior inteiro. */
body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-box {
  left: 8.7% !important;
  right: 8.7% !important;
  top: 61.8% !important;
  height: 35.4% !important;
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-badge {
  top: 8% !important;
  left: 70% !important;
  font-size: 11px !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-image-container {
  left: 7% !important;
  top: 18% !important;
  width: 47% !important;
  height: 55% !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-image {
  max-width: 150px !important;
  max-height: 150px !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-title,
body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-price-orig,
body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-price-promo,
body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-stock,
body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-timer {
  left: 55% !important;
  right: 5% !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-title {
  top: 25% !important;
  font-size: 14px !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-price-orig {
  top: 36% !important;
  font-size: 11px !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-price-promo {
  top: 44% !important;
  font-size: 15px !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-stock {
  top: 53% !important;
  font-size: 11px !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-timer {
  top: 62% !important;
  font-size: 10px !important
}

body.eldoria-v26 .eldoria-right-showcase-v23 .oferta-button {
  left: 23% !important;
  right: 16% !important;
  bottom: 3.6% !important;
  height: 9.5% !important;
  font-size: 12px !important
}

body.eldoria-v26 #Themeboxes {
  gap: 28px !important
}

/* Notebook: continua maior que a V25 sem esmagar o conteúdo. */
@media (max-width:1450px) and (min-width:981px) {
  body.eldoria-v26 .eldoria-header-v9 {
    width: 72% !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 68px !important;
    height: 68px !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-name {
    font-size: 13px !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-meta {
    font-size: 10px !important
  }
}

/* Mobile: não tenta usar a arte horizontal gigante; mantém menu próprio funcional. */
@media (max-width:980px) {
  body.eldoria-v26 {
    background-attachment: scroll !important;
    background-size: auto 100vh !important
  }

  body.eldoria-v26 .eldoria-header-v9 {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    min-height: 102px !important;
    margin: 0 0 12px !important;
    display: grid !important;
    background: linear-gradient(180deg, rgba(7, 49, 91, .96), rgba(3, 32, 65, .96)) !important;
  }

  body.eldoria-v26 .eldoria-brand-v10 {
    display: block !important;
    position: static !important;
    width: 230px !important;
    height: 80px !important;
    margin: 0 !important;
    background: url('images/site/mellorox-logo-v12.png') left center/contain no-repeat !important;
  }

  body.eldoria-v26 .eldoria-topnav-v15 {
    display: none !important
  }

  body.eldoria-v26 .eldoria-social-strip-v11 {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.eldoria-v26 .eldoria-social-strip-v11:before {
    background-size: 100% auto !important;
    background-position: center 52% !important
  }

  body.eldoria-v26 .eldoria-social-strip-v11 a,
  body.eldoria-v26 .eldoria-header-flags-v11 {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 7px !important;
    font-size: 9px !important
  }

  body.eldoria-v26 .eldoria-updates-v11 {
    aspect-ratio: 2048/754 !important
  }

  body.eldoria-v26 .eldoria-ticker-v11 {
    left: 17% !important;
    right: 5% !important;
    top: 43% !important;
    bottom: 22% !important
  }

  body.eldoria-v26 .eldoria-ticker-row-v11 {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    padding-right: 7% !important
  }

  body.eldoria-v26 .eldoria-ticker-date-v11 {
    font-size: 7px !important
  }

  body.eldoria-v26 .eldoria-ticker-text-v11 {
    font-size: 8px !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 {
    width: min(96vw, 470px) !important;
    max-width: 470px !important;
    margin-left: auto !important;
    margin-right: auto !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 70px !important;
    height: 70px !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-name {
    font-size: 13px !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-meta {
    font-size: 10px !important
  }
}

@media (max-width:520px) {
  body.eldoria-v26 .eldoria-social-strip-v11 a:nth-child(2) {
    display: none !important
  }

  body.eldoria-v26 .eldoria-social-strip-v11 a {
    font-size: 8px !important
  }

  body.eldoria-v26 .eldoria-header-flags-v11 {
    display: none !important
  }

  body.eldoria-v26 .eldoria-ticker-row-v11 {
    grid-template-columns: 54px minmax(0, 1fr) !important
  }

  body.eldoria-v26 .eldoria-ticker-date-v11 {
    font-size: 6.5px !important
  }

  body.eldoria-v26 .eldoria-ticker-text-v11 {
    font-size: 7px !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 62px !important;
    height: 62px !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-name {
    font-size: 12px !important
  }

  body.eldoria-v26 .eldoria-right-showcase-v23 .rank-meta {
    font-size: 9px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V27 — FUNDOS TRANSPARENTES / SEM EFEITO DE COLAGEM
   - Menu superior: mesma arte da FOTO 2, agora recortada com transparência real.
   - Últimas Atualizações: mesma arte da FOTO 1, sem céu/foto retangular atrás.
   - Painel da conta: transparência real preservada.
   - Top Players / Boosted / Oferta: checkerboard/fundo branco removido.
   - Mantém as proporções, hotspots e tamanhos maiores da V26.
   ===================================================================== */


body.eldoria-v27 {
  background: #b89255 url('images/site/eldoria-background-v26.webp') center top/cover fixed no-repeat !important;
}


/* =========================================================
   FOTO 2 — HEADER / MENU
   Grande no desktop e responsivo no celular
   ========================================================= */
body.eldoria-v27 .eldoria-header-v9 {
  position: relative !important;
  left: -40px !important;
  margin: -45px auto clamp(40px, 5vw, 90px) !important;
  width: min(1700px, 75vw) !important;
  max-width: 1700px !important;
  aspect-ratio: 1573 / 277 !important;
  background: url('images/site/ui-v27/top-navigation-v27.png') center / 100% 100% no-repeat !important;
  background-color: transparent !important;
}


/* =========================================================
   TESTE — HOTSPOTS MANUAIS DO MENU V27
   ========================================================= */

body.eldoria-v27 .eldoria-topnav-v15 {
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  top: 28% !important;
  height: 63% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}


/* =========================================================
   BOTÃO 1
   31,00% → 38,75%
   ========================================================= */
body.eldoria-v27 .eldoria-topnav-v15 a:nth-child(1) {
  position: absolute !important;
  left: 31% !important;
  width: 7.75% !important;
  top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;
}

/* =========================================================
   BOTÃO 2
   38,75% → 50,50%
   ========================================================= */

body.eldoria-v27 .eldoria-topnav-v15 a:nth-child(2) {
  position: absolute !important;
  left: 38.75% !important;
  width: 11.75% !important;
  top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;
}

/* =========================================================
   BOTÃO 3 — NEWS ARCHIVE
   50,00% → 60,00%
   ========================================================= */
body.eldoria-v27 .eldoria-topnav-v15 a:nth-child(3) {
  position: absolute !important;
  left: 50% !important;
  width: 10% !important;
  top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;
}

/* =========================================================
   BOTÃO 4
   60,00% → 68,00%
   ========================================================= */

body.eldoria-v27 .eldoria-topnav-v15 a:nth-child(4) {
  position: absolute !important;
  left: 60% !important;
  width: 8% !important;
  top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;

}


/* =========================================================
   BOTÃO 5
   68,00% → 77,00%
   ========================================================= */

body.eldoria-v27 .eldoria-topnav-v15 a:nth-child(5) {
  position: absolute !important;
  left: 68% !important;
  width: 9% !important;
  top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;

}


/* =========================================================
   BOTÃO 6
   77,00% → 85,00%
   ========================================================= */

body.eldoria-v27 .eldoria-topnav-v15 a:nth-child(6) {

  position: absolute !important;
  left: 77% !important;
  width: 8% !important;
  top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;
}


/* =========================================================
   BOTÃO 7
   85,50% → 90,25%
   ========================================================= */

body.eldoria-v27 .eldoria-topnav-v15 a:nth-child(7) {

  position: absolute !important;
  left: 85.5% !important;
  width: 4.75% !important;
  top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;
}


/* =========================================================
   BOTÃO 8
   90,25% → 93,00%
   ========================================================= */
body.eldoria-v27 .eldoria-topnav-v15 a:nth-child(8) {

  position: absolute !important;
  left: 90.25% !important;
  width: 2.75% !important;
  top: 0 !important;
  height: 100% !important;
  pointer-events: auto !important;
}

/* =========================================================
   TABLET / NOTEBOOK
   ========================================================= */
@media (max-width:1450px) and (min-width:981px) {

  body.eldoria-v27 .eldoria-header-v9 {
    width: 75vw !important;
    max-width: 1700px !important;
    left: -40px !important;
  }
}


/* =========================================================
   CELULAR
   Não deixa o header gigante nem estoura a tela
   ========================================================= */
@media (max-width:980px) {

  body.eldoria-v27 .eldoria-header-v9 {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    margin: -20px auto 30px !important;
    aspect-ratio: 1573 / 277 !important;
    background-size: 100% 100% !important;
  }

  body.eldoria-v27 .eldoria-topnav-v15 {
    left: 31% !important;
    width: 60.6% !important;
    top: 28% !important;
    height: 61% !important;
    min-height: 0 !important;
  }
}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */
@media (max-width:560px) {

  body.eldoria-v27 .eldoria-header-v9 {
    width: 100% !important;
    max-width: 100% !important;
    margin: -10px auto 20px !important;
  }

  body.eldoria-v27 .eldoria-topnav-v15 {
    left: 31% !important;
    width: 60.6% !important;
    top: 28% !important;
    height: 61% !important;
  }
}






/* FOTO 1 limpa: somente o painel ornamental, deixando o fundo geral aparecer em volta. */
body.eldoria-v27 .eldoria-updates-v11 {
  aspect-ratio: 2048 / 754 !important;
  background: url('images/site/ui-v27/updates-v27.webp') center/100% 100% no-repeat !important;
  background-color: transparent !important;
}

/* Painel esquerdo também força fundo transparente fora da moldura. */
body.eldoria-v27 .eldoria-player-panel-v9 {
  background: url('images/site/ui-v27/account-panel-v27.webp') center/100% 100% no-repeat !important;
  background-color: transparent !important;
}

/* Lateral limpa: sem quadradinhos, branco/cinza ou "foto" atrás das molduras. */
body.eldoria-v27 .eldoria-right-showcase-v23 {
  aspect-ratio: 824 / 1909 !important;
  background: url('images/site/ui-v27/right-showcase-v28.webp') center/100% 100% no-repeat !important;
  background-color: transparent !important;
}

/* Garante que os containers que recebem essas artes não pintem retângulos por trás. */
body.eldoria-v27 .eldoria-header-v9,
body.eldoria-v27 .eldoria-updates-v11,
body.eldoria-v27 .eldoria-player-panel-v9,
body.eldoria-v27 .eldoria-right-showcase-v23,
body.eldoria-v27 #Themeboxes,
body.eldoria-v27 #ThemeboxesColumn {
  box-shadow: none !important;
}

@media (max-width:980px) {
  body.eldoria-v27 .eldoria-header-v9 {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    background: linear-gradient(180deg, rgba(7, 49, 91, .96), rgba(3, 32, 65, .96)) !important;
  }

  body.eldoria-v27 .eldoria-updates-v11 {
    aspect-ratio: 2048/754 !important
  }

  body.eldoria-v27 .eldoria-right-showcase-v23 {
    aspect-ratio: 824/1909 !important
  }

  body.eldoria-v27 .eldoria-social-strip-v11 {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
  }
}

/* Forca botoes transparentes no painel lateral V27 (mostra arte original) */
body.eldoria-v27 .eldoria-action-v9,
body.eldoria-v27 .eldoria-action-v9.blue,
body.eldoria-v27 .eldoria-action-v9.red,
body.eldoria-v27 .eldoria-action-v9.green {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Correcao da Barra Social V27 - proporcional e sem cortes */
body.eldoria-v27 .eldoria-social-strip-v11 {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(90vw, 910px) !important;
  aspect-ratio: auto !important;
  height: 95px !important;
  top: 96% !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 9% 0 13% !important;
  box-sizing: border-box !important;
  z-index: 99 !important;
}

body.eldoria-v27 .eldoria-social-strip-v11:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: url('images/site/eldoria-social-frame-clean.webp') center/100% 100% no-repeat !important;
}

body.eldoria-v27 .eldoria-social-strip-v11 a,
body.eldoria-v27 .eldoria-header-flags-v11 {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  height: 38% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font: 800 clamp(10px, 0.8vw, 13px)/1 Arial, sans-serif !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .80) !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

/* BEGE/PARCHMENT THEME OVERRIDES FOR DARK PAGES */
body.eldoria-v27 .char-container,
body.eldoria-v27 .wiki-container,
body.eldoria-v27 .wiki-page,
body.eldoria-v27 .events-container,
body.eldoria-v27 .raids-container {
  background: rgba(238, 211, 165, 0.94) !important;
  backdrop-filter: blur(20px) !important;
  border: 2px solid #8e6231 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  color: #3d2b1b !important;
}

body.eldoria-v27 .char-container td,
body.eldoria-v27 .wiki-container td,
body.eldoria-v27 .wiki-page td,
body.eldoria-v27 .char-container p,
body.eldoria-v27 .wiki-container p,
body.eldoria-v27 .wiki-page p,
body.eldoria-v27 .char-container span,
body.eldoria-v27 .wiki-container span,
body.eldoria-v27 .wiki-page span {
  color: #3d2b1b !important;
  text-shadow: none !important;
}

body.eldoria-v27 .char-container h1,
body.eldoria-v27 .char-container h2,
body.eldoria-v27 .char-container h3,
body.eldoria-v27 .wiki-page h1,
body.eldoria-v27 .wiki-page h2,
body.eldoria-v27 .wiki-page h3 {
  color: #4a321d !important;
  text-shadow: none !important;
}

body.eldoria-v27 .char-header-premium,
body.eldoria-v27 .wiki-title {
  color: #604017 !important;
  border-bottom: 2px solid #83531b !important;
  text-shadow: none !important;
}

body.eldoria-v27 .label-gold {
  color: #83531b !important;
  font-weight: 800 !important;
}

body.eldoria-v27 .value-name-top {
  color: #4a321d !important;
  text-shadow: 0 0 10px rgba(184, 125, 35, 0.4), 1px 1px 0px #fff !important;
}

body.eldoria-v27 .inv-slot,
body.eldoria-v27 .achiev-box {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(131, 83, 27, 0.3) !important;
}

body.eldoria-v27 .achiev-box:hover {
  background: rgba(131, 83, 27, 0.08) !important;
  border-color: rgba(131, 83, 27, 0.5) !important;
}

body.eldoria-v27 .modern-table-char td {
  border-bottom: 1px solid rgba(131, 83, 27, 0.15) !important;
}

body.eldoria-v27 .bar-outer {
  background: rgba(0, 0, 0, 0.12) !important;
  border: 1px solid rgba(131, 83, 27, 0.3) !important;
}

body.eldoria-v27 .bar-text-overlay {
  color: #fff !important;
  text-shadow: 1px 1px 2px #000 !important;
}


/* =====================================================================
   V27 — FUNDO FIXO + LAYOUT DESLOCADO PARA DIREITA
   ===================================================================== */
body.eldoria-v27 #Bodycontainer {
  padding-left: 138px !important;
}

/* =====================================================================
   V28 — PAINEL LATERAL DIREITO (Quadro duplo/Boosted acima do Top Players)
   ===================================================================== */

/* Boosted: posicionado lá em cima, acima do Top Players. */
body.eldoria-v27 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  position: absolute !important;
  left: 9.7% !important;
  right: 9.7% !important;
  top: 4.8% !important;
  /* V28: dentro do quadro duplo que agora fica no topo */
  height: 14.4% !important;
  /* V28: ocupa a área útil dos dois quadrados */
  padding: 0 !important;
  z-index: 10 !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .eldoria-boosted-box>.eldoria-panel-title-v9 {
  display: none !important;
  content: none !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  gap: 1% !important;
  padding: 0 3% !important;
  height: 100% !important;
  align-items: center !important;
  padding-bottom: 0 !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .eldoria-boosted-item {
  position: relative !important;
  padding: 0 !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .eldoria-boosted-icon {
  position: static !important;
  height: 60% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Força bruta no tamanho das imagens para caberem lá em cima */
body.eldoria-v27 .eldoria-right-showcase-v23 .eldoria-boosted-box img {
  max-width: 82px !important;
  max-height: 82px !important;
  width: auto !important;
  height: auto !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
  font-size: 12px !important;
  margin-top: 3px !important;
  color: #ffd56d !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  font-size: 10px !important;
  margin: 1px 0 0 !important;
  color: #fff2ca !important;
  line-height: 1 !important;
}

/* Top Players: encaixado perfeitamente nos círculos de 1 a 5. */
body.eldoria-v27 .eldoria-right-showcase-v23 .modern-ranking-card {
  position: absolute !important;
  left: 11.5% !important;
  right: 10.5% !important;
  top: 26.65% !important;
  /* V28: Top Players abaixo do quadro duplo */
  height: 32.7% !important;
  grid-template-rows: 9.5% repeat(5, 1fr) !important;
  padding: 0 !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .ranking-title {
  visibility: hidden !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .rank-item {
  grid-template-columns: 40% 60% !important;
  column-gap: 0 !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .rank-outfit-container {
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .rank-outfit-img {
  width: 76px !important;
  height: 76px !important;
  max-width: 88% !important;
  max-height: 88% !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .rank-details {
  min-width: 0 !important;
  overflow: visible !important;
  padding-left: 2% !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .rank-name {
  color: #ffe9ae !important;
  font: 900 clamp(12px, .82vw, 15px)/1.06 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 2px #00111f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .rank-meta {
  margin-top: 4px !important;
  color: #a8ddff !important;
  font: 800 clamp(9px, .67vw, 12px)/1.08 Arial, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Oferta: quadro inferior. */
body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-box {
  position: absolute !important;
  left: 8.7% !important;
  right: 8.7% !important;
  top: 61.8% !important;
  height: 35.4% !important;
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-badge {
  top: 8% !important;
  left: 70% !important;
  font-size: 11px !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-image-container {
  left: 7% !important;
  top: 18% !important;
  width: 47% !important;
  height: 55% !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-image {
  max-width: 150px !important;
  max-height: 150px !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-title,
body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-price-orig,
body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-price-promo,
body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-stock,
body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-timer {
  left: 55% !important;
  right: 5% !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-title {
  top: 25% !important;
  font-size: 14px !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-price-orig {
  top: 36% !important;
  font-size: 11px !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-price-promo {
  top: 44% !important;
  font-size: 15px !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-stock {
  top: 53% !important;
  font-size: 11px !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-timer {
  top: 62% !important;
  font-size: 10px !important
}

body.eldoria-v27 .eldoria-right-showcase-v23 .oferta-button {
  left: 23% !important;
  right: 16% !important;
  bottom: 3.6% !important;
  height: 9.5% !important;
  font-size: 12px !important
}

/* Notebook */
@media (max-width:1450px) and (min-width:981px) {
  body.eldoria-v27 #Bodycontainer {
    padding-left: 100px !important
  }

  body.eldoria-v27 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 68px !important;
    height: 68px !important
  }

  body.eldoria-v27 .eldoria-right-showcase-v23 .rank-name {
    font-size: 13px !important
  }

  body.eldoria-v27 .eldoria-right-showcase-v23 .rank-meta {
    font-size: 10px !important
  }
}

/* Mobile */
@media (max-width:980px) {
  body.eldoria-v27 #Bodycontainer {
    padding-left: 26px !important
  }
}



/* =====================================================================
   ELDORIA GLOBAL V29 — HERO "SERVER STARTED" PREMIUM
   Substitui visualmente o antigo bloco claro + arte separada pela nova
   composição completa enviada pelo usuário, mantendo os 3 links clicáveis.
   ===================================================================== */
body.eldoria-v29 .eldoria-server-hero-v9 {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-image: url('images/site/ui-v29/server-started-v29.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}

/* A nova arte já contém personagens, painel, título, IP, porta e versão. */
body.eldoria-v29 .eldoria-hero-art-v10 {
  display: none !important;
}

/* Mantém a estrutura HTML original para não quebrar o PHP/links do site. */
body.eldoria-v29 .eldoria-server-status-v9 {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

/* Texto já está impresso na nova arte; fica apenas disponível semanticamente. */
body.eldoria-v29 .eldoria-server-status-v9 h1,
body.eldoria-v29 .eldoria-server-facts-v9 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
}

/* Hotspots transparentes exatamente sobre os 3 botões desenhados na arte. */
body.eldoria-v29 .eldoria-server-actions-v9 {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

body.eldoria-v29 .eldoria-server-actions-v9 a {
  position: absolute !important;
  top: 49.3% !important;
  height: 9.1% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.eldoria-v29 .eldoria-server-actions-v9 a:nth-child(1) {
  left: 18.6% !important;
  width: 21.0% !important
}

body.eldoria-v29 .eldoria-server-actions-v9 a:nth-child(2) {
  left: 41.5% !important;
  width: 17.9% !important
}

body.eldoria-v29 .eldoria-server-actions-v9 a:nth-child(3) {
  left: 61.2% !important;
  width: 18.1% !important
}

body.eldoria-v29 .eldoria-server-actions-v9 a:hover {
  background: rgba(255, 215, 115, .08) !important;
  box-shadow: inset 0 0 0 2px rgba(255, 213, 104, .20) !important;
}

body.eldoria-v29 .eldoria-server-actions-v9 a:focus-visible {
  outline: 2px solid #ffd66b !important;
  outline-offset: -2px !important;
}

@media (max-width:760px) {
  body.eldoria-v29 .eldoria-server-hero-v9 {
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
    background-size: 100% 100% !important;
    background-position: center !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V30 — FUNDO CONTÍNUO + MENU MOBILE 2 CM ABAIXO
   1) O fundo principal passa a ser pintado no HTML/canvas da página inteira,
      evitando a faixa bege quando o conteúdo ultrapassa a altura do BODY.
   2) No mobile, o cabeçalho/menu é reposicionado 2 cm para baixo.
   ===================================================================== */
html {
  min-height: 100% !important;
  background-color: #b89255 !important;
  background-image: url('images/site/eldoria-background-v26.webp') !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body.eldoria-v30 {
  min-height: 100vh !important;
  background: transparent !important;
}

body.eldoria-v30 #MainHelper1,
body.eldoria-v30 #MainHelper2,
body.eldoria-v30 #Bodycontainer {
  background: transparent !important;
}

@media (max-width:980px) {
  html {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 100% !important;
  }

  body.eldoria-v30 {
    min-height: 100vh !important;
    background: transparent !important;
  }

  /* O V27 herdava margin-top negativo no mobile; V30 baixa o menu 2 cm. */
  body.eldoria-v30 .eldoria-header-v9 {
    left: 0 !important;
    margin: 2cm auto 12px !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V31 — ARTES APROVADAS
   ===================================================================== */

/* 1) LATERAL: BOOSTED / TOP LEVEL / SHOP SPECIAL OFFE */
body.eldoria-v31 .eldoria-right-showcase-v23 {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 2/3 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: url('images/site/ui-v31/right-showcase-v31.png') center/100% 100% no-repeat !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.eldoria-v31 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  position: absolute !important;
  left: 17.3% !important;
  right: 17.3% !important;
  top: 9.5% !important;
  height: 11.8% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 10 !important;
}

body.eldoria-v31 .eldoria-right-showcase-v23 .eldoria-boosted-box>.eldoria-panel-title-v9 {
  display: none !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.eldoria-v31 .eldoria-right-showcase-v23 .eldoria-boosted-item {
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2% 2% 1% !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  overflow: visible !important;
}

body.eldoria-v31 .eldoria-right-showcase-v23 .eldoria-boosted-icon {
  width: 100% !important;
  height: 66% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
  width: auto !important;
  height: auto !important;
  max-width: 88px !important;
  max-height: 88px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .55)) !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
  margin-top: 2px !important;
  color: #e6c778 !important;
  font: 900 clamp(10px, .76vw, 13px)/1 Georgia, serif !important;
  text-shadow: 0 2px 2px #00111f !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  max-width: 96% !important;
  margin-top: 2px !important;
  color: #e9edf2 !important;
  font: 700 clamp(8px, .60vw, 10px)/1 Arial, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 1px 2px #00111f !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .modern-ranking-card {
  position: absolute !important;
  left: 18.7% !important;
  right: 14% !important;
  top: 32.1% !important;
  height: 32.5% !important;
  display: grid !important;
  grid-template-rows: 0 repeat(5, 1fr) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 9 !important;
}

body.eldoria-v31 .eldoria-right-showcase-v23 .ranking-title,
body.eldoria-v31 .eldoria-right-showcase-v23 .rank-badge,
body.eldoria-v31 .eldoria-right-showcase-v23 .online-dot {
  display: none !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .rank-item {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 39% 61% !important;
  column-gap: 0 !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  overflow: visible !important;
}

body.eldoria-v31 .eldoria-right-showcase-v23 .rank-outfit-container {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .rank-outfit-img {
  width: 84px !important;
  height: 84px !important;
  max-width: 92% !important;
  max-height: 92% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .50)) !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .rank-details {
  min-width: 0 !important;
  padding: 0 2% 0 3% !important;
  overflow: visible !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .rank-name {
  max-width: 100% !important;
  color: #f2d486 !important;
  font: 900 clamp(12px, .86vw, 15px)/1.05 Georgia, serif !important;
  text-shadow: 0 2px 2px #00111f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .rank-meta {
  max-width: 100% !important;
  margin-top: 4px !important;
  color: #b6dcf2 !important;
  font: 800 clamp(9px, .65vw, 11px)/1.05 Arial, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-box {
  position: absolute !important;
  left: 13.5% !important;
  right: 13.5% !important;
  top: 69% !important;
  height: 27% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 8 !important;
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-header {
  display: none !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-body {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-badge {
  position: absolute !important;
  top: 9% !important;
  left: 68% !important;
  font-size: 10px !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-image-container {
  position: absolute !important;
  left: 4% !important;
  top: 20% !important;
  width: 48% !important;
  height: 51% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-image {
  width: auto !important;
  height: auto !important;
  max-width: 145px !important;
  max-height: 145px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .45)) !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-title,
body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-price-orig,
body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-price-promo,
body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-stock,
body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-timer {
  position: absolute !important;
  left: 53% !important;
  right: 3% !important;
  text-align: center !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-title {
  top: 26% !important;
  color: #f0d58a !important;
  font-size: 14px !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-price-orig {
  top: 38% !important;
  color: #8fa5b5 !important;
  font-size: 10px !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-price-promo {
  top: 46% !important;
  color: #e2b85c !important;
  font-size: 14px !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-stock {
  top: 55% !important;
  color: #cbd7df !important;
  font-size: 10px !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-timer {
  top: 63% !important;
  color: #cbd7df !important;
  font-size: 9px !important
}

body.eldoria-v31 .eldoria-right-showcase-v23 .oferta-button {
  position: absolute !important;
  left: 15% !important;
  right: 15% !important;
  bottom: 5.5% !important;
  height: 14.5% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f6e5b2 !important;
  font: 800 11px/1 Arial, sans-serif !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}

/* 2) RANKING EXTRA */
body.eldoria-v31 .eldoria-extra-ranking-v23 {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 2/3 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: url('images/site/ui-v31/ranking-extra-v31.png') center/100% 100% no-repeat !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.eldoria-v31 .eldoria-extra-ranking-v23:before,
body.eldoria-v31 .eldoria-extra-ranking-v23:after {
  display: none !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-rank-group {
  position: absolute !important;
  left: 13% !important;
  right: 10.5% !important;
  display: grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-group-frags {
  top: 17.1% !important;
  height: 17% !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-group-money {
  top: 39.3% !important;
  height: 16.7% !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-group-addons {
  top: 60.8% !important;
  height: 16.4% !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-group-mounts {
  top: 81.4% !important;
  height: 14.7% !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-rank-row {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  overflow: visible !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-rank-outfit {
  position: absolute !important;
  left: 18.8% !important;
  top: 2% !important;
  width: 29% !important;
  height: 96% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .55)) !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-rank-copy {
  position: absolute !important;
  left: 51.5% !important;
  right: 2.5% !important;
  top: 0 !important;
  bottom: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-left: 2% !important;
  overflow: hidden !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-rank-copy b {
  max-width: 100% !important;
  color: #f2d486 !important;
  font: 900 clamp(10px, .72vw, 13px)/1.02 Georgia, serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 2px 2px #00111f !important
}

body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-rank-copy small {
  max-width: 100% !important;
  margin-top: 4px !important;
  color: #b7e4ff !important;
  font: 800 clamp(8px, .58vw, 10px)/1 Arial, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 1px 2px #00111f !important
}

/* 3) SERVER STARTED — SOMENTE A PLACA */
body.eldoria-v31 .eldoria-server-hero-v9 {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1672/941 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: url('images/site/ui-v31/server-started-v31.png') center/100% 100% no-repeat !important;
  background-color: transparent !important;
}

body.eldoria-v31 .eldoria-hero-art-v10 {
  display: none !important
}

body.eldoria-v31 .eldoria-server-status-v9 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important
}

body.eldoria-v31 .eldoria-server-status-v9 h1,
body.eldoria-v31 .eldoria-server-facts-v9 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important
}

body.eldoria-v31 .eldoria-server-actions-v9 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important
}

body.eldoria-v31 .eldoria-server-actions-v9 a {
  position: absolute !important;
  top: 69.4% !important;
  height: 11.6% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important
}

body.eldoria-v31 .eldoria-server-actions-v9 a:nth-child(1) {
  left: 11.7% !important;
  width: 24.9% !important
}

body.eldoria-v31 .eldoria-server-actions-v9 a:nth-child(2) {
  left: 37.8% !important;
  width: 23.2% !important
}

body.eldoria-v31 .eldoria-server-actions-v9 a:nth-child(3) {
  left: 62.2% !important;
  width: 25.6% !important
}

body.eldoria-v31 .eldoria-server-actions-v9 a:hover {
  background: rgba(226, 184, 92, .07) !important;
  box-shadow: inset 0 0 0 2px rgba(226, 184, 92, .16) !important
}

body.eldoria-v31 .eldoria-server-actions-v9 a:focus-visible {
  outline: 2px solid #d8b66c !important;
  outline-offset: -2px !important
}

@media (max-width:1450px) and (min-width:981px) {
  body.eldoria-v31 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 72px !important;
    height: 72px !important
  }

  body.eldoria-v31 .eldoria-right-showcase-v23 .rank-name {
    font-size: 12px !important
  }

  body.eldoria-v31 .eldoria-right-showcase-v23 .rank-meta {
    font-size: 9px !important
  }

  body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-rank-copy b {
    font-size: 10px !important
  }

  body.eldoria-v31 .eldoria-extra-ranking-v23 .v23-rank-copy small {
    font-size: 8px !important
  }
}

@media (max-width:980px) {

  body.eldoria-v31 .eldoria-right-showcase-v23,
  body.eldoria-v31 .eldoria-extra-ranking-v23 {
    width: min(96vw, 470px) !important;
    max-width: 470px !important;
    margin-left: auto !important;
    margin-right: auto !important
  }

  body.eldoria-v31 .eldoria-right-showcase-v23,
  body.eldoria-v31 .eldoria-extra-ranking-v23 {
    aspect-ratio: 2/3 !important
  }

  body.eldoria-v31 .eldoria-server-hero-v9 {
    aspect-ratio: 1672/941 !important
  }

  body.eldoria-v31 .eldoria-right-showcase-v23 .rank-outfit-img {
    width: 68px !important;
    height: 68px !important
  }
}

@media (max-width:430px) {

  body.eldoria-v31 .eldoria-right-showcase-v23,
  body.eldoria-v31 .eldoria-extra-ranking-v23 {
    width: 100% !important;
    max-width: 100% !important
  }
}


/* =====================================================================
   ELDORIA GLOBAL V32 — LATERAL MAIOR
   Aumenta a arte Boosted / Top Level / Shop sem deformar.
   Mantém as proporções e deixa mais espaço para nomes/outfits.
   ===================================================================== */
@media (min-width:1451px) {
  body.eldoria-v32 #ContentColumn {
    margin-right: 470px !important
  }

  body.eldoria-v32 #ThemeboxesColumn {
    right: -470px !important;
    width: 460px !important
  }

  body.eldoria-v32 .eldoria-footer-v9 {
    margin-right: 470px !important
  }
}

@media (min-width:1201px) and (max-width:1450px) {
  body.eldoria-v32 #ContentColumn {
    margin-right: 425px !important
  }

  body.eldoria-v32 #ThemeboxesColumn {
    right: -425px !important;
    width: 400px !important
  }

  body.eldoria-v32 .eldoria-footer-v9 {
    margin-right: 425px !important
  }
}

@media (min-width:981px) and (max-width:1200px) {
  body.eldoria-v32 #ContentColumn {
    margin-right: 355px !important
  }

  body.eldoria-v32 #ThemeboxesColumn {
    right: -355px !important;
    width: 330px !important
  }

  body.eldoria-v32 .eldoria-footer-v9 {
    margin-right: 355px !important
  }
}

/* O quadro usa toda a largura nova da coluna lateral. */
body.eldoria-v32 .eldoria-right-showcase-v23,
body.eldoria-v32 .eldoria-extra-ranking-v23 {
  width: 100% !important;
  max-width: none !important;
}

/* Pequeno ganho de leitura sem estourar as linhas. */
@media (min-width:1201px) {
  body.eldoria-v32 .eldoria-right-showcase-v23 .rank-name {
    font-size: 15px !important
  }

  body.eldoria-v32 .eldoria-right-showcase-v23 .rank-meta {
    font-size: 11px !important
  }

  body.eldoria-v32 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
    font-size: 13px !important
  }

  body.eldoria-v32 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
    font-size: 10px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V33 — NOVA BARRA SOCIAL AZUL
   Usa a arte limpa (sem textos/números), mantendo por HTML/PHP:
   Discord, Instagram, Download, jogadores online e bandeiras.
   Assim todos os links e o contador continuam funcionais/dinâmicos.
   ===================================================================== */
body.eldoria-v33 .eldoria-social-strip-v11 {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 96% !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  width: min(92vw, 1040px) !important;
  max-width: none !important;
  height: 108px !important;
  min-height: 108px !important;
  margin: 0 !important;
  padding: 0 11.2% 0 13.2% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  overflow: visible !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  z-index: 99 !important;
}

body.eldoria-v33 .eldoria-social-strip-v11:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: url('images/site/ui-v33/social-bar-v33.png') center/100% 100% no-repeat !important;
  filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .32)) !important;
}

body.eldoria-v33 .eldoria-social-strip-v11 a,
body.eldoria-v33 .eldoria-header-flags-v11 {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 clamp(8px, .75vw, 14px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 1 1 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(238, 193, 76, .55) !important;
  color: #fff !important;
  font: 800 clamp(10px, .78vw, 13px)/1 Arial, sans-serif !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .90) !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

body.eldoria-v33 .eldoria-social-strip-v11 a:nth-child(4) {
  flex: 1.45 1 0 !important
}

body.eldoria-v33 .eldoria-header-flags-v11 {
  flex: .72 1 0 !important;
  border-right: 0 !important
}

body.eldoria-v33 .eldoria-social-img-v11 {
  width: clamp(18px, 1.35vw, 24px) !important;
  height: clamp(18px, 1.35vw, 24px) !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
}

body.eldoria-v33 .eldoria-social-strip-v11 a:nth-child(4) b {
  color: #43f052 !important;
  font-size: clamp(13px, 1.05vw, 18px) !important;
}

body.eldoria-v33 .eldoria-header-flags-v11 img {
  width: clamp(24px, 1.65vw, 31px) !important;
  height: auto !important;
}

body.eldoria-v33 .eldoria-social-strip-v11 a:hover {
  background: rgba(255, 255, 255, .055) !important;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .95), 0 0 7px rgba(88, 174, 255, .35) !important;
}

@media (max-width:980px) {
  body.eldoria-v33 .eldoria-social-strip-v11 {
    width: min(96vw, 760px) !important;
    height: 90px !important;
    min-height: 90px !important;
    padding-left: 13.5% !important;
    padding-right: 11.5% !important;
  }

  body.eldoria-v33 .eldoria-social-strip-v11 a,
  body.eldoria-v33 .eldoria-header-flags-v11 {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 6px !important;
    gap: 4px !important;
    font-size: 9px !important;
  }

  body.eldoria-v33 .eldoria-social-img-v11 {
    width: 16px !important;
    height: 16px !important
  }

  body.eldoria-v33 .eldoria-social-strip-v11 a:nth-child(4) b {
    font-size: 12px !important
  }

  body.eldoria-v33 .eldoria-header-flags-v11 img {
    width: 23px !important
  }
}

@media (max-width:560px) {
  body.eldoria-v33 .eldoria-social-strip-v11 {
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    padding-left: 14% !important;
    padding-right: 12% !important;
    overflow: hidden !important;
  }

  body.eldoria-v33 .eldoria-social-strip-v11 a {
    font-size: 8px !important;
    padding: 0 4px !important
  }

  body.eldoria-v33 .eldoria-social-strip-v11 a:nth-child(2) {
    display: none !important
  }

  body.eldoria-v33 .eldoria-header-flags-v11 {
    display: none !important
  }

  body.eldoria-v33 .eldoria-social-img-v11 {
    width: 14px !important;
    height: 14px !important
  }

  body.eldoria-v33 .eldoria-social-strip-v11 a:nth-child(4) b {
    font-size: 11px !important
  }
}

/* =====================================================================
   ELDORIA GLOBAL V34 — MENU MOBILE NA ESQUERDA
   Move somente o botão/hambúrguer do menu mobile da direita para a esquerda.
   Mantém o cabeçalho 2 cm abaixo (V30), o drawer abrindo pela esquerda e
   todas as demais funções/links intactos.
   ===================================================================== */
@media (max-width:980px) {
  body.eldoria-v34 .eldoria-header-v9 {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  body.eldoria-v34 .eldoria-mobile-menu {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.eldoria-v34 .eldoria-brand-v10 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.eldoria-v34 .eldoria-logo-v10 {
    object-position: left center !important;
  }

  body.eldoria-v34.eldoria-menu-open .eldoria-mobile-menu {
    position: fixed !important;
    left: 10px !important;
    right: auto !important;
    top: 2cm !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V35 — BARRA SOCIAL SEM ESTICAR
   Mantém a arte aprovada na proporção original. O arquivo V35 apenas
   remove a área transparente excedente da imagem; não altera a arte.
   Discord, Instagram, Download, jogadores online e bandeiras continuam
   sendo HTML/PHP por cima da imagem, portanto seguem clicáveis/dinâmicos.
   ===================================================================== */
body.eldoria-v35 .eldoria-social-strip-v11 {
  width: min(92vw, 1040px) !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 2172 / 416 !important;
  padding: 0 11.2% 0 13.2% !important;
  overflow: visible !important;
}

body.eldoria-v35 .eldoria-social-strip-v11:before {
  inset: 0 !important;
  background-image: url('images/site/ui-v33/social-bar-v35.png') !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

@media (max-width:980px) {
  body.eldoria-v35 .eldoria-social-strip-v11 {
    width: min(96vw, 760px) !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2172 / 416 !important;
    padding-left: 13.5% !important;
    padding-right: 11.5% !important;
  }
}

@media (max-width:560px) {
  body.eldoria-v35 .eldoria-social-strip-v11 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2172 / 416 !important;
    padding-left: 14% !important;
    padding-right: 12% !important;
    overflow: visible !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V36 — BOOSTED CENTRALIZADO + TOP LEVEL SEM SOBREPOSIÇÃO
   1) Cada boosted fica preso ao centro da sua metade do quadro.
   2) Os cinco jogadores respeitam a altura de cada linha do Top Level.
   ===================================================================== */

/* BOOSTED: usa exatamente duas metades e impede sprite/texto de escapar. */
body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  left: 17.8% !important;
  right: 17.8% !important;
  top: 10.0% !important;
  height: 11.0% !important;
  overflow: hidden !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 2% 1.5% 3% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-item {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 4% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-icon {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  height: 68% !important;
  flex: 0 0 68% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
  width: auto !important;
  height: auto !important;
  max-width: 74% !important;
  max-height: 92% !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-item b,
body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
  margin: 1px 0 0 !important;
  line-height: 1 !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  margin: 1px 0 0 !important;
  line-height: 1 !important;
}

/* TOP LEVEL: cada jogador ocupa somente sua própria faixa da moldura. */
body.eldoria-v36 .eldoria-right-showcase-v23 .modern-ranking-card {
  top: 32.2% !important;
  height: 32.7% !important;
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  row-gap: 0 !important;
  overflow: hidden !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .rank-item {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .rank-outfit-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .rank-outfit-img {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: 82% !important;
  max-width: 82% !important;
  max-height: 52px !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .rank-details {
  height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .rank-name,
body.eldoria-v36 .eldoria-right-showcase-v23 .rank-meta {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.eldoria-v36 .eldoria-right-showcase-v23 .rank-meta {
  margin-top: 2px !important
}

/* Em larguras menores, o outfit acompanha a linha em vez de invadir a próxima. */
@media (max-width:1450px) and (min-width:1201px) {
  body.eldoria-v36 .eldoria-right-showcase-v23 .rank-outfit-img {
    height: 80% !important;
    max-height: 45px !important
  }
}

@media (max-width:1200px) and (min-width:981px) {
  body.eldoria-v36 .eldoria-right-showcase-v23 .rank-outfit-img {
    height: 78% !important;
    max-height: 39px !important
  }
}

@media (max-width:980px) {
  body.eldoria-v36 .eldoria-right-showcase-v23 .rank-outfit-img {
    height: 80% !important;
    max-height: 44px !important
  }

  body.eldoria-v36 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
    max-width: 70% !important;
    max-height: 90% !important
  }
}

body.eldoria-v36 .eldoria-right-showcase-v23 .rank-details {
  transform: translateX(-25px) !important;
}


/* =====================================================================
   ELDORIA GLOBAL V37 — AJUSTES DE POSICIONAMENTO
   1) Barra social sobe para não ficar sobre os painéis do conteúdo.
   2) Boss e Creature ficam presos, cada um, ao centro de sua metade Boosted.
   3) TOP ADDONS do Ranking Extra centralizado nas plataformas e 2x maior.
   Mantém intacto o espaçamento corrigido dos cinco jogadores do Top Level.
   ===================================================================== */

/* BARRA SOCIAL — sobe no desktop, preservando a arte, links e contador PHP. */
@media (min-width:981px) {
  body.eldoria-v37 .eldoria-social-strip-v11 {
    top: 62% !important;
    z-index: 80 !important;
  }
}

/* BOOSTED — posicionamento absoluto por metade para não haver fuga lateral. */
body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  left: 17.8% !important;
  right: 17.8% !important;
  top: 9.55% !important;
  height: 11.25% !important;
  overflow: hidden !important;
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-item {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 50% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2% 4% 3% !important;
  transform: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-item:nth-child(1) {
  left: 0 !important;
  right: auto !important;
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-item:nth-child(2) {
  left: 50% !important;
  right: auto !important;
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-icon {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  flex: 0 0 62% !important;
  width: 78% !important;
  height: 62% !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 88% !important;
  max-height: 96% !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-item b,
body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-item b {
  line-height: 1 !important
}

body.eldoria-v37 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  line-height: 1.05 !important
}

/* RANKING EXTRA — somente TOP ADDONS: centraliza na base e duplica o sprite. */
body.eldoria-v37 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
  left: 33.3% !important;
  top: 50% !important;
  width: 29% !important;
  height: 96% !important;
  transform: translate(-50%, -50%) scale(2) !important;
  transform-origin: center center !important;
  object-fit: contain !important;
  object-position: center !important;
  z-index: 3 !important;
}

/* Em telas menores mantém o centro correto; reduz só o risco de corte do container. */
@media (max-width:980px) {
  body.eldoria-v37 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-row {
    overflow: visible !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V38 — CREATURE BOOST RESTAURADO + OUTFITS MAIORES
   1) Boss e Creature ficam visíveis e centralizados, um em cada quadro.
   2) Outfits do TOP LEVEL ficam maiores, sem invadir a linha seguinte.
   3) Ranking Extra: TODOS os outfits (Frags, Dinheiro, Addons e Mounts)
      ficam centralizados nas plataformas e maiores.
   ===================================================================== */

/* BOOSTED — volta ao grid robusto de duas colunas e força o segundo item visível. */
body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  left: 17.6% !important;
  right: 17.6% !important;
  top: 9.8% !important;
  height: 11.0% !important;
  overflow: visible !important;
  z-index: 20 !important;
}

body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-item,
body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-item:nth-child(1),
body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-item:nth-child(2) {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2% 5% 3% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  z-index: 21 !important;
}


/* CHILD 1 */
body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-item:nth-child(1) {
  left: 10px !important;
  top: -40px !important;
}

/* CHILD 2 */
body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-item:nth-child(2) {
  left: 45px !important;
  top: -40px !important;
}


body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-icon {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  flex: 0 0 66% !important;
  width: 100% !important;
  height: 66% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-icon img {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 82px !important;
  max-height: 82px !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-item b,
body.eldoria-v38 .eldoria-right-showcase-v23 .eldoria-boosted-item small {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* TOP LEVEL — aumenta visualmente os outfits sem mudar as 5 faixas. */
body.eldoria-v38 .eldoria-right-showcase-v23 .rank-outfit-container {
  overflow: hidden !important;
}

body.eldoria-v38 .eldoria-right-showcase-v23 .rank-outfit-img {
  width: auto !important;
  height: 100% !important;
  max-width: 96% !important;
  max-height: 62px !important;
  transform: scale(1.38) !important;
  transform-origin: center center !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (min-width:1451px) {
  body.eldoria-v38 .eldoria-right-showcase-v23 .rank-outfit-img {
    max-height: 68px !important;
    transform: scale(1.42) !important
  }
}

@media (max-width:1200px) and (min-width:981px) {
  body.eldoria-v38 .eldoria-right-showcase-v23 .rank-outfit-img {
    max-height: 54px !important;
    transform: scale(1.32) !important
  }
}

@media (max-width:980px) {
  body.eldoria-v38 .eldoria-right-showcase-v23 .rank-outfit-img {
    max-height: 58px !important;
    transform: scale(1.32) !important
  }
}

/* RANKING EXTRA — todos os grupos, não só TOP ADDONS. */
body.eldoria-v38 .eldoria-extra-ranking-v23 .v23-rank-row {
  overflow: visible !important;
}

body.eldoria-v38 .eldoria-extra-ranking-v23 .v23-rank-outfit,
body.eldoria-v38 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
  position: absolute !important;
  left: 33.3% !important;
  top: 50% !important;
  width: 2% !important;
  height: 96% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) scale(1.72) !important;
  transform-origin: center center !important;
  object-fit: contain !important;
  object-position: center center !important;
  z-index: 3 !important;
}

@media (max-width:980px) {

  body.eldoria-v38 .eldoria-extra-ranking-v23 .v23-rank-outfit,
  body.eldoria-v38 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
    transform: translate(-50%, -50%) scale(1.55) !important;
  }
}


/* =====================================================================
   ELDORIA GLOBAL V40 — REVERTE V39 + SOMENTE SOBE OUTFITS + CREATURE FIXO
   Base visual restaurada para V38. Não muda colunas/textos do Top Level.
   1) Top Level: apenas sobe os outfits alguns pixels.
   2) Ranking Extra: apenas sobe os outfits nos pedestais, sem mover lateralmente.
   3) Boosted: força Boss e Creature em colunas fixas, visíveis dentro dos quadrados.
   ===================================================================== */

/* TOP LEVEL — mantém exatamente a grade V38 e só sobe o sprite. */
body.eldoria-v40 .eldoria-right-showcase-v23 .rank-outfit-img {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  margin: 0 auto !important;
  transform: translateY(-5px) scale(1.38) !important;
  transform-origin: center center !important;
}

@media (min-width:1451px) {
  body.eldoria-v40 .eldoria-right-showcase-v23 .rank-outfit-img {
    transform: translateY(-6px) scale(1.42) !important;
  }
}

@media (max-width:1200px) and (min-width:981px) {
  body.eldoria-v40 .eldoria-right-showcase-v23 .rank-outfit-img {
    transform: translateY(-4px) scale(1.32) !important;
  }
}

@media (max-width:980px) {
  body.eldoria-v40 .eldoria-right-showcase-v23 .rank-outfit-img {
    transform: translateY(-4px) scale(1.32) !important;
  }
}

/* RANKING EXTRA — conserva left:33.3% da V38 e sobe só um pouco. */
body.eldoria-v40 .eldoria-extra-ranking-v23 .v23-rank-outfit,
body.eldoria-v40 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
  left: 33.3% !important;
  top: 46% !important;
  transform: translate(-50%, -50%) scale(1.72) !important;
  transform-origin: center center !important;
}

@media (max-width:980px) {

  body.eldoria-v40 .eldoria-extra-ranking-v23 .v23-rank-outfit,
  body.eldoria-v40 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
    top: 46% !important;
    transform: translate(-50%, -50%) scale(1.55) !important;
  }
}

/* BOOSTED — estrutura simples e fixa: 50% Boss + 50% Creature.
   Classes próprias evitam herdar deslocamentos antigos de nth-child. */
body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-box {
  left: 17.6% !important;
  right: 17.6% !important;
  top: 9.8% !important;
  height: 11.0% !important;
  overflow: hidden !important;
  z-index: 30 !important;
}

body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-grid {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-boss,
body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-creature {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 2% 5% 3% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-boss {
  grid-column: 1 !important;
  grid-row: 1 !important
}

body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-creature {
  grid-column: 2 !important;
  grid-row: 1 !important
}

body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-boss .eldoria-boosted-icon,
body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-creature .eldoria-boosted-icon {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 64% !important;
  flex: 0 0 64% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-boss .eldoria-boosted-icon img,
body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-creature .eldoria-boosted-icon img {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 76px !important;
  max-height: 76px !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-boss b,
body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-boss small,
body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-creature b,
body.eldoria-v40 .eldoria-right-showcase-v23 .eldoria-boosted-creature small {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* =====================================================================
   ELDORIA GLOBAL V41 — RANKING EXTRA: OUTFITS NO CENTRO DOS PEDESTAIS
   Somente ajuste horizontal. Sem backup novo e sem alterar tamanhos/dados.
   ===================================================================== */
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-rank-outfit,
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
  left: calc(28% - 19px) !important;
  top: calc(46% - 24px) !important;
  transform: translate(-50%, -50%) scale(1.72) !important;
  transform-origin: center center !important;
  object-position: center center !important;
}

@media (max-width:980px) {

  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-rank-outfit,
  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
    left: calc(28% - 19px) !important;
    top: calc(46% - 23px) !important;
    transform: translate(-50%, -50%) scale(1.55) !important;
  }
}


/* =====================================================================
   ELDORIA GLOBAL V47 — OFERTA + TOP LEVEL (AJUSTE FINO)
   Somente os pontos pedidos:
   1) Nome da oferta 2 cm para a esquerda.
   2) Badge -40% OFF ao lado do animal/oferta.
   3) Somente os outfits/addons do Top Level 0,5 cm para cima.
   ===================================================================== */

/* OFERTA — move apenas o nome; preços/estoque/timer permanecem onde estavam. */
body.eldoria-v47 .eldoria-right-showcase-v23 .oferta-title {
  transform: translateX(-2cm) !important;
}

/* OFERTA — badge encostado visualmente ao lado direito do animal. */
body.eldoria-v47 .eldoria-right-showcase-v23 .oferta-badge {
  top: 29% !important;
  left: 42% !important;
  right: auto !important;
  transform: none !important;
  z-index: 8 !important;
}

/* TOP LEVEL — somente os sprites/outfits sobem 0,5 cm; textos e linhas ficam intactos. */
body.eldoria-v47 .eldoria-right-showcase-v23 .rank-outfit-img {
  transform: translateY(-0.5cm) scale(1.38) !important;
  transform-origin: center center !important;
}

@media (min-width:1451px) {
  body.eldoria-v47 .eldoria-right-showcase-v23 .rank-outfit-img {
    transform: translateY(-0.5cm) scale(1.42) !important;
  }
}

@media (max-width:1200px) and (min-width:981px) {
  body.eldoria-v47 .eldoria-right-showcase-v23 .rank-outfit-img {
    transform: translateY(-0.5cm) scale(1.32) !important;
  }
}

@media (max-width:980px) {
  body.eldoria-v47 .eldoria-right-showcase-v23 .rank-outfit-img {
    transform: translateY(-0.5cm) scale(1.32) !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V48 — CREATURE BOOSTED: 3 CM SUL + 3 CM ESQUERDA
   Somente a criatura boosted. Boss, Top Level, Ranking Extra e oferta intactos.
   ===================================================================== */
body.eldoria-v48 .eldoria-right-showcase-v23 .eldoria-boosted-creature {
  position: relative !important;
  transform: translate(-3cm, 3cm) !important;
  z-index: 50 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

body.eldoria-v48 .eldoria-right-showcase-v23 .eldoria-boosted-creature .eldoria-boosted-icon,
body.eldoria-v48 .eldoria-right-showcase-v23 .eldoria-boosted-creature b,
body.eldoria-v48 .eldoria-right-showcase-v23 .eldoria-boosted-creature small {
  visibility: visible !important;
  opacity: 1 !important;
}

/* =====================================================================
   ELDORIA GLOBAL V49 — BOOSTED: BOSS + CREATURE 3 CM SUL + 3 CM ESQUERDA
   Mesmo deslocamento aplicado aos dois elementos Boosted.
   ===================================================================== */
body.eldoria-v49 .eldoria-right-showcase-v23 .eldoria-boosted-boss,
body.eldoria-v49 .eldoria-right-showcase-v23 .eldoria-boosted-creature {
  position: relative !important;
  transform: translate(-3cm, 3cm) !important;
  z-index: 50 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

body.eldoria-v49 .eldoria-right-showcase-v23 .eldoria-boosted-boss .eldoria-boosted-icon,
body.eldoria-v49 .eldoria-right-showcase-v23 .eldoria-boosted-boss b,
body.eldoria-v49 .eldoria-right-showcase-v23 .eldoria-boosted-boss small,
body.eldoria-v49 .eldoria-right-showcase-v23 .eldoria-boosted-creature .eldoria-boosted-icon,
body.eldoria-v49 .eldoria-right-showcase-v23 .eldoria-boosted-creature b,
body.eldoria-v49 .eldoria-right-showcase-v23 .eldoria-boosted-creature small {
  visibility: visible !important;
  opacity: 1 !important;
}


/* =====================================================================
   ELDORIA GLOBAL V50 — BOOSTED: AJUSTE FINO INDIVIDUAL
   Base V49: ambos estavam 3 cm sul + 3 cm esquerda.
   Creature: +1 cm norte e +1 cm esquerda => -4 cm X / +2 cm Y.
   Boss: +1 cm norte e +1 cm direita => -2 cm X / +2 cm Y.
   ===================================================================== */
body.eldoria-v50 .eldoria-right-showcase-v23 .eldoria-boosted-creature {
  position: relative !important;
  transform: translate(-4cm, 2cm) !important;
  z-index: 52 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

body.eldoria-v50 .eldoria-right-showcase-v23 .eldoria-boosted-boss {
  position: relative !important;
  transform: translate(-2cm, 2cm) !important;
  z-index: 51 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* =====================================================================
   ELDORIA GLOBAL V51 — BOOSTED: MICRO AJUSTE HORIZONTAL
   Boss: +0.5 cm para a direita em relação à V50.
   Creature: +0.2 cm para a esquerda (ajuste mínimo) em relação à V50.
   ===================================================================== */
body.eldoria-v50 .eldoria-right-showcase-v23 .eldoria-boosted-boss {
  transform: translate(-1.5cm, 2cm) !important;
}

body.eldoria-v50 .eldoria-right-showcase-v23 .eldoria-boosted-creature {
  transform: translate(-4.2cm, 2cm) !important;
}


/* =====================================================================
   ELDORIA GLOBAL V52 — SHOP SPECIAL OFFER: SPRITE 2 CM PARA A DIREITA
   Somente o animal/item da oferta. Textos, badge, preço e demais painéis intactos.
   ===================================================================== */
body.eldoria-v52 .eldoria-right-showcase-v23 .oferta-image-container {
  transform: translateX(2cm) !important;
}

/* =====================================================================
   ELDORIA GLOBAL V53 — NOVO FUNDO PRINCIPAL DO SITE
   Arte enviada pelo usuário. Mantém proporção original, sem esticar.
   Fundo fixo e contínuo para páginas longas.
   ===================================================================== */
body.eldoria-v53 {
  background-color: #182838 !important;
  background-image: url('images/site/ui-v53/mellorox-site-background-v53.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Evita que o fundo antigo/bege volte em telas menores. */
@media (max-width:980px) {
  body.eldoria-v53 {
    background-image: url('images/site/ui-v53/mellorox-site-background-v53.png') !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: scroll !important;
    min-height: 100vh !important;
  }
}


/* =====================================================================
   ELDORIA GLOBAL V54 — SHOP SPECIAL OFFER: BLOCO DE INFORMAÇÕES À ESQUERDA
   Move somente nome/preços/estoque/timer 2 cm para a esquerda.
   Animal, badge -40% OFF, botão e demais painéis permanecem intactos.
   ===================================================================== */
body.eldoria-v54 .eldoria-right-showcase-v23 .oferta-title,
body.eldoria-v54 .eldoria-right-showcase-v23 .oferta-price-orig,
body.eldoria-v54 .eldoria-right-showcase-v23 .oferta-price-promo,
body.eldoria-v54 .eldoria-right-showcase-v23 .oferta-stock,
body.eldoria-v54 .eldoria-right-showcase-v23 .oferta-timer {
  transform: translateX(-2cm) !important;
}


/* =====================================================================
   ELDORIA GLOBAL V55 — FUNDO ÚNICO + OFERTA MAIS À ESQUERDA
   1) Remove definitivamente o background antigo V26 do elemento raiz HTML.
      O novo fundo V53 passa a ser o único fundo da página inteira.
   2) Move o bloco textual da Shop Special Offer mais 1 cm para a esquerda
      (total visual de 3 cm em relação à posição original).
   3) A simplificação das vocações do Top Level é feita em widget_rank.php.
   ===================================================================== */

/* FUNDO — o HTML era quem ainda carregava eldoria-background-v26.webp na V30. */
html {
  min-height: 100% !important;
  background-color: #182838 !important;
  background-image: url('images/site/ui-v53/mellorox-site-background-v53.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

body.eldoria-v55 {
  min-height: 100vh !important;
  background: transparent !important;
}

body.eldoria-v55 #MainHelper1,
body.eldoria-v55 #MainHelper2,
body.eldoria-v55 #Bodycontainer {
  background: transparent !important;
}

/* OFERTA — apenas o bloco textual; animal, badge e botão permanecem intactos. */
body.eldoria-v55 .eldoria-right-showcase-v23 .oferta-title,
body.eldoria-v55 .eldoria-right-showcase-v23 .oferta-price-orig,
body.eldoria-v55 .eldoria-right-showcase-v23 .oferta-price-promo,
body.eldoria-v55 .eldoria-right-showcase-v23 .oferta-stock,
body.eldoria-v55 .eldoria-right-showcase-v23 .oferta-timer {
  transform: translateX(-3cm) !important;
}

@media (max-width:980px) {
  html {
    background-image: url('images/site/ui-v53/mellorox-site-background-v53.png') !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }

  body.eldoria-v55 {
    min-height: 100vh !important;
    background: transparent !important;
  }
}


/* =====================================================================
   ELDORIA GLOBAL V56 — SHOP: ITEM + BADGE MAIS À ESQUERDA
   Nome/textos permanecem exatamente como na V55.
   Move somente o sprite do item e o badge -40% OFF 1,5 cm à esquerda
   em relação à posição da V55/V52.
   ===================================================================== */
body.eldoria-v56 .eldoria-right-showcase-v23 .oferta-image-container {
  transform: translateX(0.5cm) !important;
}

body.eldoria-v56 .eldoria-right-showcase-v23 .oferta-badge {
  transform: translateX(-1.5cm) !important;
}

/* =====================================================================
   ELDORIA GLOBAL V57 — SHOP: AJUSTE FINAL À ESQUERDA + BOTÃO
   1) Item/sprite: mais 1 cm para a esquerda em relação à V56.
   2) Badge -40% OFF: mais 1 cm para a esquerda em relação à V56.
   3) Botão VER NO SHOP: área/texto 1 cm para a esquerda, preservando tamanho.
   ===================================================================== */
body.eldoria-v57 .eldoria-right-showcase-v23 .oferta-image-container {
  transform: translateX(-0.5cm) !important;
}

body.eldoria-v57 .eldoria-right-showcase-v23 .oferta-badge {
  transform: translateX(-2.5cm) !important;
}

body.eldoria-v57 .eldoria-right-showcase-v23 .oferta-button,
body.eldoria-v57 .eldoria-right-showcase-v23 .oferta-button:hover,
body.eldoria-v57 .eldoria-right-showcase-v23 .oferta-button:focus {
  transform: translateX(-1cm) !important;
}


/* =====================================================================
   ELDORIA V58 — TOP PLAYER ANIMADO NO FIND PLAYER
   - Exibe somente o outfit do Top 1, andando, sobre o pedestal/círculo azul.
   - Não exibe nome, level ou vocação nessa área.
   ===================================================================== */
body.eldoria-v58 .eldoria-search-v23 .eldoria-find-top-player-v58 {
  position: absolute !important;
  left: 9.0% !important;
  top: 42.0% !important;
  width: 23.0% !important;
  height: 25.0% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  z-index: 4 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  text-decoration: none !important;
  pointer-events: auto !important;
}

body.eldoria-v58 .eldoria-search-v23 .eldoria-find-top-player-v58 img {
  display: block !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  image-rendering: pixelated !important;
  transform: scale(1.08) !important;
  transform-origin: center bottom !important;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .55)) !important;
}

body.eldoria-v58 .eldoria-search-v23 .eldoria-find-top-player-v58:hover img,
body.eldoria-v58 .eldoria-search-v23 .eldoria-find-top-player-v58:focus img {
  transform: scale(1.08) !important;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .55)) !important;
}

@media(max-width:980px) {
  body.eldoria-v58 .eldoria-search-v23 .eldoria-find-top-player-v58 {
    left: 9.0% !important;
    top: 42.0% !important;
    width: 23.0% !important;
    height: 25.0% !important;
  }
}


/* =====================================================================
   ELDORIA V59 — FIND PLAYER: TOP 1 MAIOR + 1CM CIMA/ESQUERDA
   - Somente o outfit animado do Top 1.
   - Aproximadamente 2x o tamanho visual da V58.
   - 1 cm para cima e 1 cm para a esquerda.
   ===================================================================== */
body.eldoria-v59 .eldoria-search-v23 .eldoria-find-top-player-v58 {
  left: calc(9.0% - 1cm) !important;
  top: calc(42.0% - 1cm) !important;
}

body.eldoria-v59 .eldoria-search-v23 .eldoria-find-top-player-v58 img,
body.eldoria-v59 .eldoria-search-v23 .eldoria-find-top-player-v58:hover img,
body.eldoria-v59 .eldoria-search-v23 .eldoria-find-top-player-v58:focus img {
  transform: scale(2.0) !important;
  transform-origin: center bottom !important;
}

@media(max-width:980px) {
  body.eldoria-v59 .eldoria-search-v23 .eldoria-find-top-player-v58 {
    left: calc(9.0% - 1cm) !important;
    top: calc(42.0% - 1cm) !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V60 — SERVER STARTED: BOTÕES SEM ANIMAÇÃO/OVERLAY
   Mantém permanentemente a aparência desenhada na própria arte (estado
   visual da imagem 2), inclusive em hover, clique, foco e touch.
   ===================================================================== */
body.eldoria-v60 .eldoria-server-actions-v9 a,
body.eldoria-v60 .eldoria-server-actions-v9 a:link,
body.eldoria-v60 .eldoria-server-actions-v9 a:visited,
body.eldoria-v60 .eldoria-server-actions-v9 a:hover,
body.eldoria-v60 .eldoria-server-actions-v9 a:active,
body.eldoria-v60 .eldoria-server-actions-v9 a:focus,
body.eldoria-v60 .eldoria-server-actions-v9 a:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: 0 !important;
  opacity: 1 !important;
  color: transparent !important;
  text-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: none !important;
  animation: none !important;
}


/* =====================================================================
   ELDORIA GLOBAL V61 — CONTEÚDO PRINCIPAL MAIS PARA BAIXO
   Pedido: baixar toda a área da FOTO 1 sem mover o cabeçalho da FOTO 2.
   Move somente #ContentRow (menu esquerdo + centro + lateral direita).
   Cabeçalho superior e barra Discord/Instagram permanecem na posição atual.
   ===================================================================== */
@media (min-width:981px) {
  body.eldoria-v61 #ContentRow {
    margin-top: 2cm !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V62 — CONTEÚDO PRINCIPAL +2CM PARA BAIXO
   Pedido: baixar mais 2 cm a mesma área da V61, mantendo o cabeçalho e
   a barra social no mesmo lugar. Total: 4 cm abaixo da posição original.
   ===================================================================== */
@media (min-width:981px) {
  body.eldoria-v62 #ContentRow {
    margin-top: 4cm !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V63 — BARRA SOCIAL: CONTEÚDO CENTRALIZADO NA FAIXA AZUL
   Centraliza verticalmente Discord / Instagram / Download / Jogadores
   Online e as bandeiras dentro da parte azul da arte, sem mover a barra.
   ===================================================================== */
body.eldoria-v63 .eldoria-social-strip-v11>a,
body.eldoria-v63 .eldoria-social-strip-v11>.eldoria-header-flags-v11 {
  transform: translateY(0.4cm) !important;
}

@media (max-width:980px) {

  body.eldoria-v63 .eldoria-social-strip-v11>a,
  body.eldoria-v63 .eldoria-social-strip-v11>.eldoria-header-flags-v11 {
    transform: translateY(0.25cm) !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V65 — PAINEL DO JOGADOR POR ESTADO + SUBMENUS TEMÁTICOS
   - Visitante: arte ENTRAR / DOWNLOAD / CRIAR CONTA.
   - Logado: arte CONTA / SAIR / DOWNLOAD com luz/saturação harmonizadas.
   - Os links continuam funcionais por áreas transparentes sobre a arte.
   - Remove emojis que viravam "?" e usa marcador medieval azul/dourado em CSS.
   ===================================================================== */
body.eldoria-v65 .eldoria-player-panel-v9 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  overflow: visible !important;
}

body.eldoria-v65 .eldoria-player-panel-v9.is-guest {
  background-image: url('images/site/ui-v65/account-panel-guest-v65.png') !important;
}

body.eldoria-v65 .eldoria-player-panel-v9.is-logged {
  background-image: url('images/site/ui-v65/account-panel-logged-v65.png') !important;
}

body.eldoria-v65 .eldoria-player-panel-v9:before,
body.eldoria-v65 .eldoria-player-panel-v9:after {
  display: none !important;
  content: none !important
}

body.eldoria-v65 .eldoria-player-panel-v9>.eldoria-panel-title-v9 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
}

body.eldoria-v65 .eldoria-player-actions-v9 {
  position: absolute !important;
  left: 11.2% !important;
  right: 9.8% !important;
  top: 29.1% !important;
  bottom: 9.3% !important;
  display: grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 3.1% !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 5 !important;
}

body.eldoria-v65 .eldoria-player-actions-v9 .eldoria-action-v9,
body.eldoria-v65 .eldoria-player-actions-v9 .eldoria-action-v9:hover,
body.eldoria-v65 .eldoria-player-actions-v9 .eldoria-action-v9:active,
body.eldoria-v65 .eldoria-player-actions-v9 .eldoria-action-v9:focus {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  font-size: 0 !important;
  transition: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.eldoria-v65 .eldoria-player-actions-v9 .eldoria-action-v9 span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/* Submenus: marcador medieval desenhado em CSS — sem emoji/charset quebrado. */
body.eldoria-v65 #MenuColumn .SubmenuitemLabel {
  position: relative !important;
  padding-left: 18px !important;
  font-size: 14px !important;
}

body.eldoria-v65 #MenuColumn .SubmenuitemLabel:before {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -4px !important;
  box-sizing: border-box !important;
  transform: rotate(45deg) !important;
  border: 1px solid #b97b1f !important;
  background: linear-gradient(135deg, #39a4ed 0 45%, #0b3d70 46% 100%) !important;
  box-shadow: 0 0 0 1px rgba(255, 220, 135, .42), 0 1px 2px rgba(0, 0, 0, .35) !important;
}

body.eldoria-v65 #MenuColumn .Submenuitem:hover .SubmenuitemLabel:before,
body.eldoria-v65 #MenuColumn .Submenuitem.ActiveSubmenuItem .SubmenuitemLabel:before {
  background: linear-gradient(135deg, #72c8ff 0 45%, #1766a1 46% 100%) !important;
  border-color: #d9a84b !important;
}

@media(max-width:980px) {
  body.eldoria-v65 .eldoria-player-panel-v9 {
    width: min(100%, 390px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* =====================================================================
   ELDORIA GLOBAL V66 — PAINEL DO JOGADOR VISÍVEL + ILUMINAÇÃO REFORÇADA
   - A arte agora é renderizada por <img> + fallback inline, evitando sumir.
   - PNGs V66 têm brilho, contraste, saturação e nitidez ajustados.
   ===================================================================== */
body.eldoria-v65 .eldoria-player-panel-v9 {
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  isolation: isolate !important;
}

body.eldoria-v65 .eldoria-player-panel-v9 .eldoria-player-panel-art-v66 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: fill !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 1 !important;
  filter: none !important;
}

body.eldoria-v65 .eldoria-player-panel-v9 .eldoria-player-actions-v9 {
  z-index: 6 !important
}


/* =====================================================================
   ELDORIA GLOBAL V67 — CORREÇÃO DO CABEÇALHO MOBILE
   - Remove o retângulo azul que ficava atrás do logo/menu no celular.
   - Mantém o botão hambúrguer à esquerda e o logo ao lado.
   - Recoloca a barra Discord/Download/Online dentro do fluxo do cabeçalho,
     evitando que ela fique solta/por cima de Últimas Atualizações.
   - Desktop permanece exatamente como na V66.
   ===================================================================== */
@media (max-width:980px) {
  body.eldoria-v67 .eldoria-header-v9 {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin: 2cm auto 8px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-rows: 58px auto !important;
    column-gap: 5px !important;
    row-gap: 2px !important;
    align-items: start !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.eldoria-v67 .eldoria-header-v9:before,
  body.eldoria-v67 .eldoria-header-v9:after {
    display: none !important;
    content: none !important;
  }

  body.eldoria-v67 .eldoria-mobile-menu {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: 42px !important;
    height: 40px !important;
    margin: 0 0 0 2px !important;
    z-index: 10002 !important;
  }

  body.eldoria-v67 .eldoria-brand-v10 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: min(215px, 72vw) !important;
    height: 56px !important;
    margin: 0 !important;
    background: url('images/site/mellorox-logo-v12.png') left center/contain no-repeat !important;
  }

  body.eldoria-v67 .eldoria-brand-v10 img {
    display: none !important;
  }

  body.eldoria-v67 .eldoria-social-strip-v11 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    grid-column: 1/3 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    width: min(100%, 760px) !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2172 / 416 !important;
    margin: 0 auto !important;
    padding-left: 14% !important;
    padding-right: 12% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    z-index: 20 !important;
  }

  body.eldoria-v67 .eldoria-social-strip-v11:before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url('images/site/ui-v33/social-bar-v35.png') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
  }

  body.eldoria-v67 .eldoria-social-strip-v11>a {
    transform: none !important;
    align-self: center !important;
  }

  body.eldoria-v67.eldoria-menu-open .eldoria-mobile-menu {
    position: fixed !important;
    left: 10px !important;
    right: auto !important;
    top: 2cm !important;
    margin: 0 !important;
  }
}

@media (max-width:560px) {
  body.eldoria-v67 .eldoria-header-v9 {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: 54px auto !important;
  }

  body.eldoria-v67 .eldoria-brand-v10 {
    width: min(205px, 70vw) !important;
    height: 52px !important;
  }

  body.eldoria-v67 .eldoria-social-strip-v11 {
    width: 100% !important;
    padding-left: 13.5% !important;
    padding-right: 11.5% !important;
    overflow: visible !important;
  }
}


/* V68 - arte principal no lugar dos dois cards da home */
body.eldoria-v68 .eldoria-home-art-v68 {
  width: 100% !important;
  margin: 10px 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  text-align: center !important;
}

body.eldoria-v68 .eldoria-home-art-v68 img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  filter: none !important;
}

@media (max-width:700px) {
  body.eldoria-v68 .eldoria-home-art-v68 {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }

  body.eldoria-v68 .eldoria-home-art-v68 img {
    width: 100% !important;
    height: auto !important;
  }
}

/* =====================================================================
   ELDORIA GLOBAL V69 — BAZAR/SHOP + PAINÉIS LATERAIS
   - Bazar passa a ficar acima de Loja / Shop.
   - Loja / Shop fica como último item do menu.
   - A arte dupla da home foi separada em dois painéis e movida para
     baixo da Loja / Shop, um painel abaixo do outro.
   ===================================================================== */
body.eldoria-v69 #EldoriaSideNav .eldoria-nav-group[data-menu-id="bazaar"] {
  order: 90 !important;
}

body.eldoria-v69 #EldoriaSideNav .eldoria-nav-group[data-menu-id="shop"] {
  order: 91 !important;
}

body.eldoria-v69 .eldoria-side-info-v69 {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 8px 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.eldoria-v69 .eldoria-side-info-v69 img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* A arte antiga da home não é mais exibida no conteúdo central. */
body.eldoria-v69 .eldoria-home-art-v68 {
  display: none !important;
}

@media(max-width:980px) {
  body.eldoria-v69 .eldoria-side-info-v69 {
    width: min(100%, 330px) !important;
    margin: 8px auto 14px !important;
    gap: 9px !important;
  }
}


/* =====================================================================
   ELDORIA GLOBAL V72 — PAINEL DO JOGADOR LIMPO
   - Remove a segunda arte que estava renderizada como background atrás do PNG.
   - Mantém apenas uma única imagem do painel, eliminando o quadrado/ghosting.
   - Fundo do container fica 100% transparente e sem borda/sombra.
   ===================================================================== */
body.eldoria-v72 .eldoria-player-panel-v9,
body.eldoria-v72 .eldoria-player-panel-v9.is-guest,
body.eldoria-v72 .eldoria-player-panel-v9.is-logged {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.eldoria-v72 .eldoria-player-panel-v9:before,
body.eldoria-v72 .eldoria-player-panel-v9:after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

body.eldoria-v72 .eldoria-player-panel-v9 .eldoria-player-panel-art-v66 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
}


/* =====================================================================
   ELDORIA GLOBAL V73 — PAINEL DO JOGADOR ISOLADO
   - Remove definitivamente qualquer herança das versões antigas do painel.
   - Não usa mais .eldoria-player-panel-v9, evitando background/ghost atrás.
   - A própria PNG define o tamanho; o wrapper é totalmente transparente.
   ===================================================================== */
body.eldoria-v73 .eldoria-account-panel-v73 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  line-height: 0 !important;
  isolation: isolate !important;
}

body.eldoria-v73 .eldoria-account-panel-v73:before,
body.eldoria-v73 .eldoria-account-panel-v73:after {
  display: none !important;
  content: none !important;
}

body.eldoria-v73 .eldoria-account-panel-art-v73 {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 1 !important;
}

body.eldoria-v73 .eldoria-account-actions-v73 {
  position: absolute !important;
  left: 11.2% !important;
  right: 9.8% !important;
  top: 29.1% !important;
  bottom: 9.3% !important;
  display: grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 3.1% !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 3 !important;
  line-height: normal !important;
}

body.eldoria-v73 .eldoria-account-actions-v73 .eldoria-action-v9,
body.eldoria-v73 .eldoria-account-actions-v73 .eldoria-action-v9:hover,
body.eldoria-v73 .eldoria-account-actions-v73 .eldoria-action-v9:active,
body.eldoria-v73 .eldoria-account-actions-v73 .eldoria-action-v9:focus {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  font-size: 0 !important;
  transition: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.eldoria-v73 .eldoria-account-actions-v73 .eldoria-action-v9 span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

@media(max-width:980px) {
  body.eldoria-v73 .eldoria-account-panel-v73 {
    width: min(100%, 390px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* =====================================================================
   ELDORIA GLOBAL V74 — SITE INTEIRO +2CM PARA BAIXO
   Pedido: deslocar o conjunto completo do site (header, barra social,
   menu esquerdo, conteúdo central e lateral direita) 2 cm para baixo.
   O background permanece fixo no viewport; somente o layout é deslocado.
   ===================================================================== */
body.eldoria-v74 #Bodycontainer,
body.eldoria-v75 #Bodycontainer {
  margin-top: 2cm !important;
  margin-bottom: 0 !important;
}


/* =====================================================================
   ELDORIA GLOBAL V70 — TRADUTOR DO MENU
   ===================================================================== */
.eldoria-nav-translator-item {
  transform: translate(9cm, -2cm) scale(1.4) !important;
  transform-origin: center center !important;
}

@media (max-width: 980px) {
  .eldoria-nav-translator-item {
    transform: translate(9cm, -1cm) scale(1.4) !important;
    transform-origin: center center !important;
  }
}


cat>>/www/wwwroot/www.melloroxwar.online/layouts/tibiacom/eldoria.css <<'EOF'

/* CORREÇÃO FINAL — RANKING EXTRA / OUTFITS */
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-rank-outfit,
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
  position: absolute !important;
  left: calc(28% - 19px) !important;
  top: calc(46% - 24px) !important;
  width: 29% !important;
  height: 96% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translate(-50%, -50%) scale(1.72) !important;
  transform-origin: center center !important;
  z-index: 20 !important;
}

@media (max-width:980px) {

  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-rank-outfit,
  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
    width: 29% !important;
    height: 96% !important;
    left: calc(28% - 19px) !important;
    top: calc(46% - 23px) !important;
    transform: translate(-50%, -50%) scale(1.55) !important;
  }
}

EOF

/* CORREÇÃO FINAL — RANKING EXTRA / OUTFITS */
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-rank-outfit,
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
  position: absolute !important;
  left: calc(28% - 19px) !important;
  top: calc(46% - 24px) !important;
  width: 29% !important;
  height: 96% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translate(-50%, -50%) scale(1.72) !important;
  transform-origin: center center !important;
  z-index: 20 !important;
}

@media (max-width:980px) {

  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-rank-outfit,
  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-addons .v23-rank-outfit {
    width: 29% !important;
    height: 96% !important;
    left: calc(28% - 19px) !important;
    top: calc(46% - 23px) !important;
    transform: translate(-50%, -50%) scale(1.55) !important;
  }
}

/* CORREÇÃO — OUTFITS TOP MONEY E TOP MOUNTS */
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-money .v23-rank-outfit,
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-mounts .v23-rank-outfit {
  position: absolute !important;
  left: 28% !important;
  top: 50% !important;
  width: 29% !important;
  height: 96% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translate(-50%, -50%) scale(1.72) !important;
  transform-origin: center center !important;
  z-index: 20 !important;
}

@media (max-width:980px) {

  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-money .v23-rank-outfit,
  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-mounts .v23-rank-outfit {
    width: 29% !important;
    height: 96% !important;
    left: 28% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1.55) !important;
  }
}


/* AJUSTE FINAL — TOP DINHEIRO E TOP MOUNTS */
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-money .v23-rank-outfit,
body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-mounts .v23-rank-outfit {
  left: calc(28% - 13px) !important;
  top: calc(50% - 25px) !important;
}

@media (max-width:980px) {

  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-money .v23-rank-outfit,
  body.eldoria-v41 .eldoria-extra-ranking-v23 .v23-group-mounts .v23-rank-outfit {
    left: calc(28% - 13px) !important;
    top: calc(50% - 25px) !important;
  }
}


/* ÍCONES SOCIAIS — MANTER CORES ORIGINAIS */
body.eldoria-v41 .eldoria-social-img-v11 {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}



/* INSTAGRAM — FORÇAR CORES ORIGINAIS */
body.eldoria-v41 .eldoria-social-strip-v11 a:nth-child(2) .eldoria-social-img-v11 {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
}

.footer-copyright {
  color: #fff !important;
}

/* =====================================================================
   ELDORIA GLOBAL V75 — CENTRALIZAÇÃO PERFEITA + ESTABILIDADE DO LAYOUT
   1) Remove a assimetria de padding-left (138px na V27) que empurrava
      todo o site para a direita e comia o espaço da esquerda.
   2) Centraliza perfeitamente o #Bodycontainer no viewport com margens automáticas
      e espaçamento lateral equilibrado.
   3) Centraliza o cabeçalho (.eldoria-header-v9) removendo o left: -40px.
   4) Trava a calha do scrollbar (scrollbar-gutter: stable e overflow-y: scroll)
      para que a tela útil nunca altere de largura e o fundo/layout jamais
      se desloque ou trema para os lados quando o jogador alternar opções.
   ===================================================================== */
/* Desktop com mouse: trava a calha do scrollbar para evitar tremor ao alternar opções */
@media (min-width: 981px) and (hover: hover) {
  html {
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
  }
}

/* Mobile / Touch: garante rolagem livre e suporte completo a pinch-to-zoom */
html, body {
  -webkit-text-size-adjust: 100%;
}

body #Bodycontainer,
body.eldoria-v9 #Bodycontainer,
body.eldoria-v11 #Bodycontainer,
body.eldoria-v13 #Bodycontainer,
body.eldoria-v15 #Bodycontainer,
body.eldoria-v17 #Bodycontainer,
body.eldoria-v27 #Bodycontainer,
body.eldoria-v74 #Bodycontainer,
body.eldoria-v75 #Bodycontainer {
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1560px !important;
  box-sizing: border-box !important;
}

body.eldoria-v27 .eldoria-header-v9 {
  left: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1450px) and (min-width: 981px) {
  body #Bodycontainer,
  body.eldoria-v27 #Bodycontainer {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* PADRÃO GLOBAL: BOTÃO DOURADO / SEARCH */

    .gold-shine-button {
        background: linear-gradient(180deg, #ffe082 0%, #ffca28 40%, #e6a100 75%, #b87a00 100%) !important;
        color: #2a1800 !important;
        border: 1px solid #ffe082 !important;
        border-radius: 8px !important;
        font-family: 'Cinzel', 'Outfit', Arial, sans-serif !important;
        font-weight: 900 !important;
        font-size: 13px !important;
        letter-spacing: 1.5px !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        box-shadow: 0 4px 15px rgba(230, 161, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -2px 4px rgba(0, 0, 0, 0.25) !important;
        transition: all 0.25s ease-in-out !important;
        outline: none !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .gold-shine-button::after {
        content: '';
        position: absolute;
        top: -50%;
        left: -60%;
        width: 40%;
        height: 200%;
        background: linear-gradient(60deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
        transform: rotate(25deg);
        transition: all 0.6s ease;
    }
    .gold-shine-button:hover::after {
        left: 130%;
    }
    .gold-shine-button:hover {
        background: linear-gradient(180deg, #fff8e1 0%, #ffd54f 40%, #ffb300 70%, #d48800 100%) !important;
        color: #1a0f00 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(255, 179, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
        border-color: #fff9c4 !important;
    }
    .gold-shine-button:active {
        transform: translateY(1px) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    }