/**
 * GoldenOT — Pages polish v2 (base = Latest News / GoldenOT tokens)
 * Carrega por último. Só visual. Contém floats e mata areia.
 */

/* ===== Character extra info (outfit/inventory/skills) ===== */
body.go-layout #go-main .go-char-extra,
body.go-layout #go-main .account_plus_information {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: var(--bg-panel) !important;
  border: 1px solid var(--border) !important;
  padding: 8px !important;
  margin: 0 0 12px 0 !important;
}

body.go-layout #go-main .go-char-extra-toggle {
  position: relative;
  background: var(--chrome-header-bg, #0c1520) !important;
  border: 1px solid var(--border) !important;
  color: var(--heading-sand) !important;
  padding: 8px 12px !important;
  margin-bottom: 10px !important;
  cursor: pointer;
  font-family: var(--font-display);
  font-weight: 700;
}

body.go-layout #go-main .go-char-extra-body {
  max-width: 100% !important;
  overflow: hidden !important;
}

body.go-layout #go-main .go-char-extra-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.go-layout #go-main .go-char-extra-col {
  flex: 1 1 240px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.go-layout #go-main .go-char-panel,
body.go-layout #go-main .Table30.go-char-panel {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 8px 0 !important;
  background: var(--bg-panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  table-layout: fixed !important;
}

body.go-layout #go-main .go-char-panel td,
body.go-layout #go-main .go-char-slot,
body.go-layout #go-main .go-char-label {
  background: rgba(51, 68, 89, 0.28) !important;
  background-color: rgba(51, 68, 89, 0.28) !important;
  color: var(--text) !important;
  border-color: var(--border-table-cell) !important;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

body.go-layout #go-main .go-char-skills {
  table-layout: fixed !important;
}

body.go-layout #go-main .go-char-skills td {
  font-size: 11px;
  padding: 4px 2px !important;
}

body.go-layout #go-main .go-char-skills .SkillIcon {
  width: 28px !important;
  height: auto !important;
  max-width: 100% !important;
}

/* ===== Coluna central: nunca vazar / sem scroll lateral da página ===== */
body.go-layout #go-main.go-col-md-6,
body.go-layout .go-col-md-3,
body.go-layout .go-col-md-6,
body.go-layout #go-sidebar-left,
body.go-layout #go-sidebar-right {
  min-width: 0 !important;
  max-width: 100%;
  overflow-x: hidden;
}

body.go-layout #go-main {
  overflow-x: hidden;
}

body.go-layout #go-main .content-bg,
body.go-layout #go-main .go-main-inner,
body.go-layout #go-main .content-txt {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden;
  background-color: var(--bg-panel) !important;
}

/* Texto quebra dentro da coluna sem deformar tabelas */
body.go-layout #go-main td,
body.go-layout #go-main th,
body.go-layout #go-main p,
body.go-layout #go-main li {
  word-wrap: break-word;
}

body.go-layout #go-main .content-bg {
  border: 1px solid var(--border);
  padding: 10px 8px;
}

body.go-layout #go-main .TableContainer,
body.go-layout #go-main .InnerTableContainer,
body.go-layout #go-main .BoxContent,
body.go-layout #go-main .TableContentContainer {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
}

body.go-layout #go-main .InnerTableContainer::after,
body.go-layout #go-main .BoxContent::after,
body.go-layout #go-main .TableContentContainer::after {
  content: "";
  display: table;
  clear: both;
}

/* ===== Table30 (personagem / inventário) — principal vazamento ===== */
body.go-layout #go-main .Table30,
body.go-layout #go-main table.Table30 {
  float: none !important;
  clear: both !important;
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px 0 !important;
  padding: 2px !important;
  background: var(--bg-panel) !important;
  background-color: var(--bg-panel) !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  border-spacing: 2px !important;
}

body.go-layout #go-main .Table30 td,
body.go-layout #go-main table.Table30 td {
  background-color: transparent !important;
  color: var(--text) !important;
  border-color: var(--border-table-cell) !important;
  float: none !important;
}

