/* Arena Baiak: vinho, rubi e ouro antigo; conteúdo em pergaminho claro. */
:root {
  --arena-canvas: #180a10;
  --arena-wine: #701317;
  --arena-wine-dark: #400a0d;
  --arena-ruby: #981b20;
  --arena-ruby-hover: #b52d2b;
  --arena-gold: #e7c786;
  --arena-bronze: #99734b;
  --arena-paper: #fff3e5;
  --arena-paper-alt: #f3dfcd;
  --arena-ink: #402018;
}
html { scrollbar-color: var(--arena-ruby) var(--arena-canvas); }
body {
  background-color: var(--arena-canvas) !important;
  background-image: linear-gradient(180deg, rgba(24,10,16,.25), rgba(24,10,16,.68)), url('/images/backgrounds/arena-background.png') !important;
  background-attachment: fixed !important;
  color: var(--arena-paper);
  caret-color: var(--arena-ruby);
}
::selection { color: #fff8ec; background: #981b20; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: #180a10; }
::-webkit-scrollbar-thumb { background: #981b20; border: 3px solid #180a10; border-radius: 8px; }
a { text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #bc7137 !important;
  outline-offset: 3px;
}
.inputbk {
  background: var(--arena-wine-dark) !important;
  color: #fff3e5;
  border-color: #ad8861;
  box-shadow: 0 2px 6px rgba(15, 4, 9, .35);
}
.inputbk::placeholder { color: #e8cbbc; opacity: 1; }
#LeftArtwork #TibiaLogoArtworkTop { object-fit: contain; }
.MobileTibiaLogo {
  background-image: url('../arena-logo-cartoon.png') !important;
  width: 138px;
  height: 96px;
}
#MobileMenu, #MobileMenu .MobileNavigationMainElement {
  background-color: var(--arena-wine-dark) !important;
}
#Menu, .MenuButton, .MenuButtonOver, .menuitem .MenuButton,
.SmallMenuBox, .SmallBoxButtonContainer {
  background-image: none !important;
  background-color: var(--arena-wine-dark) !important;
}
.MenuButton { border-bottom: 1px solid #99734b; }
.MenuButton:hover, .MenuButtonOver {
  background-color: var(--arena-wine) !important;
}
.SubmenuitemLabel, .Submenuitem {
  background-color: var(--arena-wine-dark) !important;
  border-color: #724337 !important;
  color: #f1d49d !important;
  text-shadow: none !important;
}
.SubmenuitemLabel:hover, .Submenuitem:hover {
  background-color: var(--arena-wine) !important;
}
.Content .Box { background-color: #e9c8b0; color: var(--arena-ink); }
.Content .BoxContent {
  background-color: var(--arena-paper) !important;
  color: var(--arena-ink) !important;
}
.Content .BoxContent td { color: var(--arena-ink); }
.Content .BoxContent a:not(.btn):not(.Button):not(.sot-mascot-link) {
  color: #821b20;
}
.Content .BoxContent a:hover { color: #a62427; }
.Content .BorderTitleText, .TableContainer .CaptionContainer {
  background-color: var(--arena-wine-dark) !important;
  background-image: none !important;
  color: #f7dfaf !important;
}
.Content th {
  background-color: #701317 !important;
  color: #fff3e5 !important;
}
.InfoBar { color: #fff3e5; }
.InfoBar a, .InfoBar a:visited, .InfoBar a:hover { color: #fff3e5; }
.InfoBar blink { background: transparent !important; }
.TableContainer .Odd { background-color: #f3dfcd; }
.TableContainer .Even { background-color: #fff3e5; }
.CookieConsentWindow, .PromoPopup__controls {
  background-color: #f3dfcd !important;
  color: #402018 !important;
}
.CookieConsentWindow__title, .CookieConsentWindow__heading { color: #701317; }
.PromoPopup__backdrop, .FeaturedModal__backdrop { background: rgba(24, 6, 13, .9) !important; }
.PromoPopup__image, #FeaturedArticleImage { background: transparent !important; }
.sot-mascot-tool, #arenabaiak-mascot-recall {
  background: #701317 !important;
  border-color: #99734b !important;
  color: #f7dfaf !important;
}
.sot-mascot-bubble {
  background: #fff3e5 !important;
  color: #402018 !important;
  border-color: #99734b !important;
}
@media (max-width: 767px) {
  body { background-attachment: scroll !important; }
  #MobileMenu { border-bottom-color: #99734b !important; }
  .MobileMenuItems { background-color: #400a0d !important; }
  .MobileMenuItems a { color: #f7dfaf !important; }
}

body { background-size: cover !important; background-position: center top !important; }

.Content .BoxContent td[style*="newsheadline_background"] {
  background: #701317 !important;
  color: #fff3e5 !important;
  text-shadow: none !important;
}

/* Vermelho clássico inspirado nas molduras Castle War/View Highscores. */
#Menu .MenuButton .Button {
  background-image: linear-gradient(180deg, #9d2824, #5c0c10) !important;
}