/* Células areia inline / bgcolor → dark striping */
body.go-layout #go-main .Table30 tr[bgcolor],
body.go-layout #go-main .Table30 td[style*="background-color"],
body.go-layout #go-main .Table30 td[bgcolor],
body.go-layout #go-main tr[bgcolor="#D4C0A1"],
body.go-layout #go-main tr[bgcolor="#d4c0a1"],
body.go-layout #go-main tr[bgcolor="#F1E0C6"],
body.go-layout #go-main tr[bgcolor="#f1e0c6"],
body.go-layout #go-main td[bgcolor="#D4C0A1"],
body.go-layout #go-main td[bgcolor="#d4c0a1"],
body.go-layout #go-main td[bgcolor="#F1E0C6"],
body.go-layout #go-main td[bgcolor="#f1e0c6"],
body.go-layout #go-main [bgcolor="#D4C0A1"],
body.go-layout #go-main [bgcolor="#d4c0a1"],
body.go-layout #go-main [bgcolor="#F1E0C6"],
body.go-layout #go-main [bgcolor="#f1e0c6"],
body.go-layout #go-main [bgcolor="#f0dfc4"],
body.go-layout #go-main [bgcolor="#F0DFC4"] {
  background: rgba(51, 68, 89, 0.25) !important;
  background-color: rgba(51, 68, 89, 0.25) !important;
  background-image: none !important;
  color: var(--text) !important;
}

body.go-layout #go-main .Table30 tr:nth-child(even) td,
body.go-layout #go-main table.TableContent tr:nth-child(even) td {
  background-color: rgba(6, 18, 23, 0.55) !important;
}

body.go-layout #go-main .Table30 tr:nth-child(odd) td,
body.go-layout #go-main table.TableContent tr:nth-child(odd) td {
  background-color: rgba(51, 68, 89, 0.28) !important;
}

/* Progress bars (HP/MP/EXP) */
body.go-layout #go-main .progress {
  background-color: #0a1820 !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  height: 16px !important;
  overflow: hidden !important;
}

body.go-layout #go-main .progress-bar {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.go-layout #go-main .progress-bar.bg-danger {
  background-color: #b22222 !important;
}

body.go-layout #go-main .progress-bar.bg-default,
body.go-layout #go-main .progress-bar.bg-info {
  background-color: #1e4d8c !important;
}

body.go-layout #go-main .progress-bar.bg-success {
  background-color: #2e7d32 !important;
}

body.go-layout #go-main .SkillIcon {
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  background: #0a1820 !important;
}

/* Outfits / items visíveis e contidos */
body.go-layout #go-main img.outfitImgsell2,
body.go-layout #go-main img.outfitImgsell,
body.go-layout #go-main img.Outfit {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 4px auto !important;
  display: inline-block !important;
  width: 64px !important;
  height: 64px !important;
  max-width: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.go-layout #go-main img.CharItems,
body.go-layout #go-main img.SkillIcon,
body.go-layout #go-main img.monster-image,
body.go-layout #go-main img[src*="animoutfit"],
body.go-layout #go-main img[src*="/images/shop/items/"],
body.go-layout #go-main img[src*="/images/monsters/"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: none !important;
  background: transparent !important;
}

body.go-layout #go-main div[style*="position: relative"][style*="width: 32px"] {
  width: 56px !important;
  height: 56px !important;
  overflow: visible !important;
}

/* ===== Matar fundos claros / gradientes (sem tocar sprites) ===== */
body.go-layout #go-main [style*="linear-gradient"]:not([style*="animoutfit"]):not([style*="AnimatedOutfits"]):not([style*="/items/"]),
body.go-layout #go-main [style*="background: #F1E0C6"],
body.go-layout #go-main [style*="background:#F1E0C6"],
body.go-layout #go-main [style*="background: #D4C0A1"],
body.go-layout #go-main [style*="background:#D4C0A1"],
body.go-layout #go-main [style*="background: #f0dfc4"],
body.go-layout #go-main [style*="background:#f0dfc4"],
body.go-layout #go-main [style*="background: #FFF9E6"],
body.go-layout #go-main [style*="background:#FFF9E6"],
body.go-layout #go-main [style*="background: #FFFFFF"],
body.go-layout #go-main [style*="background:#FFFFFF"],
body.go-layout #go-main [style*="background: #ffffff"],
body.go-layout #go-main [style*="background: white"],
body.go-layout #go-main [style*="background:white"],
body.go-layout #go-main [style*="#FFF9E6"],
body.go-layout #go-main [style*="#f8f9fa"],
body.go-layout #go-main [style*="#e9ecef"],
body.go-layout #go-main [style*="#667eea"],
body.go-layout #go-main [style*="#764ba2"],
body.go-layout #go-main [style*="#FFE4B3"] {
  background: var(--bg-panel) !important;
  background-image: none !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}

body.go-layout #go-main input[style*="background: white"],
body.go-layout #go-main input[style*="background:white"],
body.go-layout #go-main input[style*="background: #fff"],
body.go-layout #go-main input[style*="background:#fff"] {
  background: var(--bg-input) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* ===== Event / custom pages ===== */
body.go-layout #go-main .section-box,
body.go-layout #go-main .section-header,
body.go-layout #go-main .section-content,
body.go-layout #go-main .battlefield-hero,
body.go-layout #go-main .battlefield-stat-box,
body.go-layout #go-main .battlefield-info-item,
body.go-layout #go-main .battlefield-rewards-box,
body.go-layout #go-main .citywar-hero,
body.go-layout #go-main .citywar-stat-box,
body.go-layout #go-main .citywar-info-item,
body.go-layout #go-main .citywar-cta-box,
body.go-layout #go-main .snowball-hero,
body.go-layout #go-main .snowball-stat-box,
body.go-layout #go-main .snowball-info-item,
body.go-layout #go-main .snowball-rewards-box,
body.go-layout #go-main .bomberman-hero,
body.go-layout #go-main .bomberman-stat-box,
body.go-layout #go-main .bomberman-info-item,
body.go-layout #go-main .bomberman-rewards-box,
body.go-layout #go-main .raids-container,
body.go-layout #go-main .raids-hero,
body.go-layout #go-main .raids-navigation,
body.go-layout #go-main .raids-section,
body.go-layout #go-main .raids-table,
body.go-layout #go-main .raids-nav-link,
body.go-layout #go-main .npc-items-container,
body.go-layout #go-main .filters-container,
body.go-layout #go-main .npc-tab,
body.go-layout #go-main .stats-bar,
body.go-layout #go-main .item-card,
body.go-layout #go-main .stat-card,
body.go-layout #go-main .downloads-header,
body.go-layout #go-main .downloads-title,
body.go-layout #go-main .download-card,
body.go-layout #go-main .download-card-featured,
body.go-layout #go-main .download-card .description,
body.go-layout #go-main .download-card-featured .description {
  background: var(--bg-panel) !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--text) !important;
  transform: none !important;
  animation: none !important;
}

body.go-layout #go-main .floating-particles {
  display: none !important;
}

body.go-layout #go-main .section-title,
body.go-layout #go-main .battlefield-hero h1,
body.go-layout #go-main .citywar-hero h1,
body.go-layout #go-main .snowball-hero h1,
body.go-layout #go-main .bomberman-hero h1,
body.go-layout #go-main .raids-hero h1,
body.go-layout #go-main .monster-name,
body.go-layout #go-main .item-name,
body.go-layout #go-main .item-price,
body.go-layout #go-main .stat-value,
body.go-layout #go-main h1,
body.go-layout #go-main h2,
body.go-layout #go-main h3 {
  color: var(--gold) !important;
  text-shadow: none !important;
  font-family: var(--font-display) !important;
}

body.go-layout #go-main .npc-tab.active {
  color: var(--gold) !important;
  border-color: var(--gold) !important;
  background: #0a1820 !important;
}

body.go-layout #go-main .filter-input,
body.go-layout #go-main .filter-select {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 0 !important;
}

body.go-layout #go-main .citywar-btn,
body.go-layout #go-main .bomberman-btn,
body.go-layout #go-main .snowball-btn {
  background: #1e4d8c !important;
  border: 1px solid var(--border) !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* ===== Tipografia fiel à Latest News ===== */
body.go-layout #go-main,
body.go-layout #go-main p,
body.go-layout #go-main li,
body.go-layout #go-main label,
body.go-layout #go-main td,
body.go-layout #go-main th,
body.go-layout #go-main small,
body.go-layout #go-main b,
body.go-layout #go-main strong {
  font-family: var(--font-body);
}

body.go-layout #go-main .CaptionContainer .Text,
body.go-layout #go-main .Text {
  color: var(--heading-sand) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
}

body.go-layout #go-main a {
  color: var(--text-link) !important;
}

/* ============================================================
   BLINDAGEM FINAL — qualquer resto de tema claro vira dark
   ============================================================ */

/* 1) Qualquer célula/linha com bgcolor legado → striping dark */
body.go-layout #go-main tr[bgcolor],
body.go-layout #go-main td[bgcolor],
body.go-layout #go-main th[bgcolor],
body.go-layout #go-main table[bgcolor] {
  background: rgba(51, 68, 89, 0.28) !important;
  background-color: rgba(51, 68, 89, 0.28) !important;
  background-image: none !important;
  color: var(--text) !important;
}

body.go-layout #go-main tr[bgcolor]:nth-child(even),
body.go-layout #go-main tr[bgcolor]:nth-child(even) td {
  background-color: rgba(6, 18, 23, 0.55) !important;
}

/* 2) Células com background-color inline (sprites ficam: são <img> filhos) */
body.go-layout #go-main td[style*="background-color"],
body.go-layout #go-main th[style*="background-color"],
body.go-layout #go-main tr[style*="background-color"] {
  background-color: rgba(51, 68, 89, 0.28) !important;
  color: var(--text) !important;
}

/* 3) Hexes claros restantes (scan 100% site + áreas logadas) */
body.go-layout #go-main [style*="#fafafa"],
body.go-layout #go-main [style*="#FAFAFA"],
body.go-layout #go-main [style*="#f9f9f9"],
body.go-layout #go-main [style*="#F9F9F9"],
body.go-layout #go-main [style*="#fff3e6"],
body.go-layout #go-main [style*="#FFF3E6"],
body.go-layout #go-main [style*="#eef6fa"],
body.go-layout #go-main [style*="#EEF6FA"],
body.go-layout #go-main [style*="#fcbebe"],
body.go-layout #go-main [style*="#FCBEBE"],
body.go-layout #go-main [style*="#ffe4b5"],
body.go-layout #go-main [style*="#FFE4B5"],
body.go-layout #go-main [style*="#faf0d7"],
body.go-layout #go-main [style*="#FAF0D7"],
body.go-layout #go-main [style*="#fff9f0"],
body.go-layout #go-main [style*="#FFF9F0"],
body.go-layout #go-main [style*="#d5c7a5"],
body.go-layout #go-main [style*="#D5C7A5"],
body.go-layout #go-main [style*="#a89968"],
body.go-layout #go-main [style*="#b8a080"],
body.go-layout #go-main [style*="#B8A080"],
body.go-layout #go-main [style*="#d5c0a1"],
body.go-layout #go-main [style*="#D5C0A1"],
body.go-layout #go-main [style*="#e8e8e8"],
body.go-layout #go-main [style*="#E8E8E8"],
body.go-layout #go-main [style*="#cccccc"],
body.go-layout #go-main [style*="#CCCCCC"],
body.go-layout #go-main [style*="#c0c0c0"],
body.go-layout #go-main [style*="#C0C0C0"],
body.go-layout #go-main [style*="#d4a017"],
body.go-layout #go-main [style*="#D4A017"],
body.go-layout #go-main [bgcolor="#eef6fa"],
body.go-layout #go-main [bgcolor="#fcbebe"],
body.go-layout #go-main [bgcolor="#FCBEBE"] {
  background: var(--bg-panel) !important;
  background-image: none !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* 4) Textos escuros inline → legíveis no dark */
body.go-layout #go-main [style*="color: #000"],
body.go-layout #go-main [style*="color:#000"],
body.go-layout #go-main [style*="color: black"],
body.go-layout #go-main [style*="color:black"],
body.go-layout #go-main [style*="color: #333"],
body.go-layout #go-main [style*="color:#333"],
body.go-layout #go-main [style*="color: #444"],
body.go-layout #go-main [style*="color:#444"],
body.go-layout #go-main [style*="color: #222"],
body.go-layout #go-main [style*="color:#222"],
body.go-layout #go-main [style*="color:#2c1810"],
body.go-layout #go-main [style*="color: #2c1810"],
body.go-layout #go-main [style*="color:#654321"],
body.go-layout #go-main [style*="color: #654321"],
body.go-layout #go-main font[color="black"],
body.go-layout #go-main font[color="#000000"],
body.go-layout #go-main font[color="#000"] {
  color: var(--text) !important;
}

/* 4a) Ferobra usa .TableContainer{font-size:1px} (truque de sombras) — texto sumia */
body.go-layout #go-main .TableContainer {
  font-size: 13px !important;
}

/* Mesmo truque em TableContentAndRightShadow / TableContentContainer (ex.: Houses) */
body.go-layout #go-main .TableContentAndRightShadow,
body.go-layout #go-main .TableContentContainer,
body.go-layout #go-main .TableShadowContainerRightTop,
body.go-layout #go-main .InnerTableContainer,
body.go-layout #go-main .Table5 {
  font-size: 13px !important;
}

body.go-layout #go-main .TableContainer td,
body.go-layout #go-main .TableContainer th,
body.go-layout #go-main .TableContent td,
body.go-layout #go-main .TableContentAndRightShadow td,
body.go-layout #go-main .TableContentContainer td,
body.go-layout #go-main .go-house-info,
body.go-layout #go-main .go-house-info td,
body.go-layout #go-main .go-house-info b {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: var(--text) !important;
}

body.go-layout #go-main .go-house-info {
  display: block;
  padding: 10px 12px;
  background: rgba(51, 68, 89, 0.28);
  border: 1px solid var(--border);
  color: var(--text) !important;
}

body.go-layout #go-main .go-house-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--heading-sand) !important;
  text-align: center;
  margin: 0 0 10px;
}

/* 4b) Ferobra pinta os TR (com !important) — tds transparentes deixavam vazar areia */
body.go-layout #go-main .TableStripped tr,
body.go-layout #go-main .TableContainer .Even,
body.go-layout #go-main .Content .BoxContent .Even,
body.go-layout #go-main .BoxContent .Even {
  background: rgba(6, 18, 23, 0.55) !important;
  background-color: rgba(6, 18, 23, 0.55) !important;
  color: var(--text) !important;
}

body.go-layout #go-main .TableStripped tr:nth-child(2n+1),
body.go-layout #go-main .TableContainer .Odd,
body.go-layout #go-main .Content .BoxContent .Odd,
body.go-layout #go-main .BoxContent .Odd {
  background: rgba(51, 68, 89, 0.28) !important;
  background-color: rgba(51, 68, 89, 0.28) !important;
  color: var(--text) !important;
}

body.go-layout #go-main .TableStripped tr:first-child {
  background: #0c1520 !important;
  background-color: #0c1520 !important;
  color: var(--heading-sand) !important;
}

body.go-layout #go-main .TableStripped tr:first-child td {
  color: var(--heading-sand) !important;
}

/* 4c) Caixas/labels ferobra ainda areia */
body.go-layout #go-main .LabelH,
body.go-layout #go-main .LabelH td,
body.go-layout #go-main .Container2_PaymentMethod,
body.go-layout #go-main .breadcumb,
body.go-layout #go-main .wiki_submenu,
body.go-layout #go-main .wiki_submenu li:hover,
body.go-layout #go-main .wiki_text,
body.go-layout #go-main .PostSeparatorV,
body.go-layout #go-main .SmallBox .ErrorMessage,
body.go-layout #go-main .SmallBox .SuccessMessage,
body.go-layout #go-main .SmallBox .Message,
body.go-layout #go-main #tabs .markItUp,
body.go-layout #go-main .Content .Box,
body.go-layout #go-main .Content .BoxContent {
  background: var(--bg-panel) !important;
  background-color: var(--bg-panel) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

body.go-layout #go-main #ProgressBar .Tube {
  background-color: #0a1820 !important;
}

/* 4d) Texto marrom-escuro ferobra (#5A2800 etc.) → legível no dark */
body.go-layout #go-main .Content .Box,
body.go-layout #go-main .Content .BoxContent,
body.go-layout #go-main .Content .BoxContent td,
body.go-layout #go-main .wiki_menu,
body.go-layout #go-main .wiki_menu a,
body.go-layout #go-main .wiki_menu li,
body.go-layout #go-main .wiki_submenu a,
body.go-layout #go-main .ff_info,
body.go-layout #go-main .ff_infotext,
body.go-layout #go-main .ff_smallinfo,
body.go-layout #go-main .ff_large,
body.go-layout #go-main .ff_pagetext,
body.go-layout #go-main .InnerTableTab a,
body.go-layout #go-main #TopBox,
body.go-layout #go-main #HelperDivContainer {
  color: var(--text) !important;
}

body.go-layout #ouibounce-modal .modal {
  background: var(--bg-panel) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

/* 5) Captions/labels sand → sempre visíveis */
body.go-layout #go-main .Text,
body.go-layout #go-main .CaptionContainer .Text,
body.go-layout #go-main .CaptionInnerContainer .Text {
  color: var(--heading-sand) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 5b) Inputs/selects/textarea dark em todo o site */
body.go-layout #go-main input:not([type="checkbox"]):not([type="radio"]):not([type="image"]),
body.go-layout #go-main select,
body.go-layout #go-main textarea {
  background-color: #0a1820 !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

body.go-layout #go-main input[type="submit"],
body.go-layout #go-main input[type="button"],
body.go-layout #go-main button {
  background-color: #1e4d8c !important;
  color: #fff !important;
  border: 1px solid var(--border) !important;
  cursor: pointer;
}

/* 5c) Tabelas largas: scroll interno em vez de vazar para fora do painel */
body.go-layout #go-main .InnerTableContainer,
body.go-layout #go-main .TableContentContainer,
body.go-layout #go-main .raids-section {
  overflow-x: auto !important;
  max-width: 100% !important;
}

/* Tabelas-wrapper (Table1..5): colunas fixas para o conteúdo interno rolar
   dentro do painel em vez de empurrar a largura para fora do site */
body.go-layout #go-main table.Table1,
body.go-layout #go-main table.Table2,
body.go-layout #go-main table.Table3,
body.go-layout #go-main table.Table4,
body.go-layout #go-main table.Table5 {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.go-layout #go-main .TableContainer {
  max-width: 100% !important;
  overflow-x: auto !important;
  box-sizing: border-box !important;
}

/* 5d) Grids de stats dos eventos: quebram linha em vez de vazar */
body.go-layout #go-main .battlefield-stats-grid,
body.go-layout #go-main .citywar-stats-grid,
body.go-layout #go-main .snowball-stats-grid,
body.go-layout #go-main .bomberman-stats-grid,
body.go-layout #go-main .bomberman-schedule-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-width: 100% !important;
}

body.go-layout #go-main .battlefield-stat-box,
body.go-layout #go-main .citywar-stat-box,
body.go-layout #go-main .snowball-stat-box,
body.go-layout #go-main .bomberman-stat-box,
body.go-layout #go-main .bomberman-schedule-time {
  flex: 1 1 130px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* 5e) Pontuais: horários BomberMan e badge do download claros */
body.go-layout #go-main .bomberman-schedule-time {
  background: var(--bg-panel) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

body.go-layout #go-main .info-badge,
body.go-layout #go-main .download-card .info-badge,
body.go-layout #go-main .download-card-featured .info-badge,
body.go-layout #go-main div.info-badge {
  background: rgba(46, 125, 50, 0.22) !important;
  background-image: none !important;
  color: #9fd6a4 !important;
  border: 1px solid rgba(46, 125, 50, 0.5) !important;
  border-radius: 0 !important;
}

/* 5e2) Botões legados (BigButton/sbutton GIF) → flat estilo GoldenOT
   O JS flat-buttons.js troca o GIF por <button class="go-flatbtn"> */
body.go-layout .go-flatbtn-box {
  background: none !important;
  background-image: none !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  margin: 3px 4px 3px 0 !important;
  padding: 0 !important;
}

body.go-layout .go-flatbtn {
  display: inline-block;
  padding: 7px 16px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  color: #fff !important;
  background-color: #3d5a80 !important;
  border: 1px solid #2c4460 !important;
  border-radius: 3px !important;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.2;
  transition: background-color 0.15s ease;
}

body.go-layout .go-flatbtn:hover {
  background-color: #4d6f9d !important;
}

body.go-layout .go-flatbtn-green {
  background-color: #2e7d32 !important;
  border-color: #1f5723 !important;
}

body.go-layout .go-flatbtn-green:hover {
  background-color: #3a9440 !important;
}

body.go-layout .go-flatbtn-red {
  background-color: #a83232 !important;
  border-color: #7c2222 !important;
}

body.go-layout .go-flatbtn-red:hover {
  background-color: #c23e3e !important;
}

body.go-layout .go-flatbtn-blue {
  background-color: #3d5a80 !important;
  border-color: #2c4460 !important;
}

body.go-layout .go-flatbtn-blue:hover {
  background-color: #4d6f9d !important;
}

body.go-layout .go-flatbtn-muted {
  background-color: #4a5564 !important;
  border-color: #363e4a !important;
  color: #e8edf4 !important;
}

body.go-layout .go-flatbtn-muted:hover {
  background-color: #5a6574 !important;
}

body.go-layout .go-reg-actions {
  display: flex !important;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 14px 0 6px;
  padding: 0;
  clear: both;
}

body.go-layout .go-reg-actions form {
  margin: 0 !important;
  display: inline-flex;
}

body.go-layout .go-reg-actions .go-flatbtn {
  min-width: 110px;
  text-align: center;
  padding: 8px 20px;
  font-size: 13px;
}

/* Estruturas remanescentes do sprite (se o JS ainda não rodou) somem */
body.go-layout .go-flatbtn-box .BigButtonOver,
body.go-layout .go-flatbtn-box .MediumButtonOver {
  display: none !important;
}

/* ===== Área logada: avisos (SmallBox/HintBox) contidos e dark ===== */
body.go-layout #go-main .SmallBox {
  font-size: 12px !important;
  margin: 0 0 10px 0;
}

body.go-layout #go-main .SmallBox [class*="BoxFrame"],
body.go-layout #go-main .SmallBox .AttentionSign {
  display: none !important;
}

body.go-layout #go-main .SmallBox .MessageContainer {
  border: 1px solid var(--border);
  background: var(--bg-panel) !important;
}

body.go-layout #go-main .SmallBox .Message,
body.go-layout #go-main .SmallBox .ErrorMessage,
body.go-layout #go-main .SmallBox .SuccessMessage {
  background: var(--bg-panel) !important;
  color: var(--text) !important;
  padding: 10px 12px !important;
  overflow: hidden;
  font-size: 12px !important;
}

body.go-layout #go-main .SmallBox .SuccessMessage {
  color: #7bd47e !important;
}

body.go-layout #go-main .SmallBox .ErrorMessage {
  color: #e07a7a !important;
}

body.go-layout #go-main .SmallBox p {
  margin: 4px 0 !important;
  color: var(--text) !important;
}

body.go-layout #go-main .HintBox {
  width: 100% !important;
  margin-top: 0 !important;
}

body.go-layout #go-main .HintBox td {
  overflow: hidden;
}

body.go-layout #go-main .HintBox .BoxButtons {
  width: auto !important;
  float: right;
  margin: 0 0 6px 10px;
}

/* Download box do account management: link contido */
body.go-layout #go-main #DowloadBox {
  position: relative;
  float: right;
}

/* 5f) Links minúsculos inline (ex.: "info" 7px em guilds) */
body.go-layout #go-main a[style*="font-size: 7"],
body.go-layout #go-main a[style*="font-size:7"],
body.go-layout #go-main a[style*="font-size: 6"],
body.go-layout #go-main a[style*="font-size:6"] {
  font-size: 10px !important;
}

/* ===== Highscores: filtros no topo + outfit centrado + pager ===== */
body.go-layout #go-main .go-hs-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  background: var(--bg-panel) !important;
  border: 1px solid var(--border);
  padding: 8px 10px;
  margin: 0 0 10px 0;
  box-sizing: border-box;
}

body.go-layout #go-main .go-hs-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
}

body.go-layout #go-main .go-hs-cat {
  display: inline-block;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  font-family: var(--font-body);
  color: var(--text-link) !important;
  background: #0a1820 !important;
  border: 1px solid var(--border) !important;
  text-decoration: none;
  line-height: 1.2;
  white-space: nowrap;
}

body.go-layout #go-main .go-hs-cat:hover {
  border-color: var(--gold) !important;
}

body.go-layout #go-main .go-hs-cat.active {
  color: var(--gold) !important;
  border-color: var(--gold) !important;
}

body.go-layout #go-main .go-hs-voc {
  margin: 0;
  flex: 0 0 auto;
}

body.go-layout #go-main .go-hs-voc select {
  padding: 4px 8px;
  font-size: 11px;
  max-width: 140px;
}

body.go-layout #go-main .go-hs-outfit {
  text-align: center;
  vertical-align: middle;
}

body.go-layout #go-main .go-hs-outfit-box {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

body.go-layout #go-main .go-hs-outfit-img {
  position: absolute;
  width: 64px;
  height: 80px;
  right: 0;
  bottom: 0;
  background-position: bottom right;
  background-repeat: no-repeat;
}

body.go-layout #go-main .go-hs-pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

body.go-layout #go-main .go-hs-pager a {
  color: var(--text-link) !important;
  font-weight: 700;
  text-decoration: none;
}

/* 6) Imagens de conteúdo contidas (arte do jogo mantém max-width:none via !important) */
body.go-layout #go-main img {
  max-width: 100%;
  height: auto;
}

/* Houses: max-width:100% em <td> estreito colapsava a foto para 0x0 */
body.go-layout #go-main img.go-house-img,
body.go-layout #go-main img[src*="/images/house/"] {
  max-width: none !important;
  width: 300px !important;
  height: auto !important;
  display: inline-block !important;
  border: 1px solid var(--border) !important;
}

body.go-layout #go-main .SmallBox:has(img.go-house-img) .Message,
body.go-layout #go-main .SmallBox:has(img[src*="/images/house/"]) .Message {
  overflow: visible !important;
  width: auto !important;
  min-width: 300px;
}

body.go-layout #go-main table {
  max-width: 100% !important;
}

/* ===== Responsive ===== */
@media (max-width: 991.98px) {
  body.go-layout #go-main .content-bg {
    padding: 8px 4px;
  }

  body.go-layout #go-main .Table30,
  body.go-layout #go-main table.TableContent {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
  }

  body.go-layout #go-main .go-char-extra-grid {
    flex-direction: column;
  }
}