body {
  margin: 0px;
  padding: 0px;
  background-color: #051122;
}

img {
  border: none;
}

#ArtworkHelper {
  text-align: center;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-width: 1000px;
}

/* helper div */
.HelperDivIndicator {
  position: relative;
  cursor: help;
}
.OptionContainer {
  text-align: center;
}

#HelperDivContainer {
  display: none;
  position: absolute;
  width: 225px;
  z-index: 1000;
  color: #5a2800;
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 9pt;
  text-align: left;
  padding: 10px;
  border: 1px double #5a2800;
  margin-left: 8px;
}

#HelperDivContainer .HelperDivArrow {
  position: absolute;
  top: -1px;
  left: -8px;
  width: 8px;
  height: 13px;
}

#HelperDivContainer #HelperDivHeadline {
  font-size: 12pt;
  font-weight: bold;
}

#HelperDivContainer #HelperDivHeadline {
  position: relative;
  white-space: normal;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}

#HelperDivContainer .Ornament {
  width: 220px;
}

#HelperDivContainer #HelperDivText {
  text-align: center;
}

#HelperDivContainer #HelperDivText ul {
  padding-left: 20px;
}

/* container to implement min/max width */
#Bodycontainer {
  text-align: left;
  min-width: 1000px;
  max-width: 1280px;
  width: 100%;
  height: 100%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  display: table;
  width: expression(document.body.clientWidth > 1200? '1200px': '100%');
}
#LoginCreateAccountBox p {
  margin: 0;
  padding: 0;
  font-size: 12pt;
}
#LoginFormButtonCell {
  width: 145px;
  vertical-align: top;
  padding-right: 0;
}

#ContentRow {
  position: relative;
  top: 86px;
}

/* "star-HTML-hack" to correct the position of the content row */
* html #ContentRow {
  display: inline-block;
}

#MenuColumn {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 180px;
  margin-right: 15px;
  margin-left: 15px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  line-height: 12pt;
}

#ContentColumn {
  position: relative;
  margin: 0px;
  margin-left: 205px;
  margin-right: 205px;
}

#ThemeboxesColumn {
  text-align: center;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 180px;
  margin: 0px;
  margin-right: 15px;
  margin-left: 25px;
}

#Footer {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 7pt;
  font-weight: normal;
  text-align: center;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  color: white;
}
* html #Footer {
  padding-bottom: 120px;
  margin-bottom: 50px;
}

/* Footer linkes */
#Footer a:link {
  color: white;
  text-decoration: none;
}
#Footer a:visited {
  color: white;
  text-decoration: none;
}
#Footer a:focus {
  color: white;
  text-decoration: none;
}
#Footer a:active {
  color: white;
  text-decoration: underline;
}
#Footer a:hover {
  color: white;
  text-decoration: underline;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  HEADER AREA
 *  -------------------------------
 */

#LeftArtwork {
  position: absolute;
  height: 140px;
  width: 166px;
  top: -140px;
  left: 4px;
  background-repeat: no-repeat;
  z-index: 5;
}

#LeftArtwork #TibiaLogoArtworkTop {
  position: absolute;
  top: -17px;
  left: -14px;
  height: 158px;
  width: 204px;
  z-index: 5;
  cursor: pointer;
  border: 0px;
}

#LeftArtwork #TibiaLogoArtworkBottom {
  position: absolute;
  top: 102px;
  left: 0px;
  height: 43px;
  width: 166px;
  z-index: 5;
}

#LeftArtwork #Statue_1 {
  position: absolute;
  top: 0px;
  left: 5px;
  height: 30px;
  width: 32px;
  z-index: 10;
}

#LeftArtwork #Statue_2 {
  position: absolute;
  top: 0px;
  right: 25px;
  height: 30px;
  width: 32px;
  z-index: 10;
}

.SmallMenuBox#DownloadBox {
  top: 4px;
}
.SmallMenuBox {
  position: relative;
  left: 5px;
  top: 8px;
  width: 100%;
  margin-bottom: 38px;
  background-repeat: no-repeat;
}
.SmallMenuBox#DownloadBox {
  top: 4px;
}
.SmallMenuBox .SmallBoxTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}
.SmallMenuBox#DownloadBox .SmallBoxBorder {
  height: 39px;
}
.SmallMenuBox .SmallBoxBorder {
  position: absolute;
  top: 0;
  height: 52px;
  width: 8px;
  background-repeat: repeat-y;
  z-index: 10;
}
.SmallMenuBox .SmallBoxButtonContainer {
  position: relative;
  height: 39px;
  width: 160px;
  left: 5px;
  background-repeat: repeat-y;
  z-index: 1;
}
#PlayNowContainer {
  position: absolute;
  width: 150px;
  height: 37px;
  top: 1px;
  left: 5px;
  z-index: 99;
}
.SmallMenuBox .BorderRight {
  right: 9px;
}
.SmallMenuBox#DownloadBox .SmallBoxBottom {
  top: 39px;
}
.SmallMenuBox .SmallBoxBottom {
  position: absolute;
  top: 52px;
  left: -5px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#LeftArtwork #LogoLink {
  position: absolute;
  bottom: 14px;
  left: 58px;
  height: 14px;
  width: 50px;
  z-index: 99;
  cursor: pointer;
}

#RightArtwork {
  text-align: left;
  position: absolute;
  top: 38px;
  right: 24px;
  width: 132px;
  background-repeat: no-repeat;
  z-index: 90;
}

#RightArtwork #Creature {
  position: absolute;
  height: 64px;
  width: 64px;
  top: -136px;
  left: -15px;
  z-index: 15;
  cursor: pointer;
}

#RightArtwork #Boss {
  position: absolute;
  height: 64px;
  width: 64px;
  top: -136px;
  left: 40px;
  z-index: 15;
  cursor: pointer;
}

#PedestalAndOnline {
  position: absolute;
  left: -15px;
  top: -121px;
  width: 161px;
  height: 85px;
}
#Pedestal {
  position: absolute;
  left: -15px;
  top: -121px;
  width: 161px;
  height: 85px;
}

#RightArtwork #PlayersOnline {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 7pt;
  line-height: 8pt;
  text-align: center;
  position: absolute;
  width: 92px;
  bottom: 11px;
  left: 21px;
  color: #cfa600;
  border-bottom: 1px solid #010101;
  cursor: pointer;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  LOGINBOX
 *  -------------------------------
 */

#Loginbox {
  position: relative;
  left: 5px;
  top: 8px;
  width: 100%;
  margin-bottom: 38px;
  background-repeat: no-repeat;
}

#MenuColumn > #Loginbox {
  margin-top: 176px;
  display: none;
}

#DownloadBox {
  margin-top: 176px;
}

#Loginbox #LoginTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#Loginbox #LoginBottom {
  position: absolute;
  top: 52px;
  left: -5px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#Loginbox .LoginBorder {
  position: absolute;
  top: 0px;
  height: 52px;
  width: 8px;
  background-repeat: repeat-y;
  z-index: 10;
}

#Loginbox #BorderRight {
  right: 9px;
}

#Loginbox .Loginstatus {
  position: relative;
  top: 0px;
  left: 5px;
  height: 13px;
  width: 160px;
}

#Loginbox .LoginstatusText {
  position: absolute;
  top: 1px;
  left: 18px;
  width: 124px;
  height: 11px;
  cursor: pointer;
}

#Loginbox #LoginstatusText_1 {
  top: 2px;
  cursor: default;
}

#Loginbox #LoginstatusText_2_1 {
  visibility: visible;
}

#Loginbox #LoginstatusText_2_2 {
  visibility: hidden;
}

#LoginBox #LoginButtonContainer {
  margin-left: 5px;
  height: 39px;
  width: 160px;
  background-repeat: repeat-y;
}

#Loginbox #LoginButton {
  position: relative;
  top: 0px;
  left: 5px;
  height: 37px;
  width: 150px;
}

#Loginbox #LoginButton .Button {
  position: relative;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 37px;
  visibility: hidden;
}

#Loginbox #LoginButton #ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 37px;
  width: 150px;
  z-index: 15;
  cursor: pointer;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  MENU
 *  -------------------------------
 */

#Menu {
  position: relative;
  left: 5px;
  background-repeat: no-repeat;
}

#MenuTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#MenuBottom {
  position: relative;
  left: -5px;
  bottom: 0px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

/* Menuitems */

.MenuButton {
  position: relative;
  height: 32px;
  width: 170px;
  display: block;
  cursor: pointer;
}

.Button {
  position: relative;
  height: 32px;
  /*width: 150px;*/
  visibility: hidden;
  display: block;
}

.Extend {
  position: absolute;
  top: 20px;
  right: -2px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
}

.Lights {
  visibility: hidden;
}

.Light_lu {
  position: absolute;
  top: 2px;
  left: 3px;
  height: 2px;
  width: 2px;
  background-repeat: no-repeat;
}

.Light_ru {
  position: absolute;
  top: 2px;
  right: 3px;
  height: 2px;
  width: 2px;
  background-repeat: no-repeat;
}

.Light_ld {
  position: absolute;
  height: 2px;
  width: 2px;
  top: 28px;
  left: 3px;
}

.Icon {
  position: absolute;
  height: 32px;
  width: 32px;
  top: 0px;
  left: 8px;
}

.Label {
  position: absolute;
  height: 22px;
  width: 116px;
  top: 6px;
  left: 42px;
}

/* Submenus(items) */

.LeftChain {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

.RightChain {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

.Submenu {
  position: relative;
  margin-left: 0px;
  margin-right: 5px;
  background-color: #0d2e2b;
  width: 170px;
}

.Submenuitem {
  position: relative;
  margin: 0px;
  padding: 0px;
}

.ActiveSubmenuItemIcon {
  position: absolute;
  top: 5px;
  left: 8px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  visibility: hidden;
}

.SubmenuitemLabel {
  margin: 0px;
  border-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 22px;
  border-bottom: 1px solid #4b7874;
  overflow: hidden;
}

/* Submenu links */
.Submenu a:link {
  color: #d7d7d7;
  text-decoration: none;
}
.Submenu a:visited {
  color: #d7d7d7;
  text-decoration: none;
}
.Submenu a:focus {
  color: #d7d7d7;
  text-decoration: none;
}
.Submenu a:active {
  color: white;
  text-decoration: none;
}
.Submenu a:hover {
  color: white;
  text-decoration: none;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  CONTENT AREA
 *  -------------------------------
 */

.Content .BoxContent {
  padding: 10px;
}

/* "tanhack" for correction of IE bug */
* html .Content {
  top: -5px;
}

.Content {
  position: relative;
  top: 0px;
  width: 100%;
}

/* "star-HTML-hack" to correct the position of the content area */
* html .Content {
  position: relative;
  top: 796px;
  margin: 20px;
  border: 0px dashed #051122;
  border-right-width: 550px;
}

#ContentHelper {
  position: relative;
}

.InfoBar {
  position: relative;
  height: 28px;
  top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 10px;
  color: #fff;
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
}
.InfoBar a {
  border: 0;
}
.InfoBarBlock {
  margin-right: 15px;
  border: 0;
}
.InfoBarBigLogo {
  margin-bottom: 0;
  border: 0;
}
.InfoBarSmallElement {
  margin-left: 5px;
  border: 0;
}
.InfoBarNumbers {
  top: -4px;
  position: relative;
}
.InfoBar a {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 7pt;
  font-weight: 400;
  color: #fff;
}
.InfoBar a:link {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
.InfoBar a:visited {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
.InfoBar a:focus {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
.InfoBar a:active {
  color: #fff;
  font-weight: 400;
  text-decoration: underline;
}
.InfoBar a:hover {
  color: #fff !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
}
.InfoBarLinks {
  text-decoration: none;
  font-size: 10px;
}
.InfoBarLinks a:hover {
  text-decoration: none;
  font-size: 10px;
}

/* "star-HTML-hack" to to implement min-width in IE */
* html #ContentHelper {
  display: inline-block;
  position: relative;
  top: -800px;
  margin: -20px;
  margin-right: -570px;
}

.Content .Box {
  font-size: 0pt;
  position: relative;
  margin: 5px;
  margin-bottom: 18px;
  color: #5a2800;
  border-left: 2px solid #3a3738;
  border-right: 2px solid #3a3738;
  background-color: #debb9d;
  background-repeat: no-repeat;
  overflow: visible;
}

.Content .BoxContent {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 9pt;
  background-color: #fff2db;
  color: #5a2800;
  min-height: 367px;
  height: auto !important;
  height: 387px;
}

/* "star-HTML-hack" to correct Box width in IE */
* html .Content .Box {
  width: 100%;
}
/* "star-HTML-hack" to correct BoxContent width in IE */
* html .Content .BoxContent {
  width: 100%;
}

.Content th {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: white;
  background-color: #505050;
}

.Content .BoxContent td {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 10pt;
  color: #5a2800;
}

/* Content Links */

.Content a {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-weight: bold;
  color: #004294;
  text-decoration: none;
}
.Content a:hover {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-weight: bold;
  text-decoration: underline;
  color: #0063dc;
}
.Content .HelpLink {
  font-size: 7pt;
  cursor: pointer;
}

/* Corners */

.Content .Corner-tl {
  position: absolute;
  top: -4px;
  left: -5px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .Corner-tr {
  position: absolute;
  top: -4px;
  right: -5px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .BottomCornersHelper {
  position: absolute;
  width: 100%;
}

.Content .CornerWrapper-b {
  position: absolute;
  width: 100%;
}

.Content .Corner-bl {
  position: absolute;
  bottom: -4px;
  left: -6px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .Corner-br {
  position: absolute;
  bottom: -4px;
  right: -6px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.SecretAchievementIcon {
  position: absolute;
  width: 44px;
  height: 20px;
  margin-left: 12px;
  margin-top: -2px;
  right: 5px;
}

/* Borders */

.Content .Border_1 {
  position: relative;
  height: 6px;
  width: 100%;
  background-repeat: repeat-x;
}

.Content .BorderTitleText {
  position: relative;
  height: 24px;
  background-repeat: repeat-x;
}

.Content .Title {
  position: absolute;
  top: 6px;
  left: 5px;
}

.Content .Border_2 {
  margin: 4px;
  padding: 0px;
  background-color: #793d03;
}

.Content .Border_3 {
  margin: 1px;
  border-top: 1px solid #793d03;
  border-bottom: 1px solid #793d03;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  THEMEBOXES of the Tibia
 *  website
 *  -------------------------------
 */

.Themebox {
  position: relative;
  margin-bottom: 10px;
  top: -4px;
  width: 180px;
  height: 154px;
}
#Themeboxes div {
  font-size: 10pt;
  background-repeat: no-repeat;
}
#Themeboxes .ThemeboxButton {
  position: absolute;
  bottom: 20px;
  left: 22px;
  height: 25px;
  width: 135px;
  cursor: pointer;
}
#Themeboxes .Bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 12px;
  width: 180px;
}
/* "star-HTML-hack" to correct the position of the bottom element */
* html #Themeboxes .Bottom {
  bottom: -3px;
}
#Themeboxes #NewcomerBox .ThemeboxButton {
  bottom: 15px;
}

#PremiumBox {
  position: relative;
  height: 204px;
}
#PremiumBoxDecor {
  margin: 0;
  position: absolute;
  top: -28px;
  left: 5px;
  width: 64px;
  height: 64px;
}
#PremiumBoxBg {
  margin: 0;
  position: absolute;
  top: 34px;
  left: 10px;
  width: 160px;
  height: 126px;
}
#PremiumBoxOverlay {
  margin: 0;
  position: absolute;
  top: 34px;
  left: 10px;
  width: 163px;
  height: 26px;
}
#PremiumBoxOverlayText {
  color: #fff;
  font-family: Verdana, sans-serif;
  margin-top: 3px;
  text-align: center;
  font-size: 11px;
}
#PremiumBoxButtonDecor {
  position: absolute;
  width: 114px;
  height: 26px;
  left: 33px;
  bottom: 34px;
  z-index: 25;
}
#PremiumBoxButton {
  position: absolute;
  bottom: 9px;
  left: 18px;
  text-align: center;
}

#Themeboxes #JobBox {
  height: 164px;
}
#Themeboxes #GalleryBox #GalleryContent {
  position: relative;
  height: 111px;
  width: 170px;
  top: 31px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  border: 0;
  cursor: pointer;
}
#Themeboxes #CurrentPollBox #CurrentPollText {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  line-height: 11pt;
  color: #5a2800;
  position: absolute;
  height: 70px;
  width: 150px;
  top: 37px;
  left: 15px;
  padding-top: 5px;
  overflow: hidden;
}
#Themeboxes #SkyscraperBanner {
  border: 0;
}

#Themeboxes #NetworksBox {
  position: relative;
  height: 204px;
}
#Themeboxes #NetworksBox #FacebookBlock {
  position: relative;
  top: 32px;
  height: 113px;
}
#Themeboxes #NetworksBox #FacebookLikeBox {
  position: relative;
  left: 27px;
  top: 3px;
  height: 60px;
  width: 115px;
  overflow: hidden;
}
#Themeboxes #NetworksBox #FacebookLikeBox div {
  position: relative;
  left: -1px;
  top: -1px;
}
#Themeboxes #NetworksBox #FacebookSendBox {
  position: absolute;
  left: 92px;
  top: 14px;
  width: 50px;
}
#Themeboxes #NetworksBox #FacebookLikes {
  position: relative;
  left: 14px;
  top: 10px;
  width: 155px;
  left: 13px;
  overflow: hidden;
}
#Themeboxes #NetworksBox #FacebookLikes div {
  position: relative;
  left: -69px;
}
#Themeboxes #NetworksBox #TwitterBlock {
  position: relative;
  top: 42px;
  text-align: center;
}

/** -------------------------------
 *  OLD Stylesheet declarations for
 *  the CONTENT AREA
 *  -------------------------------
 */

.Content .BoxContent td .white {
  color: #efefef;
  visibility: visible;
}

.Content .BoxContent td .whites {
  color: #efefef;
  visibility: visible;
  font-size: 9pt;
}

.Content .BoxContent .white {
  color: #efefef;
  visibility: visible;
}

.Content .BoxContent td .green {
  color: #00bf00;
}

.Content .BoxContent td .yellow {
  color: #ffbb05;
}

.Content .BoxContent td .red {
  color: #ef0000;
}

.Content .BoxContent td .grey {
  color: #808080;
}

.Content .BoxContent td .orange {
  color: #ff9712;
}

/** -------------------------------
 *  OLD Stylesheet declarations for
 *  the CONTENT AREA (forum)
 *  -------------------------------
 */

.Content .BoxContent .ff_info {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 10pt;
  color: #5a2800;
  visibility: visible;
}

.Content .ff_white a {
  color: #ffffff;
}

.Content .BoxContent .ff_white {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  color: #efefef;
  visibility: visible;
  font-size: 7pt;
  font-weight: bold;
}

.Content .BoxContent .ff_red {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  color: #ef0000;
  visibility: visible;
  font-size: 8pt;
  font-weight: bold;
}

.Content .BoxContent .ff_whitelarge {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  color: #efefef;
  visibility: visible;
  font-size: 9pt;
  font-weight: bold;
}

.Content .BoxContent .ff_info {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 8pt;
  color: #5a2800;
  visibility: visible;
}

.Content .BoxContent .ff_infotext {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 8pt;
  color: #5a2800;
  visibility: visible;
  line-height: 12pt;
}

.Content .BoxContent .ff_smallinfo {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 7pt;
  color: #5a2800;
  visibility: visible;
}

.Content .BoxContent .ff_large {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 12pt;
  color: #5a2800;
  visibility: visible;
}

.Content .BoxContent .ff_pagetext {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 9pt;
  color: #5a2800;
  visibility: visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_pagetextgrey {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 9pt;
  color: #505050;
  visibility: visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_pagetextred {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 9pt;
  color: #f00;
  visibility: visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_correct {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 11pt;
  color: #ff0000;
  visibility: visible;
  font-weight: bold;
}

.FormFieldError {
  font-size: 8pt;
  color: red;
}
.SmallBox {
  position: relative;
  font-size: 1px;
}
.SmallBox .ErrorMessage {
  font-size: 8pt;
  position: relative;
  color: red;
  height: 100%;
  background-color: #d4c0a1;
  padding: 5px;
  padding-left: 43px;
}
.SmallBox .Message {
  font-size: 10pt;
  position: relative;
  height: 100%;
  background-color: #d4c0a1;
  padding: 10px;
}
.SmallBox .ErrorMessage ul {
  padding-left: 15px;
}
.SmallBox .BoxFrameHorizontal {
  position: relative;
  height: 4px;
}
.SmallBox .BoxFrameVerticalRight {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .MessageContainer {
  position: relative;
  height: 100%;
}
.SmallBox .BoxFrameEdgeLeftTop {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeLeftBottom {
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightTop {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightBottom {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .AttentionSign {
  position: absolute;
  top: 3px;
  left: 8px;
  width: 30px;
  height: 26px;
}

/** ----------------
 *  new process bars
 *  ----------------
 */

#ProgressBar #Headline {
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 5px;
}
#ProgressBar #MainContainer {
  position: relative;
  top: 10px;
  height: 50px;
  margin-bottom: 25px;
}
#ProgressBar #BackgroundContainer {
  position: relative;
  width: 100%;
}

#ProgressBar #BackgroundContainerLeftEnd {
  position: absolute;
  float: left;
}
#ProgressBar #BackgroundContainerCenter {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 17px;
  width: 100%;
}
#ProgressBar #BackgroundContainerCenterImage {
  position: relative;
  margin-left: 25px;
  margin-right: 25px;
  height: 17px;
}
#ProgressBar #BackgroundContainerRightEnd {
  position: absolute;
  right: 0px;
  top: 0px;
  float: right;
}
#ProgressBar #TubeLeftEnd {
  position: absolute;
  left: 25px;
  top: 4px;
}
#ProgressBar #TubeRightEnd {
  position: absolute;
  right: 25px;
  top: 4px;
  z-index: 0;
}
#ProgressBar .Steps {
  position: relative;
  height: 39px;
  font-size: 9px;
  float: left;
  top: -11px;
  margin-left: -1px;
}
#ProgressBar #StepsContainer1 {
  text-align: right;
  margin-left: 92px;
  margin-right: 40px;
  height: 10px;
}
#ProgressBar #StepsContainer2 {
  width: 100%;
  height: 10px;
}
#ProgressBar .TubeContainer {
  position: relative;
  padding-right: 47px;
}
#ProgressBar .Tube {
  position: relative;
  top: 16px;
  left: 0px;
  width: 100%;
  height: 7px;
  background: #ffffff none repeat scroll 0%;
}
* html #ProgressBar .Tube {
  top: 13px;
}
#ProgressBar .SingleStepContainer {
  position: absolute;
  top: 0px;
  width: 47px;
  height: 30px;
  right: 0px;
  text-align: center;
}
#ProgressBar #FirstStep .SingleStepContainer {
  left: 45px;
  width: 47px;
  position: absolute;
}
#ProgressBar .StepIcon {
  position: absolute;
  right: 0px;
}
* html #ProgressBar .StepIcon {
  right: -1px;
}
#ProgressBar #FirstStep .StepIcon {
  top: 0px;
  left: 0px;
}
#ProgressBar .StepText {
  top: 40px;
  position: absolute;
  width: 200px;
  right: -77px;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  NEW TABLES
 *  -------------------------------
 */

.TableContainer {
  border: 1px solid black;
  position: relative;
  width: 100%;
  font-size: 1px;
}
.TableContainer .Odd {
  background-color: #f1e0c6;
}
.TableContainer .Even {
  background-color: #d5c0a1;
}
.Text {
  margin-top: 3px;
  margin-left: 4px;
  margin-bottom: 2px;
  padding: 3px;
  padding-top: 3px;
}

/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
  position: relative;
  font-size: 1pt;
  background-color: #5f4d41 !important;
  height: 100%;
  width: 100%;
  text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
  position: relative;
  background-color: #5f4d41;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: white;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
  position: absolute;
  width: 5px;
  height: 5px;
  top: -2px;
  left: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
  position: absolute;
  width: 5px;
  height: 5px;
  top: -2px;
  right: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
  position: absolute;
  width: 5px;
  height: 5px;
  left: -2px;
  bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
  position: absolute;
  width: 5px;
  height: 5px;
  right: -2px;
  bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
  position: absolute;
  height: 100%;
  width: 3px;
  left: -1px;
  top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
  position: absolute;
  height: 100%;
  width: 3px;
  right: -1px;
  top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
  right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
  right: -3px;
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
  bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
  right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
  border: 1px solid #5f4d41;
  position: relative;
  margin-right: 4px;
  height: 100%;
  background-color: #d4c0a1;
  padding: 0px;
}
.TableContent {
  width: 100%;
  border-collapse: collapse;
}
.TableContent td {
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
  width: 100%;
  background-color: #d4c0a1;
  border: 2px solid #55636c;
}
.TableContainer .Table1 .InnerTableContainer {
  padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
.TableContainer .Table2 td {
  padding: 0px;
  margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
  margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
  border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  border: 1px solid #faf0d7;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table3 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
  border: 1px solid #faf0d7;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table4 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table5 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* SHADOWS */
.TableShadowContainerRightTop {
  position: relative;
  top: 0px;
  right: 3px;
  margin-right: 0px;
  font-size: 1px;
  float: right;
  z-index: 99;
}
.TableShadowRightTop {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 5px;
  z-index: 99;
}
.TableContentAndRightShadow {
  position: relative;
  background-repeat: repeat-y;
  background-position: top right;
  margin-right: 3px;
  font-size: 1px;
  /*box-shadow: 3px 3px 2px #875f3e;*/
}
.TableShadowContainer {
  position: relative;
  margin-right: 5px;
}
.TableBottomShadow {
  position: relative;
  font-size: 1px;
  height: 5px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.TableBottomLeftShadow {
  position: relative;
  height: 5px;
  width: 4px;
  float: left;
  padding: 0px;
  margin: 0px;
}
.TableBottomRightShadow {
  position: relative;
  float: right;
  right: -2px;
  top: 0px;
  height: 5px;
  width: 4px;
}
/* HEADLESS CONTENT TABLE */
.HeadlessTable {
  border: 0px;
  border-style: solid;
  border-color: #656565;
  border-top-width: 1px;
  border-top-color: white;
  border-left-width: 1px;
  border-left-color: white;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-right-color: #656565;
  margin-left: 15px;
}
/* LABELS */
.InnerTableContainer .TableContentContainer {
  box-shadow: 3px 3px 2px #875f3e;
}
.TableContentContainer {
  border: 1px solid #5f4d41;
  position: relative;
  margin-right: 7px;
  margin-bottom: 5px;
  height: 100%;
  background-color: #d4c0a1;
  padding: 0;
}
.TableContainer .Table3 .TableContent td {
  border: 1px solid #faf0d7;
}

.TableContainer .GreedyCell {
  width: 80%;
}
.LabelV80 {
  font-weight: 700;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
  width: 80px;
}
.LabelV100 {
  font-weight: 700;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
  width: 100px;
}
.LabelV120 {
  font-weight: 700;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
  width: 120px;
}
.LabelV150 {
  font-weight: 700;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
  width: 150px;
}
.LabelV175 {
  font-weight: 700;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
  width: 175px;
}
.LabelV200 {
  font-weight: 700;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
  width: 200px;
}
.LabelV250 {
  font-weight: 700;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
  width: 250px;
}

.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.LabelH {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #d5c0a1;
}
.LabelH td {
  background-color: #d5c0a1;
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}

/* BUTTONS */
.InnerTableButtonRow {
  width: 100%;
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 4px;
  border: 0px;
}
.InnerTableButtonRow td {
  padding-right: 4px;
}
.BigButton {
  position: relative;
  width: 135px;
  height: 25px;
  z-index: 10;
}
.BigButtonOver {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 137px;
  height: 25px;
  visibility: hidden;
  z-index: 15;
}
.ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 135px;
  z-index: 20;
}
.BigButtonText {
  position: absolute;
  top: 0;
  left: 0;
  width: 135px;
  height: 25px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: none;
  text-align: center;
  color: #ffd18c;
  font-family:
    Verdana,
    Arial,
    Times New Roman,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  z-index: 20;
  text-shadow:
    -1px -1px 0 #000,
    0 -1px 0 #000,
    1px -1px 0 #000,
    1px 0 0 #000,
    1px 1px 0 #000,
    0 1px 0 #000,
    -1px 1px 0 #000,
    -1px 0 0 #000;
}
.BigButtonText:hover {
  top: 1px;
  left: 1px;
}
.TopButtonContainer {
  position: relative;
  right: 4px;
  top: 4px;
  z-index: 60;
}
* html .TopButtonContainer {
  right: 27px;
}
.TopButtonContainer .TopButton {
  position: absolute;
  right: 0;
  z-index: 55;
  cursor: pointer;
}

.Content .BoxContent .Odd {
  background-color: #d4c0a1;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #f1e0c6;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

/* News Ticker */

.Content #NewsTicker .BoxContent {
  padding: 5px;
  min-height: 90px;
  height: auto !important;
  height: 100px;
}

.Content #NewsTicker .BoxContent .Row {
  position: relative;
  width: 100%;
}

.Content #NewsTicker .NewsTickerIcon {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

.Content #NewsTicker .NewsTickerText {
  font-size: 9pt;
  position: relative;
  margin-left: 20px;
}

.Content #NewsTicker .NewsTickerDate {
  font-size: 7pt;
  position: absolute;
  top: 0px;
  float: left;
}

.Content #NewsTicker .NewsTickerShortText {
  margin-left: 85px;
  height: 14px;
}

.Content #NewsTicker .NewsTickerFullText {
  margin-left: 85px;
  margin-right: 20px;
  display: none;
}

.Content #NewsTicker .NewsTickerExtend {
  position: relative;
  right: 0px;
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  float: right;
  cursor: pointer;
  z-index: 10;
}

/* Featured Article */

.Content #FeaturedArticle .BoxContent {
  position: relative;
  height: 100px;
  padding: 5px;
  padding-left: 10px;
  min-height: 100px;
  height: auto !important;
  height: 110px;
  line-height: 10.5pt;
}
.Content #FeaturedArticle .NewsHeadline {
  margin-top: 5px;
}

.Content #FeaturedArticle #TeaserThumbnail {
  position: relative;
  top: 0px;
  right: 0px;
  height: 100px;
  width: 150px;
  margin-left: 10px;
  background-color: black;
  z-index: 90;
  float: right;
}

#ContentHelper #FeaturedArticle:first-child .BoxContent {
  padding: 10px;
}

.Content #FeaturedArticle #TeaserText {
  height: 100px;
  overflow: hidden;
  z-index: 0;
}

.Content #FeaturedArticle #Link {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 89 165 0 0;
  z-index: 99;
}

.Content #FeaturedArticle .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #FeaturedArticle .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}

.Content #FeaturedArticle .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #FeaturedArticle .NewsHeadlineText {
  position: relative;
  top: 8px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* News */

.Content #News .BoxContent {
  min-height: 100px;
  height: auto !important;
  height: 110px;
}

.Content #News .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #News .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #News .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 10px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #News .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* News Archive */

.Content #NewsArchive .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #NewsArchive .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #NewsArchive .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #NewsArchive .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

.Content #News .NewsHeadlineAuthor {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 10pt;
  color: white;
}

/* BUTTONS */
.MediumButtonText {
  position: absolute;
  top: 0;
  left: 0;
  height: 37px;
  width: 150px;
  z-index: 20;
}
.MediumButtonBackground {
  position: relative;
  top: 0;
  left: 0;
  width: 150px;
  height: 37px;
  z-index: 10;
}
.MediumButtonOver {
  position: relative;
  top: 0;
  left: 0;
  width: 150px;
  height: 37px;
  visibility: hidden;
  z-index: 15;
}
.MediumButtonForm {
  margin: 0;
  padding: 0;
}

.moduleRow {
}

.moduleRowOver {
  background-color: #d4c0a1;
  cursor: pointer;
  cursor: hand;
}

/* Bolzot visual layer */
body {
  background-color: #050505;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at center, rgba(186, 35, 24, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.84));
  z-index: -1;
}

#LeftArtwork #TibiaLogoArtworkTop {
  object-fit: contain;
  filter: drop-shadow(0 0 14px rgba(214, 152, 39, 0.58));
}

#LeftArtwork {
  overflow: visible;
}

#LeftArtwork {
  left: 0;
  top: 0;
  width: 206px;
  height: 162px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

#LeftArtwork::before,
#LeftArtwork::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 6;
}

#LeftArtwork::before {
  inset: 0 0 4px 0;
  background:
    radial-gradient(circle at 18% 38%, rgba(38, 164, 255, 0.42), transparent 16%),
    radial-gradient(circle at 80% 46%, rgba(255, 174, 48, 0.38), transparent 18%),
    radial-gradient(circle at 50% 16%, rgba(255, 232, 155, 0.22), transparent 14%);
  filter: blur(8px);
  opacity: 0.5;
  animation: bolzotLogoPulse 2.6s ease-in-out infinite;
}

#LeftArtwork::after {
  left: 5px;
  top: 2px;
  width: 204px;
  height: 152px;
  background:
    radial-gradient(circle at 24% 28%, rgba(81, 194, 255, 0.95) 0 1px, transparent 2px),
    radial-gradient(circle at 74% 33%, rgba(255, 199, 91, 0.95) 0 1px, transparent 2px),
    radial-gradient(circle at 38% 74%, rgba(255, 241, 171, 0.85) 0 1px, transparent 2px),
    radial-gradient(circle at 86% 70%, rgba(65, 165, 255, 0.8) 0 1px, transparent 2px);
  opacity: 0.35;
  animation: bolzotLogoSparkle 1.8s steps(2, end) infinite;
}

#LeftArtwork #TibiaLogoArtworkTop {
  top: -3px;
  left: 2px;
  width: 202px;
  height: 166px;
  object-fit: contain;
  object-position: center;
  border: 0;
  background: transparent;
  box-shadow: none;
  filter:
    saturate(1.08)
    contrast(1.08)
    drop-shadow(0 0 14px rgba(214, 152, 39, 0.46));
  -webkit-mask-image:
    radial-gradient(ellipse at center, #000 0%, #000 45%, rgba(0, 0, 0, 0.78) 57%, transparent 74%);
  mask-image:
    radial-gradient(ellipse at center, #000 0%, #000 45%, rgba(0, 0, 0, 0.78) 57%, transparent 74%);
}

#BolzotLogoText {
  position: absolute;
  left: 10px;
  top: 56px;
  width: 186px;
  z-index: 12;
  cursor: pointer;
  color: #f0b13e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 39px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-shadow:
    2px 2px 0 #120805,
    -1px -1px 0 #ffe6a4,
    0 0 8px rgba(247, 174, 52, 0.78),
    0 0 18px rgba(45, 148, 255, 0.28);
  transform: scaleX(1.05);
  animation: bolzotLogoTitleGlow 2.4s ease-in-out infinite;
}

#BolzotLogoText strong {
  color: #d9dde2;
  font-weight: bold;
  text-shadow:
    2px 2px 0 #050505,
    -1px -1px 0 #ffffff,
    0 0 10px rgba(255, 255, 255, 0.38),
    0 0 18px rgba(255, 180, 55, 0.3);
}

#BolzotLogoText::after {
  content: "";
  position: absolute;
  left: 28px;
  right: 24px;
  bottom: -11px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #66c7ff, #ffc75e, transparent);
  box-shadow: 0 0 9px rgba(255, 197, 94, 0.8);
  animation: bolzotLogoLine 1.9s ease-in-out infinite;
}

@keyframes bolzotLogoPulse {
  0%,
  100% {
    opacity: 0.32;
    transform: scale(0.98);
  }

  50% {
    opacity: 0.82;
    transform: scale(1.03);
  }
}

@keyframes bolzotLogoSparkle {
  0%,
  100% {
    opacity: 0.18;
  }

  50% {
    opacity: 0.72;
  }
}

@keyframes bolzotLogoTitleGlow {
  0%,
  100% {
    filter: brightness(0.95);
  }

  50% {
    filter: brightness(1.22);
  }
}

@keyframes bolzotLogoLine {
  0%,
  100% {
    opacity: 0.38;
  }

  50% {
    opacity: 1;
  }
}

.Content .Box,
.TableContainer {
  border-color: #15110d;
}

.Content .BoxContent,
.TableContainer .Table1,
.TableContainer .Table2,
.TableContainer .Table3,
.TableContainer .Table4,
.TableContainer .Table5,
.TableContentContainer,
.SmallBox .Message {
  background: #181614;
  color: #e8dcc8;
}

.Content .BoxContent td,
.Content .BoxContent .ff_info,
.Content .BoxContent .ff_infotext,
.Content .BoxContent .ff_smallinfo,
.Content .BoxContent .ff_large,
.Content .BoxContent .ff_pagetext,
.Content .BoxContent .ff_pagetextgrey {
  color: #e8dcc8;
}

.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer,
.LabelH,
.LabelH td {
  background-color: #4d1511 !important;
}

.TableContainer .Odd,
.Content .BoxContent .Odd {
  background-color: #221d19;
}

.TableContainer .Even,
.Content .BoxContent .Even {
  background-color: #171412;
}

.TableContentContainer,
.InnerTableContainer .TableContentContainer {
  border-color: #8c6224;
  box-shadow: 0 0 0 1px #0b0b0b, 0 8px 22px rgba(0, 0, 0, 0.38);
}

.Content a,
.Content a:hover {
  color: #d99b33;
}

.Submenu {
  background-color: #161211;
}

.SubmenuitemLabel {
  border-bottom-color: #5c2a20;
}

.BolzotHome,
.BolzotDownloadCell {
  padding: 22px 18px;
  text-align: center;
}

.BolzotHomeLogo,
.BolzotDownloadLogo {
  display: block;
  width: min(360px, 92%);
  height: auto;
  margin: 0 auto 16px;
  filter: drop-shadow(0 0 18px rgba(213, 151, 42, 0.45));
}

.BolzotHome h1,
.BolzotDownloadCell h1 {
  margin: 4px 0 10px;
  color: #f0b64b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  letter-spacing: 0;
  text-shadow: 1px 1px 0 #000;
}

.BolzotHome p,
.BolzotDownloadCell p,
.BolzotDownloadCell small {
  display: block;
  max-width: 560px;
  margin: 0 auto 16px;
  color: #e8dcc8;
  font-size: 13px;
  line-height: 1.55;
}

.BolzotHomeActions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.BolzotLauncherButton,
.BolzotGhostButton {
  display: inline-block;
  min-width: 132px;
  padding: 10px 18px;
  border: 1px solid #d59b35;
  background: linear-gradient(#a92b20, #62140f);
  color: #ffe0a3 !important;
  text-decoration: none !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #000;
  box-shadow: inset 0 1px 0 rgba(255, 231, 164, 0.32), 0 4px 12px rgba(0, 0, 0, 0.35);
}

.BolzotGhostButton {
  background: linear-gradient(#3d3a35, #171514);
  border-color: #7b7164;
  color: #f0e5d0 !important;
}

.BolzotLauncherButton:hover,
.BolzotGhostButton:hover {
  transform: translateY(1px);
}

/* Medieval modern sidebar */
#MenuColumn {
  width: 206px;
  margin-left: 16px;
  margin-right: 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.25;
}

#ContentColumn {
  margin-left: 242px;
}

#Loginbox,
.SmallMenuBox,
#Menu {
  left: 0;
  width: 206px;
}

#Loginbox,
.SmallMenuBox {
  margin-bottom: 12px;
}

#Loginbox::before,
.SmallMenuBox::before {
  display: none;
}

#LoginTop,
#LoginBottom,
.SmallBoxTop,
.SmallBoxBottom,
#MenuTop,
#MenuBottom,
#Loginbox .LoginBorder,
.SmallMenuBox .SmallBoxBorder,
.LeftChain,
.RightChain,
.Lights {
  display: none !important;
}

#Loginbox #LoginButtonContainer,
.SmallMenuBox .SmallBoxButtonContainer {
  position: relative;
  left: 0;
  width: 204px;
  height: 44px;
  margin: 0;
  padding: 0;
  background: none !important;
  z-index: 2;
}

#Loginbox .Loginstatus {
  display: none;
}

#Loginbox .LoginstatusText {
  top: 6px;
  left: 24px;
}

#Loginbox #LoginButton,
#PlayNowContainer {
  left: 13px;
  top: 0;
  width: 166px;
  height: 38px;
}

#Loginbox #LoginButton .Button,
#Loginbox #LoginButton #ButtonText,
.MediumButtonBackground,
.MediumButtonText,
.MediumButtonOver {
  width: 166px;
  height: 38px;
}

#Loginbox #LoginButton,
.MediumButtonBackground {
  overflow: hidden;
  border: 1px solid #8a6935;
  border-radius: 4px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 205, 91, 0.24), transparent 48%),
    linear-gradient(180deg, #2a2117 0%, #120f0d 48%, #060606 100%) !important;
  box-shadow:
    inset 0 0 0 1px #050505,
    inset 0 1px 0 rgba(255, 238, 170, 0.16),
    0 0 10px rgba(198, 132, 37, 0.18),
    0 5px 12px rgba(0, 0, 0, 0.45);
  animation: bolzotActionButtonGlow 2.4s ease-in-out infinite;
}

#Loginbox #LoginButton:hover,
.MediumButtonBackground:hover {
  border-color: #d0a14a;
  filter: brightness(1.12) saturate(1.06);
}

#Loginbox #LoginButton #ButtonText,
.MediumButtonText {
  background-image: none !important;
}

#Loginbox #LoginButton .Button,
.MediumButtonOver,
#LoginButtonOver,
#DownloadButtonOver {
  display: none !important;
  background-image: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

#Loginbox #LoginButton #ButtonText,
.ActionButtonLabel {
  position: absolute;
  inset: 0;
  z-index: 25;
  color: #ffd56b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 38px;
  text-align: center;
  text-shadow:
    1px 1px 0 #000,
    0 0 8px rgba(255, 195, 76, 0.7),
    0 0 18px rgba(255, 145, 35, 0.28);
  animation: bolzotActionTextPulse 1.8s ease-in-out infinite;
}

.MediumButtonText {
  opacity: 0;
}

#Loginbox .LoginstatusText {
  background-image: none !important;
  left: 0;
  width: 174px;
  height: 22px;
  color: #d8c19a;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  text-shadow: 1px 1px 0 #000, 0 0 6px rgba(255, 201, 103, 0.24);
}

#Loginbox #LoginstatusText_2_2 {
  color: #ffe0a1;
}

#Loginbox .Loginstatus:hover .LoginstatusText {
  color: #ffe0a1;
}

@keyframes bolzotActionButtonGlow {
  0%,
  100% {
    box-shadow:
      inset 0 0 0 1px #050505,
      inset 0 1px 0 rgba(255, 238, 170, 0.14),
      0 0 8px rgba(198, 132, 37, 0.16),
      0 5px 12px rgba(0, 0, 0, 0.45);
  }

  50% {
    box-shadow:
      inset 0 0 0 1px #050505,
      inset 0 1px 0 rgba(255, 238, 170, 0.3),
      0 0 18px rgba(255, 184, 63, 0.45),
      0 5px 12px rgba(0, 0, 0, 0.45);
  }
}

@keyframes bolzotActionTextPulse {
  0%,
  100% {
    color: #e6b84b;
  }

  50% {
    color: #ffe38c;
  }
}

.Content .BorderTitleText {
  height: 34px !important;
  background:
    linear-gradient(180deg, rgba(255, 226, 150, 0.09), transparent 48%),
    linear-gradient(90deg, #15120f, #261a12 44%, #15120f) !important;
  border: 1px solid #71542c;
  border-bottom-color: #2b2118;
  box-shadow:
    inset 0 0 0 1px #060504,
    inset 0 1px 0 rgba(255, 238, 171, 0.12),
    0 2px 9px rgba(0, 0, 0, 0.34);
}

.Content .Box.StatusTopbar,
.StatusTopbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 58px;
  margin: 0;
  padding: 0;
  z-index: 3000;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(10, 10, 10, 0.96) !important;
  border-bottom: 1px solid #2c261f;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.42);
}

.StatusTopbar .Corner-tl,
.StatusTopbar .Corner-tr,
.StatusTopbar .Border_1 {
  display: none !important;
}

.StatusTopbar .BorderTitleText {
  width: min(1280px, 100%);
  height: 58px !important;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}

.StatusTopbar .InfoBar {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 58px;
  top: 0;
  margin: 0;
  padding: 0 22px;
  box-sizing: border-box;
}

.StatusTopbar .InfoBarBigLogo {
  width: 16px;
  height: 16px;
  object-fit: contain;
  opacity: 0.9;
}

.StatusTopbar .InfoBarNumbers {
  top: 0;
}

.StatusTopbar .InfoBarSmallElement {
  margin-left: 5px;
}

.StatusTopbar .InfoBar a,
.StatusTopbar .InfoBar a:link,
.StatusTopbar .InfoBar a:visited {
  color: #b9b0a5;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000;
}

.StatusTopbar .InfoBar a:hover {
  color: #f1c76a !important;
  text-decoration: none !important;
}

.TopAccountLinks {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-left: 10px;
}

.LanguageSwitch {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding: 3px 5px;
  background: #151412;
  border: 1px solid #4c4439;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.08);
}

.LangButton {
  position: relative;
  width: 25px;
  height: 17px;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  color: transparent;
  text-indent: -999px;
  background: #242321;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 0;
  line-height: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.52);
}

.LangButton[data-set-lang="pt"] {
  background: #15803d;
}

.LangButton[data-set-lang="pt"]::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 13px;
  height: 11px;
  background: #f3d33f;
  transform: rotate(45deg);
}

.LangButton[data-set-lang="pt"]::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 6px;
  width: 5px;
  height: 5px;
  background: #244bba;
  border-radius: 50%;
}

.LangButton[data-set-lang="en"] {
  background:
    linear-gradient(90deg, #26366e 0 42%, transparent 43%),
    repeating-linear-gradient(180deg, #b22234 0 7.7%, #fff 7.7% 15.4%);
}

.LangButton[data-set-lang="en"]::before {
  content: "";
  display: block;
  width: 42%;
  height: 54%;
  background:
    radial-gradient(circle, #fff 0 1px, transparent 1.5px) 2px 2px / 8px 7px,
    #26366e;
}

.LangButton.is-active,
.LangButton:hover {
  border-color: #d0a14a;
  box-shadow: 0 0 9px rgba(255, 188, 74, 0.28);
}

.TopAccountLinks .TopLoginLink {
  min-width: 78px;
  padding: 8px 14px;
  color: #f1e2bd !important;
  text-align: center;
  text-transform: uppercase;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 50%),
    #242321 !important;
  border: 1px solid #4c4439;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.12);
  animation: bolzotTopLoginGlow 1.9s ease-in-out infinite;
}

.TopServerStatus {
  display: flex;
  align-items: center;
  margin-left: 6px;
  white-space: nowrap;
}

.TopOnlineCount {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #4fdb68;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #000, 0 0 8px rgba(79, 219, 104, 0.32);
}

.TopOnlineCount::before {
  content: "" !important;
  color: #4fdb68;
  font-size: 15px;
  line-height: 1;
}

#ThemeboxesColumn {
  top: 0;
}

#RightArtwork.BolzotBoostedBox {
  position: relative;
  top: 0;
  right: auto;
  width: 180px;
  min-height: 152px;
  margin: 0 auto 10px;
  padding: 0 10px 10px;
  box-sizing: border-box;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 34%),
    linear-gradient(180deg, #161514 0%, #0b0b0a 100%);
  border: 1px solid #3d3328;
  border-radius: 8px;
  box-shadow:
    inset 0 0 0 1px #050505,
    0 10px 22px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  z-index: 2;
}

.BolzotBoostedTitle {
  height: 38px;
  margin: 0 -10px 10px;
  color: #f1e4c7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  background:
    linear-gradient(180deg, rgba(255, 226, 150, 0.12), transparent 48%),
    linear-gradient(90deg, #111, #21170f 45%, #111);
  border-bottom: 1px solid #302820;
  text-shadow: 1px 1px 0 #000, 0 0 8px rgba(255, 205, 78, 0.38);
}

.BolzotBoostedTitle::before {
  content: "\26A1";
  color: #ffd438;
  margin-right: 7px;
  text-shadow: 0 0 10px rgba(255, 212, 56, 0.7);
}

.BolzotBoostedCards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.BolzotBoostedCard {
  min-height: 96px;
  padding: 8px 5px 7px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 45%),
    #151515;
  border: 1px solid #342f29;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.45);
}

.BolzotBoostedType {
  color: #7e756c;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.2;
  text-transform: uppercase;
}

#RightArtwork.BolzotBoostedBox #Creature,
#RightArtwork.BolzotBoostedBox #Boss {
  position: static;
  width: 44px;
  height: 44px;
  object-fit: contain;
  z-index: 3;
  filter: drop-shadow(0 4px 4px #000);
}

.BolzotBoostedName {
  width: 100%;
  color: #d8c19a;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  text-shadow: 1px 1px 0 #000;
  word-break: break-word;
}

#RightArtwork.BolzotBoostedBox #PedestalAndOnline {
  display: none;
}

#Themeboxes {
  margin-top: 0;
}

@keyframes bolzotTopLoginGlow {
  0%,
  100% {
    color: #e0bd69 !important;
    border-color: #665235;
    box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.12), 0 0 8px rgba(209, 151, 47, 0.16);
  }

  50% {
    color: #ffe8a4 !important;
    border-color: #d0a14a;
    box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.24), 0 0 18px rgba(255, 190, 75, 0.44);
  }
}

.BolzotModalOpen {
  overflow: hidden;
}

.BolzotModal {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: none;
  align-items: center;
  justify-content: center;
}

.BolzotModal.is-open {
  display: flex;
}

.BolzotModalBackdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(2px);
}

.BolzotModalDialog {
  position: relative;
  width: min(680px, calc(100% - 40px));
  color: #d8cfc3;
  background: #151515;
  border: 1px solid #33302b;
  border-radius: 4px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.68);
}

.BolzotModalHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  padding: 0 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
    #0b0b0b;
  border-bottom: 1px solid #2c2925;
}

.BolzotModalHeader h2 {
  margin: 0;
  color: #f1e2bd;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #000;
}

.BolzotModalHeader h2::before {
  content: "\\2193";
  margin-right: 10px;
  color: #f1c76a;
}

.BolzotModalClose {
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: #999;
  background: transparent;
  border: 0;
  font-size: 28px;
  line-height: 28px;
}

.BolzotModalClose:hover {
  color: #f1c76a;
}

.BolzotModalBody {
  padding: 26px 28px 30px;
  text-align: center;
}

.BolzotModalBody > p {
  margin: 0 0 20px;
  color: #b7aea2;
  font-size: 14px;
}

.BolzotDownloadCard {
  position: relative;
  padding: 20px;
  background: #202020;
  border: 1px solid #36322d;
  border-radius: 9px;
}

.BolzotDownloadBadge {
  position: absolute;
  top: 10px;
  right: 12px;
  padding: 4px 9px;
  color: #0f0f0f;
  background: #d3a83e;
  border-radius: 12px;
  font-size: 11px;
  font-weight: bold;
}

.BolzotDownloadIcon {
  width: 60px;
  height: 60px;
  margin: 0 auto 14px;
  color: #d3a83e;
  background: #303030;
  border-radius: 50%;
  font-size: 32px;
  line-height: 60px;
  text-shadow: 1px 1px 0 #000;
}

.BolzotDownloadCard h3 {
  margin: 0 0 8px;
  color: #f1e2bd;
  font-size: 18px;
}

.BolzotDownloadCard p {
  margin: 0 0 18px;
  color: #aaa197;
  font-size: 14px;
}

.BolzotDownloadButton {
  display: block;
  padding: 12px 18px;
  color: #f1e2bd !important;
  text-decoration: none !important;
  text-transform: uppercase;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 52%),
    #3b3a38;
  border: 1px solid #5b5650;
  border-radius: 4px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #000;
}

.BolzotDownloadButton:hover {
  color: #ffe8a4 !important;
  border-color: #d0a14a;
}

.BolzotHighscores {
  width: 204px;
  min-height: 430px;
  margin: 0 auto 14px;
  padding: 0 0 12px;
  background:
    radial-gradient(circle at 50% 0%, rgba(208, 161, 74, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 32%),
    #0d0d0c !important;
  border: 1px solid #4b3923;
  border-radius: 6px;
  box-shadow:
    inset 0 0 0 1px #050505,
    inset 0 0 18px rgba(214, 168, 76, 0.06),
    0 12px 24px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.BolzotThemeboxTitle {
  height: 34px;
  color: #d0a14a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px !important;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  background:
    linear-gradient(180deg, rgba(255, 226, 150, 0.12), transparent 48%),
    linear-gradient(90deg, #15120f, #261a12 44%, #15120f);
  border-bottom: 1px solid #4d3720;
  text-shadow: 1px 1px 0 #000, 0 0 8px rgba(255, 187, 72, 0.28);
}

.BolzotHighscoresList {
  display: grid;
  gap: 8px;
  padding: 9px 7px 10px;
}

.BolzotHighscorePlayer {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 9px 8px 9px 102px;
  color: #d8c19a !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(214, 168, 76, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(31, 29, 25, 0.96), rgba(8, 8, 7, 0.98));
  border: 1px solid #3a2e1d;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 10px rgba(0, 0, 0, 0.28);
}

.BolzotHighscorePlayer:hover {
  border-color: #8a6935;
  color: #ffe0a1 !important;
}

.BolzotHighscorePlayer.online strong {
  color: #66d76e;
}

.BolzotHighscorePlayer.offline strong {
  color: #d0a14a;
}

.BolzotHighscoreOutfit {
  position: absolute;
  left: 10px;
  top: 5px;
  width: 68px;
  height: 58px;
  overflow: hidden;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.BolzotHighscoreOutfit img {
  width: 64px;
  height: 64px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  image-rendering: pixelated;
  transform: translateX(-3px) scale(1.05);
  transform-origin: center;
  filter: drop-shadow(0 4px 5px rgba(0,0,0,.72));
}

.BolzotHighscoreText {
  display: block;
  min-width: 0;
  max-width: 88px;
  text-align: left;
}

.BolzotHighscoreText strong,
.BolzotHighscoreText small {
  margin-top: 2px;
  color: #d6c3a0;
  font-size: 10px;
}

.BolzotHighscoreText strong {
  color: #f0bf62;
  font-size: 14px;
  line-height: 1.08;
}

.BolzotHighscoreText small {
  margin-top: 2px;
  color: #d6c3a0;
  font-size: 10px;
}

.BolzotHighscoresEmpty {
  padding: 18px 8px;
  color: #d8c19a;
  font-size: 11px;
  text-align: center;
}

.Content .Title {
  top: 6px;
  left: 14px;
  color: #d0a14a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  text-shadow: 1px 1px 0 #000, 0 0 8px rgba(255, 187, 72, 0.28);
}

.Content .Title::first-letter {
  color: #f3d386;
}

.Content .NewsCategoryIconSmall {
  display: none;
}

.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer,
.LabelH,
.LabelH td {
  background:
    linear-gradient(180deg, #5a1711, #2a0d09) !important;
  color: #f4dfb4 !important;
}

#Menu {
  padding: 0;
  margin-top: 8px;
}

.menuitem {
  position: relative;
  z-index: 2;
  margin: 0 0 8px 0;
}

.MenuButton {
  width: 190px;
  height: 42px;
  margin: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 42%),
    linear-gradient(180deg, #171614, #080807) !important;
  border: 1px solid #3f3324;
  border-radius: 4px;
  box-shadow:
    inset 0 0 0 1px #050505,
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 2px 0 rgba(0, 0, 0, 0.55),
    0 0 12px rgba(0, 0, 0, 0.26);
}

.MenuButton:hover {
  background:
    linear-gradient(180deg, rgba(255, 222, 135, 0.1), transparent 44%),
    linear-gradient(180deg, #24211c, #0d0c0b) !important;
  border-color: #8a6935;
}

.MenuButton .Button {
  display: none;
}

.Icon {
  display: none;
}

.Label {
  top: 0;
  left: 10px;
  width: 160px;
  height: 42px;
  color: #c99b42;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
  text-shadow:
    1px 1px 0 #000,
    0 0 7px rgba(226, 171, 78, 0.24);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Extend {
  top: 15px;
  right: 12px;
  opacity: 0.72;
  filter: sepia(1) saturate(1.6) brightness(1.35);
}

.Submenu {
  width: 190px;
  margin: 4px 0 0 0;
  padding: 2px 0 4px;
  background:
    linear-gradient(90deg, rgba(255, 221, 141, 0.07), transparent 12%, transparent 88%, rgba(255, 221, 141, 0.05)),
    #161211;
  border-top: 1px solid #5a4630;
  border-bottom: 1px solid #090807;
  box-shadow: inset 0 7px 12px rgba(0, 0, 0, 0.36);
}

.Submenuitem {
  min-height: 25px;
  transition: background-color 120ms ease, color 120ms ease;
}

.SubmenuitemLabel {
  min-height: 19px;
  padding: 5px 10px 4px 28px;
  border-bottom: 1px solid rgba(125, 87, 54, 0.48);
  color: #e9dcc5 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #000;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Submenuitem:hover .SubmenuitemLabel {
  color: #ffe3a4 !important;
}

.ActiveSubmenuItemIcon {
  top: 8px;
  left: 11px;
  filter: sepia(1) saturate(2) brightness(1.25);
}


/* BolzOt news landing */
.Content .BoxContent:has(.BolzotNewsPanel) {
  padding: 0 !important;
  background: rgba(12, 13, 15, 0.72) !important;
  color: #d9d7d0 !important;
}

.Content .BoxContent:has(.BolzotNewsPanel) td,
.Content .BoxContent:has(.BolzotNewsPanel) p,
.Content .BoxContent:has(.BolzotNewsPanel) li {
  color: #d9d7d0 !important;
}

.BolzotNewsPanel {
  position: relative;
  min-height: 520px;
  padding: 22px 26px 28px;
  overflow: hidden;
  text-align: left;
  background:
    linear-gradient(180deg, rgba(13, 14, 17, 0.9), rgba(13, 14, 17, 0.68)),
    url("images/header/bolzot-battle-background.png") center center / cover no-repeat;
  border: 1px solid rgba(192, 168, 126, 0.18);
  box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.58);
}

.BolzotNewsPanel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(235, 190, 102, 0.08), transparent 34%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.42), transparent 24%, transparent 76%, rgba(0, 0, 0, 0.46));
  pointer-events: none;
}

.BolzotNewsTabs,
.BolzotFeaturedNews {
  position: relative;
  z-index: 1;
}

.BolzotNewsTabs {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 14px;
}

.BolzotNewsTab {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #9b9790;
  background: rgba(255, 255, 255, 0.03);
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.BolzotNewsTab.is-active {
  color: #f1eadf;
  border-color: rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.BolzotFeaturedNews {
  padding: 18px 22px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(10, 11, 13, 0.58);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.34);
}

.BolzotNewsMeta {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
  color: #85817b;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.BolzotFeaturedNews h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  text-shadow: 1px 1px 0 #000;
}

.BolzotNewsLead {
  max-width: 760px;
  margin: 0 0 18px !important;
  color: #d0cec8 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.BolzotFeatureGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.BolzotFeatureCard {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
}

.BolzotFeatureCard strong {
  display: block;
  margin-bottom: 7px;
  color: #f0c66f;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.BolzotFeatureCard p {
  margin: 0 !important;
  color: #c7c4be !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.BolzotNewsHighlights {
  margin-top: 16px;
}

.BolzotNewsHighlights h2 {
  margin: 0 0 10px;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

.BolzotNewsHighlights ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.BolzotNewsHighlights li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.55;
}

.BolzotNewsHighlights li::before {
  content: ">";
  position: absolute;
  left: 0;
  top: 0;
  color: #5fe179;
  font-weight: bold;
}

.BolzotNewsPanel .BolzotHomeActions {
  justify-content: flex-start;
  margin-top: 20px;
}

@media (max-width: 720px) {
  .BolzotNewsPanel {
    padding: 18px 14px 22px;
  }

  .BolzotFeaturedNews {
    padding: 16px 14px 6px;
  }

  .BolzotFeatureGrid {
    grid-template-columns: 1fr;
  }

  .BolzotNewsMeta {
    flex-direction: column;
    gap: 4px;
  }
}

.TopOnlineCount::before {
  width: 8px;
  height: 8px;
  margin-right: 7px;
  border-radius: 50%;
  background: #4fdb68;
  box-shadow: 0 0 8px rgba(79, 219, 104, 0.75);
}
.TopOnlineCount::before {
  content: "" !important;
  display: inline-block;
  flex: 0 0 auto;
}
/* Natural AmonOT-like topbar/news refinements */
.TopbarBrandLogo {
  width: 30px;
  height: 30px;
  object-fit: contain;
  flex: 0 0 auto;
  margin-right: 10px;
  filter: drop-shadow(0 0 8px rgba(222, 176, 78, 0.35));
}

.StatusTopbar .InfoBar {
  gap: 14px;
}

.TopOnlineCount {
  margin-left: 2px;
  margin-right: 8px;
  color: #54e36b !important;
}

.TopOnlineCount::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  margin-right: 7px !important;
  border-radius: 50% !important;
  background: #4fdb68 !important;
  box-shadow: 0 0 9px rgba(79, 219, 104, 0.85) !important;
}

.Content .Box:has(.BolzotNewsPanel) {
  margin: 0 5px 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Content .Box:has(.BolzotNewsPanel) .BorderTitleText,
.Content .Box:has(.BolzotNewsPanel) .Border_1,
.Content .Box:has(.BolzotNewsPanel) .Corner-tl,
.Content .Box:has(.BolzotNewsPanel) .Corner-tr,
.Content .Box:has(.BolzotNewsPanel) .BottomCornersHelper,
.Content .Box:has(.BolzotNewsPanel) .CornerWrapper-b,
.Content .Box:has(.BolzotNewsPanel) .Corner-bl,
.Content .Box:has(.BolzotNewsPanel) .Corner-br {
  display: none !important;
}

.Content .Box:has(.BolzotNewsPanel) .Border_2,
.Content .Box:has(.BolzotNewsPanel) .Border_3 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.Content .BoxContent:has(.BolzotNewsPanel) {
  padding: 0 !important;
  background: transparent !important;
}

.BolzotNewsPanel {
  padding: 26px 28px 32px;
  min-height: 540px;
  border: 0 !important;
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(16, 17, 20, 0.84), rgba(16, 17, 20, 0.7)),
    url("images/header/bolzot-battle-background.png") center center / cover no-repeat !important;
  box-shadow:
    inset 0 0 110px rgba(0, 0, 0, 0.64),
    0 14px 34px rgba(0, 0, 0, 0.38) !important;
}

.BolzotNewsPanel::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 24%),
    radial-gradient(circle at 50% 20%, rgba(255, 214, 132, 0.06), transparent 35%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.34), transparent 30%, transparent 72%, rgba(0, 0, 0, 0.38)) !important;
}

.BolzotFeaturedNews {
  padding: 0 2px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.BolzotNewsTabs {
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

.BolzotNewsTab {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.04);
}

.BolzotNewsTab.is-active {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035));
}

.BolzotFeatureCard {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

/* Status real do servidor e padrao escuro geral */
.TopOnlineCount {
  display: none !important;
}

.TopServerStatus > img.InfoBarBigLogo {
  width: 16px;
  height: 16px;
  opacity: 1;
}

.TopServerStatus.is-online > img.InfoBarBigLogo {
  filter: brightness(0) saturate(100%) invert(65%) sepia(68%) saturate(603%) hue-rotate(77deg) brightness(101%) contrast(91%) drop-shadow(0 0 7px rgba(79, 219, 104, 0.85));
}

.TopServerStatus.is-offline > img.InfoBarBigLogo {
  filter: brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(2467%) hue-rotate(343deg) brightness(96%) contrast(96%) drop-shadow(0 0 7px rgba(222, 54, 54, 0.8));
}

.TopServerStatus.is-online .InfoBarLinks {
  color: #66df75 !important;
}

.TopServerStatus.is-offline .InfoBarLinks {
  color: #e9d8bd !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .BoxContent,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .TableContentContainer,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table1,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table2,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table3,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table4,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table5 {
  background: rgba(16, 17, 20, 0.82) !important;
  color: #ded8cc !important;
  border-color: rgba(194, 151, 78, 0.32) !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) td,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) p,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) div,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) span,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) small {
  color: #ded8cc;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Odd,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Even {
  background: rgba(255, 255, 255, 0.035) !important;
}

/* Subpaginas no padrao BolzOt moderno */
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Border_2,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Border_3 {
  background: transparent !important;
  border-color: rgba(194, 151, 78, 0.34) !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .BoxContent {
  background:
    linear-gradient(180deg, rgba(16, 17, 20, 0.88), rgba(16, 17, 20, 0.74)) !important;
  border: 1px solid rgba(194, 151, 78, 0.28) !important;
  box-shadow:
    inset 0 0 70px rgba(0, 0, 0, 0.42),
    0 12px 28px rgba(0, 0, 0, 0.34) !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .TableContainer,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .InnerTableContainer,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .TableContentContainer {
  background: rgba(10, 11, 13, 0.38) !important;
  border-color: rgba(194, 151, 78, 0.26) !important;
  box-shadow: none !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table1,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table2,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table3,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table4,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Table5,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) table,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) tbody,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) tr,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) td[bgcolor],
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) tr[bgcolor] {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Odd,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .Even,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) tr.Odd,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) tr.Even,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) td.Odd,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) td.Even {
  background: rgba(255, 255, 255, 0.035) !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .LabelH,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .LabelH td,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .LabelV,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .LabelV120,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .LabelV150,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .LabelV200,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .CaptionContainer,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) .CaptionInnerContainer {
  background:
    linear-gradient(180deg, rgba(93, 28, 19, 0.92), rgba(35, 13, 10, 0.92)) !important;
  color: #f3ddb0 !important;
  border-color: rgba(194, 151, 78, 0.34) !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) input,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) select,
.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) textarea {
  background: rgba(7, 8, 10, 0.86) !important;
  color: #efe4d0 !important;
  border: 1px solid rgba(194, 151, 78, 0.38) !important;
}

.Content .Box:not(.StatusTopbar):not(:has(.BolzotNewsPanel)) hr {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Account manager e cadastro modernizados */
.Content .Box:has(.BolzotAccountShell) {
  margin: 0 5px 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Content .Box:has(.BolzotAccountShell) .BorderTitleText,
.Content .Box:has(.BolzotAccountShell) .Border_1,
.Content .Box:has(.BolzotAccountShell) .Corner-tl,
.Content .Box:has(.BolzotAccountShell) .Corner-tr,
.Content .Box:has(.BolzotAccountShell) .BottomCornersHelper,
.Content .Box:has(.BolzotAccountShell) .CornerWrapper-b,
.Content .Box:has(.BolzotAccountShell) .Corner-bl,
.Content .Box:has(.BolzotAccountShell) .Corner-br {
  display: none !important;
}

.Content .Box:has(.BolzotAccountShell) .Border_2,
.Content .Box:has(.BolzotAccountShell) .Border_3,
.Content .BoxContent:has(.BolzotAccountShell) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.BolzotAccountShell {
  position: relative;
  padding: 26px 28px 32px;
  min-height: 520px;
  border-radius: 6px;
  overflow: hidden;
  color: #e8e1d4;
  background:
    linear-gradient(180deg, rgba(15, 16, 19, 0.88), rgba(15, 16, 19, 0.74)),
    url("images/header/bolzot-battle-background.png") center center / cover no-repeat;
  box-shadow: inset 0 0 110px rgba(0, 0, 0, 0.66), 0 14px 34px rgba(0, 0, 0, 0.4);
}

.BolzotAccountShell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 8%, rgba(224, 176, 82, 0.13), transparent 28%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.45), transparent 32%, transparent 72%, rgba(0, 0, 0, 0.42));
}

.BolzotAccountShell > * {
  position: relative;
  z-index: 1;
}

.BolzotAccountIntro {
  margin: 0 0 22px;
  padding: 0 2px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.BolzotAccountKicker {
  display: inline-flex;
  margin-bottom: 9px;
  color: #d7ad54 !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.BolzotAccountIntro h2 {
  margin: 0 0 8px;
  color: #fff4dc;
  font: 800 25px/1.2 Georgia, "Times New Roman", serif;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
}

.BolzotAccountIntro p {
  max-width: 720px;
  margin: 0;
  color: #d8d0c5 !important;
  font-size: 13px;
  line-height: 1.65;
}

.BolzotAccountPerks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.BolzotAccountPerks span {
  padding: 11px 12px;
  border: 1px solid rgba(214, 172, 89, 0.23);
  border-radius: 5px;
  color: #f1cf7a !important;
  background: rgba(255, 255, 255, 0.04);
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.BolzotAccountShell .CaptionContainer,
.BolzotAccountShell .CaptionInnerContainer,
.BolzotAccountShell .TableContainer .CaptionContainer,
.BolzotAccountShell .TableContainer .CaptionInnerContainer {
  height: auto !important;
  min-height: 32px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.BolzotAccountShell .CaptionInnerContainer span {
  display: none !important;
}

.BolzotAccountShell .CaptionInnerContainer .Text {
  padding: 10px 14px !important;
  color: #f3ddb0 !important;
  font: 800 16px/1.2 Georgia, "Times New Roman", serif !important;
  background: linear-gradient(180deg, rgba(53, 33, 22, 0.86), rgba(15, 15, 16, 0.86)) !important;
  border: 1px solid rgba(214, 172, 89, 0.22) !important;
  border-radius: 5px 5px 0 0;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
}

.BolzotAccountShell .TableContainer,
.BolzotAccountShell .InnerTableContainer,
.BolzotAccountShell .TableContentContainer,
.BolzotAccountShell .TableContentAndRightShadow,
.BolzotAccountShell .Table5,
.BolzotAccountShell .Table4,
.BolzotAccountShell .Table3,
.BolzotAccountShell .Table2,
.BolzotAccountShell .Table1 {
  width: 100% !important;
  margin: 0 0 16px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.BolzotAccountShell .TableShadowContainer,
.BolzotAccountShell .TableShadowContainerRightTop,
.BolzotAccountShell .TopButtonContainer {
  display: none !important;
}

.BolzotAccountShell .TableContent {
  width: 100% !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  background: rgba(10, 11, 13, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.BolzotAccountShell .TableContent tr,
.BolzotAccountShell .TableContent td,
.BolzotAccountShell tr[style*="background-color"],
.BolzotAccountShell td[bgcolor] {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  color: #e4ddd0 !important;
}

.BolzotAccountShell .TableContent tr:not(:last-child) > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
}

.BolzotAccountShell .LabelV,
.BolzotAccountShell .LabelH,
.BolzotAccountShell .LabelH td {
  color: #edc96c !important;
  background: rgba(255, 255, 255, 0.035) !important;
  font-weight: 800 !important;
  text-transform: uppercase;
}

.BolzotAccountShell input[type="text"],
.BolzotAccountShell input[type="password"],
.BolzotAccountShell input[type="email"],
.BolzotAccountShell select,
.BolzotAccountShell textarea {
  min-height: 32px;
  padding: 7px 9px;
  border: 1px solid rgba(214, 172, 89, 0.34) !important;
  border-radius: 4px;
  color: #f3eadb !important;
  background: rgba(5, 6, 8, 0.88) !important;
  outline: none;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.42);
}

.BolzotAccountShell input[type="text"]:focus,
.BolzotAccountShell input[type="password"]:focus,
.BolzotAccountShell input[type="email"]:focus,
.BolzotAccountShell select:focus,
.BolzotAccountShell textarea:focus {
  border-color: rgba(244, 207, 120, 0.75) !important;
  box-shadow: 0 0 0 2px rgba(244, 207, 120, 0.14), inset 0 1px 8px rgba(0, 0, 0, 0.42);
}

.BolzotAccountShell input[type="checkbox"],
.BolzotAccountShell input[type="radio"] {
  accent-color: #d7ad54;
}

.BolzotAccountShell .BigButton,
.BolzotAccountShell .MediumButtonBackground {
  width: auto !important;
  min-width: 150px;
  height: 34px !important;
  padding: 0 18px;
  border: 1px solid rgba(221, 177, 83, 0.46) !important;
  border-radius: 4px;
  background: linear-gradient(180deg, #3d3326, #0e0d0b) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 180, 0.16), 0 0 15px rgba(215, 173, 84, 0.12);
}

.BolzotAccountShell .BigButton:hover,
.BolzotAccountShell .MediumButtonBackground:hover {
  border-color: rgba(244, 207, 120, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 180, 0.22), 0 0 18px rgba(215, 173, 84, 0.34);
}

.BolzotAccountShell .BigButtonOver,
.BolzotAccountShell .MediumButtonOver {
  display: none !important;
}

.BolzotAccountShell .BigButtonText,
.BolzotAccountShell .MediumButtonText,
.BolzotAccountShell input[type="submit"] {
  position: static !important;
  width: 100% !important;
  height: 34px !important;
  border: 0 !important;
  color: #f3d983 !important;
  background: transparent !important;
  font: 800 13px/34px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.85);
  cursor: pointer;
}

.BolzotAccountShell a {
  color: #f1c85e !important;
}

.BolzotAccountShell .FormFieldError,
.BolzotAccountShell .red {
  color: #ff7777 !important;
}

.BolzotAccountShell .premiumbenefits {
  gap: 10px;
  flex-wrap: wrap;
}

.BolzotAccountShell .premiumbenefits > div {
  min-width: 170px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.035);
}

@media (max-width: 760px) {
  .BolzotAccountShell {
    padding: 20px 16px 24px;
  }

  .BolzotAccountPerks {
    grid-template-columns: 1fr;
  }

  .BolzotAccountShell .LabelV,
  .BolzotAccountShell .TableContent td {
    display: block;
    width: auto !important;
  }
}

/* Esconde texto antigo solto do cadastro que vinha antes do painel novo */
.Content .BoxContent:has(.BolzotAccountCreate) {
  font-size: 0 !important;
  line-height: 0 !important;
}

.Content .BoxContent:has(.BolzotAccountCreate) .BolzotAccountCreate {
  font-size: 13px !important;
  line-height: normal !important;
}

/* Botao criar conta do login modernizado */
.BolzotAccountLogin .MediumButtonForm .MediumButtonBackground {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.BolzotAccountLogin .MediumButtonForm .MediumButtonBackground::after {
  content: "Criar Conta";
  color: #f3d983;
  font: 800 13px/1 Georgia, "Times New Roman", serif;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.85);
  pointer-events: none;
}

.BolzotAccountLogin .MediumButtonForm input[type="image"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer;
}

/* Polimento final da tela de login */
.Content .BoxContent:has(.BolzotAccountLogin) {
  font-size: 0 !important;
  line-height: 0 !important;
}

.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin {
  font-size: 13px !important;
  line-height: normal !important;
}

.BolzotAccountLogin .BolzotAccountIntro {
  padding-top: 8px;
}

.BolzotAccountLogin > form + br + div h1 {
  margin: 34px 0 14px !important;
  color: #fff1d0 !important;
  font: 800 26px/1.2 Georgia, "Times New Roman", serif !important;
  text-shadow: 0 0 16px rgba(231, 175, 67, 0.35), 0 3px 10px rgba(0, 0, 0, 0.85);
}

.BolzotAccountLogin .BolzotJoinCallout {
  max-width: 560px;
}

.BolzotAccountLogin .BolzotJoinCallout p {
  margin: 0 0 8px !important;
  color: #e8e0d2 !important;
  font-size: 14px;
  line-height: 1.45;
}

.BolzotAccountLogin .BolzotJoinCallout b {
  color: #f3d983 !important;
  font: 800 18px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotAccountLogin .BigButton,
.BolzotAccountLogin .MediumButtonBackground {
  border: 1px solid rgba(255, 218, 112, 0.82) !important;
  background:
    linear-gradient(180deg, rgba(255, 224, 115, 0.28), rgba(174, 103, 24, 0.82) 48%, rgba(87, 39, 10, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 209, 0.34),
    inset 0 -10px 18px rgba(82, 32, 6, 0.45),
    0 0 18px rgba(240, 190, 71, 0.38) !important;
}

.BolzotAccountLogin .BigButton:hover,
.BolzotAccountLogin .MediumButtonBackground:hover {
  background:
    linear-gradient(180deg, rgba(255, 240, 157, 0.42), rgba(205, 128, 28, 0.9) 50%, rgba(104, 45, 8, 1)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 209, 0.46),
    inset 0 -10px 18px rgba(82, 32, 6, 0.45),
    0 0 24px rgba(255, 211, 88, 0.58) !important;
}

.BolzotAccountLogin .BigButtonText,
.BolzotAccountLogin .MediumButtonText,
.BolzotAccountLogin .MediumButtonForm .MediumButtonBackground::after {
  color: #fff2bc !important;
  text-shadow: 0 1px 0 #5b2604, 0 0 10px rgba(255, 220, 98, 0.55) !important;
}

.BolzotAccountLogin .MediumButtonForm .MediumButtonBackground::after {
  content: "Criar Conta";
}

/* Faixas internas do login no padrao escuro */
.BolzotAccountLogin .CaptionInnerContainer .Text,
.BolzotAccountCreate .CaptionInnerContainer .Text,
.BolzotAccountManager .CaptionInnerContainer .Text {
  background:
    linear-gradient(180deg, rgba(31, 28, 24, 0.9), rgba(9, 9, 10, 0.88)) !important;
  border: 1px solid rgba(214, 172, 89, 0.24) !important;
  color: #f0d486 !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 174, 0.06), 0 8px 18px rgba(0, 0, 0, 0.2) !important;
}

.BolzotAccountLogin .LabelV,
.BolzotAccountCreate .LabelV,
.BolzotAccountManager .LabelV,
.BolzotAccountLogin .LabelH,
.BolzotAccountCreate .LabelH,
.BolzotAccountManager .LabelH,
.BolzotAccountLogin .LabelH td,
.BolzotAccountCreate .LabelH td,
.BolzotAccountManager .LabelH td {
  background:
    linear-gradient(180deg, rgba(22, 21, 19, 0.82), rgba(9, 9, 10, 0.78)) !important;
  color: #e8c76c !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

.BolzotAccountLogin .TableContent,
.BolzotAccountCreate .TableContent,
.BolzotAccountManager .TableContent {
  background: rgba(8, 9, 11, 0.54) !important;
}

/* Remove vermelho restante da tela de login */
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .CaptionInnerContainer .Text,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContainer .CaptionInnerContainer .Text {
  background: linear-gradient(180deg, rgba(25, 24, 22, 0.94), rgba(7, 8, 9, 0.92)) !important;
  border: 1px solid rgba(214, 172, 89, 0.34) !important;
  border-top-color: rgba(244, 210, 127, 0.42) !important;
  color: #f4d98b !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 174, 0.08), 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .LabelV,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin td.LabelV,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContent td.LabelV,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin tr > td.LabelV {
  background: linear-gradient(180deg, rgba(24, 23, 21, 0.9), rgba(8, 9, 10, 0.86)) !important;
  color: #f0d486 !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: inset 1px 0 0 rgba(214, 172, 89, 0.12) !important;
}

.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContent,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContent tbody,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContent tr,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContent td {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContent {
  background: rgba(8, 9, 11, 0.5) !important;
  border-color: rgba(214, 172, 89, 0.2) !important;
}

/* Override definitivo login sem vermelho */
.BolzotAccountLogin .TableContainer .CaptionContainer,
.BolzotAccountLogin .TableContainer .CaptionInnerContainer,
.BolzotAccountLogin .CaptionContainer,
.BolzotAccountLogin .CaptionInnerContainer {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.BolzotAccountLogin .CaptionInnerContainer .Text,
.BolzotAccountLogin .TableContainer .CaptionContainer .Text,
.BolzotAccountLogin .TableContainer .CaptionInnerContainer .Text {
  background: rgba(8, 9, 11, 0.72) !important;
  background-image: linear-gradient(180deg, rgba(28, 27, 25, 0.72), rgba(8, 9, 11, 0.72)) !important;
  background-color: rgba(8, 9, 11, 0.72) !important;
  border: 1px solid rgba(188, 145, 65, 0.28) !important;
  border-left-color: rgba(231, 190, 92, 0.36) !important;
  border-top-color: rgba(231, 190, 92, 0.24) !important;
  color: #f1d584 !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 174, 0.05), 0 10px 22px rgba(0, 0, 0, 0.16) !important;
}

.BolzotAccountLogin .LabelV,
.BolzotAccountLogin td.LabelV,
.BolzotAccountLogin .TableContent .LabelV,
.BolzotAccountLogin .TableContent td.LabelV,
.BolzotAccountLogin tr > td.LabelV,
.BolzotAccountLogin .LabelV span {
  background: rgba(9, 10, 12, 0.64) !important;
  background-image: linear-gradient(180deg, rgba(24, 23, 21, 0.68), rgba(9, 10, 12, 0.62)) !important;
  background-color: rgba(9, 10, 12, 0.64) !important;
  color: #efd081 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

.BolzotAccountLogin .TableContentContainer,
.BolzotAccountLogin .InnerTableContainer .TableContentContainer,
.BolzotAccountLogin .TableContent {
  border-color: rgba(188, 145, 65, 0.18) !important;
  box-shadow: none !important;
}

.BolzotAccountLogin .BigButton,
.BolzotAccountLogin #LoginFormButtonCell .BigButton,
.BolzotAccountLogin .BigButton > div,
.BolzotAccountLogin .MediumButtonBackground,
.BolzotAccountLogin .MediumButtonBackground > div {
  background: linear-gradient(180deg, rgba(255, 218, 99, 0.5), rgba(167, 92, 13, 0.94) 48%, rgba(64, 32, 8, 0.98)) !important;
  background-image: linear-gradient(180deg, rgba(255, 218, 99, 0.5), rgba(167, 92, 13, 0.94) 48%, rgba(64, 32, 8, 0.98)) !important;
  background-color: #9b5b12 !important;
  border-color: rgba(255, 224, 128, 0.88) !important;
  box-shadow: inset 0 1px 0 rgba(255, 248, 196, 0.34), 0 0 18px rgba(236, 178, 55, 0.48) !important;
}

.BolzotAccountLogin .BigButtonText,
.BolzotAccountLogin .MediumButtonText,
.BolzotAccountLogin input.BigButtonText,
.BolzotAccountLogin .MediumButtonBackground::after {
  color: #fff0b2 !important;
  background: transparent !important;
  background-image: none !important;
  text-shadow: 0 1px 0 rgba(72, 30, 0, 0.95), 0 0 9px rgba(255, 219, 99, 0.72) !important;
}

/* Remove linhas vinho finais do login */
.BolzotAccountLogin .CaptionInnerContainer .Text,
.BolzotAccountLogin .TableContainer .CaptionContainer .Text,
.BolzotAccountLogin .TableContainer .CaptionInnerContainer .Text {
  background: linear-gradient(180deg, rgba(22, 22, 21, 0.76), rgba(7, 8, 9, 0.76)) !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-left-color: rgba(213, 176, 92, 0.32) !important;
  border-top-color: rgba(255, 255, 255, 0.055) !important;
  border-bottom-color: rgba(213, 176, 92, 0.16) !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.BolzotAccountLogin .TableContainer,
.BolzotAccountLogin .CaptionContainer,
.BolzotAccountLogin .CaptionInnerContainer,
.BolzotAccountLogin .InnerTableContainer,
.BolzotAccountLogin .TableContentContainer,
.BolzotAccountLogin .TableContent,
.BolzotAccountLogin table,
.BolzotAccountLogin tbody,
.BolzotAccountLogin tr,
.BolzotAccountLogin td {
  border-color: rgba(255, 255, 255, 0.06) !important;
  outline-color: rgba(255, 255, 255, 0.06) !important;
}

.BolzotAccountLogin .LabelV,
.BolzotAccountLogin td.LabelV,
.BolzotAccountLogin .TableContent .LabelV,
.BolzotAccountLogin .TableContent td.LabelV,
.BolzotAccountLogin tr > td.LabelV {
  background: rgba(8, 9, 10, 0.64) !important;
  background-image: linear-gradient(180deg, rgba(20, 20, 19, 0.66), rgba(7, 8, 9, 0.64)) !important;
  border-color: rgba(255, 255, 255, 0.055) !important;
  color: #edd285 !important;
}

/* Correcao final com mesma especificidade do login */
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .CaptionInnerContainer .Text,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContainer .CaptionContainer .Text,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContainer .CaptionInnerContainer .Text {
  background: linear-gradient(180deg, rgba(22, 22, 21, 0.76), rgba(7, 8, 9, 0.76)) !important;
  background-image: linear-gradient(180deg, rgba(22, 22, 21, 0.76), rgba(7, 8, 9, 0.76)) !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-left-color: rgba(213, 176, 92, 0.32) !important;
  border-top-color: rgba(255, 255, 255, 0.055) !important;
  border-bottom-color: rgba(213, 176, 92, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .LabelV,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin td.LabelV,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContent .LabelV,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin .TableContent td.LabelV,
.Content .BoxContent:has(.BolzotAccountLogin) .BolzotAccountLogin tr > td.LabelV {
  background: rgba(8, 9, 10, 0.64) !important;
  background-image: linear-gradient(180deg, rgba(20, 20, 19, 0.66), rgba(7, 8, 9, 0.64)) !important;
  border-color: rgba(255, 255, 255, 0.055) !important;
  color: #edd285 !important;
  box-shadow: none !important;
}

/* Login refeito sem tabelas antigas */
.BolzotCleanLogin .BolzotLoginPanel,
.BolzotCleanLogin .BolzotNewPlayerPanel {
  margin-top: 22px;
  padding: 0;
}

.BolzotCleanLogin .BolzotLoginPanel > h3,
.BolzotCleanLogin .BolzotJoinBox > h3 {
  margin: 0;
}

.BolzotCleanLogin .BolzotLoginPanel > h3,
.BolzotCleanLogin .BolzotJoinBox {
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-left-color: rgba(213, 176, 92, 0.32);
  border-bottom-color: rgba(213, 176, 92, 0.16);
  background: linear-gradient(180deg, rgba(22, 22, 21, 0.76), rgba(7, 8, 9, 0.76));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 8px 18px rgba(0, 0, 0, 0.18);
}

.BolzotCleanLogin .BolzotLoginPanel > h3 {
  padding: 11px 14px;
  color: #f1d584;
  font: 800 16px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotLoginForm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 8px 14px;
  align-items: center;
  padding: 10px 0 0;
}

.BolzotLoginField {
  display: grid;
  grid-template-columns: 165px minmax(0, 1fr);
  align-items: center;
  min-height: 32px;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045);
}

.BolzotLoginField span {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #edd285 !important;
  background: linear-gradient(180deg, rgba(20, 20, 19, 0.66), rgba(7, 8, 9, 0.64));
  font-weight: 800;
  text-transform: uppercase;
}

.BolzotLoginField input {
  width: 100%;
}

.BolzotRemember {
  grid-column: 1 / 2;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  margin: 0 0 0 170px;
  color: #e8e0d2;
}

.BolzotLoginActions {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  display: grid;
  align-self: stretch;
}

.BolzotLostForm {
  margin: -32px 0 0 auto;
  width: 170px;
}

.BolzotGoldButton {
  width: 100%;
  min-height: 34px;
  border: 1px solid rgba(255, 224, 128, 0.88);
  border-radius: 4px;
  color: #fff0b2;
  background: linear-gradient(180deg, rgba(255, 218, 99, 0.5), rgba(167, 92, 13, 0.94) 48%, rgba(64, 32, 8, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 248, 196, 0.34), 0 0 18px rgba(236, 178, 55, 0.48);
  font: 800 14px/1 Georgia, "Times New Roman", serif;
  text-shadow: 0 1px 0 rgba(72, 30, 0, 0.95), 0 0 9px rgba(255, 219, 99, 0.72);
  cursor: pointer;
}

.BolzotGoldButton:hover {
  background: linear-gradient(180deg, rgba(255, 236, 139, 0.6), rgba(199, 118, 22, 0.96) 48%, rgba(83, 39, 8, 1));
  box-shadow: inset 0 1px 0 rgba(255, 248, 196, 0.44), 0 0 24px rgba(255, 204, 72, 0.62);
}

.BolzotNewPlayerPanel h2 {
  margin: 50px 0 16px;
  color: #fff1d0;
  font: 800 26px/1.2 Georgia, "Times New Roman", serif;
  text-align: center;
  text-shadow: 0 0 16px rgba(231, 175, 67, 0.35), 0 3px 10px rgba(0, 0, 0, 0.85);
}

.BolzotJoinBox {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 22px;
  align-items: center;
  padding: 16px;
}

.BolzotJoinCallout h3 {
  margin: 0 0 8px;
  color: #f3d983;
  font: 800 18px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotJoinCallout p {
  margin: 0 0 8px;
  color: #eee7dd !important;
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 760px) {
  .BolzotLoginForm,
  .BolzotJoinBox {
    grid-template-columns: 1fr;
  }

  .BolzotLoginField {
    grid-template-columns: 1fr;
  }

  .BolzotRemember,
  .BolzotLostForm {
    margin: 0;
    width: 100%;
  }

  .BolzotLoginActions {
    grid-column: auto;
    grid-row: auto;
  }
}

/* Create account hero sem tabelas antigas */
.BolzotCreateHero .BolzotCreateForm {
  margin: 0;
}

.BolzotCreateGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.88fr);
  gap: 18px;
  align-items: start;
}

.BolzotCreateCard,
.BolzotCreateRules,
.BolzotCreateSubmit {
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-left-color: rgba(213, 176, 92, 0.32);
  border-bottom-color: rgba(213, 176, 92, 0.16);
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(12, 13, 15, 0.76), rgba(7, 8, 10, 0.66));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 26px rgba(0, 0, 0, 0.18);
}

.BolzotCreateCard {
  padding: 18px;
}

.BolzotCreateCardHead {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin-bottom: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.BolzotCreateCardHead > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(238, 199, 102, 0.36);
  border-radius: 50%;
  color: #f3d983;
  background: radial-gradient(circle, rgba(209, 146, 35, 0.38), rgba(7, 8, 10, 0.8));
  font: 900 16px/1 Georgia, "Times New Roman", serif;
  box-shadow: 0 0 18px rgba(231, 174, 56, 0.18);
}

.BolzotCreateCardHead h3,
.BolzotCreateRules h3 {
  margin: 0 0 5px;
  color: #fff1d0;
  font: 800 21px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotCreateCardHead p,
.BolzotCreateRules p,
.BolzotCreateSubmit p {
  margin: 0;
  color: #d8d0c5 !important;
  line-height: 1.45;
}

.BolzotCreateField {
  position: relative;
  display: grid;
  gap: 7px;
  margin: 0 0 14px;
}

.BolzotCreateSplit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.BolzotCreateField > span {
  color: #f0d486 !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.BolzotCreateField b,
.BolzotRulesCheck b {
  color: #ff6868;
}

.BolzotCreateField input[type="text"],
.BolzotCreateField input[type="password"],
.BolzotCreateField select {
  width: 100%;
  min-height: 38px;
  padding: 9px 11px;
  border: 1px solid rgba(214, 172, 89, 0.34) !important;
  border-radius: 5px;
  color: #f3eadb !important;
  background: rgba(5, 6, 8, 0.88) !important;
  box-sizing: border-box;
}

.BolzotCreateField input:focus,
.BolzotCreateField select:focus {
  border-color: rgba(244, 207, 120, 0.78) !important;
  box-shadow: 0 0 0 2px rgba(244, 207, 120, 0.14), inset 0 1px 8px rgba(0, 0, 0, 0.42);
}

.BolzotCreateField small,
.BolzotCreateField small a {
  color: #e9c86c !important;
}

.BolzotCreateField em,
.BolzotCreateRules em {
  min-height: 14px;
  color: #ff7777 !important;
  font-style: normal;
}

.BolzotCountryField {
  grid-template-columns: minmax(0, 1fr) auto;
}

.BolzotCountryField > span,
.BolzotCountryField select,
.BolzotCountryField em {
  grid-column: 1 / 2;
}

.BolzotCountryField img {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  align-self: center;
  margin-left: 6px;
}

.BolzotChoiceGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 9px;
}

.BolzotChoiceGridSmall {
  grid-template-columns: repeat(2, minmax(112px, 1fr));
}

.BolzotChoice {
  position: relative;
  display: block;
  min-height: 38px;
  margin: 0;
  cursor: pointer;
}

.BolzotChoice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.BolzotChoice span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 5px;
  color: #ded8cc;
  background: rgba(255, 255, 255, 0.035);
  font-weight: 800;
  text-align: center;
}

.BolzotChoice input:checked + span {
  color: #fff0b2;
  border-color: rgba(255, 224, 128, 0.75);
  background: linear-gradient(180deg, rgba(255, 218, 99, 0.22), rgba(167, 92, 13, 0.54));
  box-shadow: 0 0 16px rgba(236, 178, 55, 0.28);
}

.BolzotCreateRules {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
  gap: 18px;
  align-items: center;
  margin-top: 18px;
  padding: 18px;
}

.BolzotRulesCheck {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.035);
  color: #eee7dd;
}

.BolzotRulesCheck input {
  accent-color: #d7ad54;
}

.BolzotRulesCheck a {
  color: #f1c85e !important;
}

.BolzotCreateSubmit {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin-top: 18px;
  padding: 20px;
  text-align: center;
  background:
    radial-gradient(circle at center top, rgba(231, 174, 56, 0.16), transparent 40%),
    linear-gradient(180deg, rgba(12, 13, 15, 0.76), rgba(7, 8, 10, 0.66));
}

.BolzotCreateSubmitButton {
  max-width: 280px;
  min-height: 42px;
  font-size: 16px;
}

.BolzotCreateHero #account_indicator,
.BolzotCreateHero #email_indicator,
.BolzotCreateHero #password_indicator,
.BolzotCreateHero #password2_indicator,
.BolzotCreateHero #character_indicator {
  position: absolute;
  right: 9px;
  top: 31px;
}

@media (max-width: 980px) {
  .BolzotCreateGrid,
  .BolzotCreateRules,
  .BolzotCreateSplit {
    grid-template-columns: 1fr;
  }
}

/* Preview de vocacao no cadastro */
.BolzotVocationPreview {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 12px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left-color: rgba(213, 176, 92, 0.35);
  border-radius: 6px;
  background:
    radial-gradient(circle at 48px 50%, rgba(231, 174, 56, 0.18), transparent 58%),
    rgba(255, 255, 255, 0.035);
  opacity: 0.9;
}

.BolzotVocationPreview.is-visible {
  opacity: 1;
  box-shadow: 0 0 18px rgba(231, 174, 56, 0.12);
}

.BolzotVocationPreviewImage {
  display: grid;
  place-items: center;
  min-height: 92px;
  border: 1px solid rgba(238, 199, 102, 0.2);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.28);
}

.BolzotVocationPreviewImage img {
  max-width: 84px;
  max-height: 84px;
  image-rendering: auto;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.65));
}

.BolzotVocationPreviewText span {
  display: block;
  margin-bottom: 5px;
  color: #d7ad54 !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.BolzotVocationPreviewText strong {
  display: block;
  margin-bottom: 6px;
  color: #fff1d0;
  font: 800 18px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotVocationPreviewText p {
  margin: 0;
  color: #d8d0c5 !important;
  line-height: 1.45;
}

/* Preview aparece somente apos selecionar */
.BolzotVocationPreview {
  display: none;
}

.BolzotVocationPreview.is-visible {
  display: grid;
}

/* Outfit preview maior */
.BolzotVocationPreview {
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 16px;
  padding: 15px;
}

.BolzotVocationPreviewImage {
  min-height: 126px;
}

.BolzotVocationPreviewImage img {
  max-width: 118px;
  max-height: 118px;
}

@media (max-width: 760px) {
  .BolzotVocationPreview {
    grid-template-columns: 110px minmax(0, 1fr);
  }

  .BolzotVocationPreviewImage {
    min-height: 108px;
  }

  .BolzotVocationPreviewImage img {
    max-width: 100px;
    max-height: 100px;
  }
}

/* Forca escala real do outfit */
.BolzotVocationPreviewImage {
  overflow: hidden;
}

.BolzotVocationPreviewImage img {
  width: 104px !important;
  height: 104px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  transform: scale(1.12);
  transform-origin: center center;
  image-rendering: pixelated;
}

@media (max-width: 760px) {
  .BolzotVocationPreviewImage img {
    width: 90px !important;
    height: 90px !important;
    transform: scale(1.08);
  }
}


/* Pagina Download Client moderna */
.Content .Box:has(.BolzotDownloadPage) {
  margin: 0 5px 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Content .Box:has(.BolzotDownloadPage) .BorderTitleText,
.Content .Box:has(.BolzotDownloadPage) .Border_1,
.Content .Box:has(.BolzotDownloadPage) .Corner-tl,
.Content .Box:has(.BolzotDownloadPage) .Corner-tr,
.Content .Box:has(.BolzotDownloadPage) .BottomCornersHelper,
.Content .Box:has(.BolzotDownloadPage) .CornerWrapper-b,
.Content .Box:has(.BolzotDownloadPage) .Corner-bl,
.Content .Box:has(.BolzotDownloadPage) .Corner-br {
  display: none !important;
}

.Content .Box:has(.BolzotDownloadPage) .Border_2,
.Content .Box:has(.BolzotDownloadPage) .Border_3,
.Content .BoxContent:has(.BolzotDownloadPage) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.BolzotDownloadPage {
  min-height: 520px;
}

.BolzotDownloadHero {
  max-width: 720px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.BolzotDownloadHero h1 {
  margin: 0 0 10px;
  color: #fff4dc;
  font: 900 34px/1.12 Georgia, "Times New Roman", serif;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
}

.BolzotDownloadHero p {
  margin: 0;
  color: #d8d0c5 !important;
  font-size: 14px;
  line-height: 1.65;
}

.BolzotDownloadLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 18px;
  align-items: stretch;
}

.BolzotDownloadMainCard,
.BolzotDownloadInfo {
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-left-color: rgba(213, 176, 92, 0.32);
  border-bottom-color: rgba(213, 176, 92, 0.16);
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(12, 13, 15, 0.76), rgba(7, 8, 10, 0.66));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 26px rgba(0, 0, 0, 0.2);
}

.BolzotDownloadMainCard {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 330px;
  padding: 36px 28px;
  text-align: center;
  overflow: hidden;
}

.BolzotDownloadMainCard::before {
  content: "";
  position: absolute;
  inset: -25%;
  background: radial-gradient(circle, rgba(231, 174, 56, 0.18), transparent 34%);
  pointer-events: none;
}

.BolzotDownloadMainCard > * {
  position: relative;
  z-index: 1;
}

.BolzotDownloadBadge {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 5px 10px;
  border-radius: 999px;
  color: #1a1205;
  background: #e7bd47;
  font-size: 10px;
  font-weight: 900;
}

.BolzotDownloadIcon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  margin-bottom: 16px;
  border-radius: 50%;
  color: #ffe9a6;
  background: radial-gradient(circle, rgba(231, 174, 56, 0.42), rgba(7, 8, 10, 0.82));
  border: 1px solid rgba(238, 199, 102, 0.36);
  font-size: 34px;
  box-shadow: 0 0 22px rgba(231, 174, 56, 0.22);
}

.BolzotDownloadMainCard h2 {
  margin: 0 0 10px;
  color: #fff1d0;
  font: 900 25px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotDownloadMainCard p {
  max-width: 520px;
  margin: 0 0 22px;
  color: #d8d0c5 !important;
  line-height: 1.6;
}

.BolzotDownloadPrimary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 230px;
  min-height: 42px;
  padding: 0 22px;
  border: 1px solid rgba(255, 224, 128, 0.88);
  border-radius: 4px;
  color: #fff0b2 !important;
  background: linear-gradient(180deg, rgba(255, 218, 99, 0.5), rgba(167, 92, 13, 0.94) 48%, rgba(64, 32, 8, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 248, 196, 0.34), 0 0 18px rgba(236, 178, 55, 0.48);
  font: 900 15px/1 Georgia, "Times New Roman", serif;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(72, 30, 0, 0.95), 0 0 9px rgba(255, 219, 99, 0.72);
}

.BolzotDownloadPrimary:hover {
  background: linear-gradient(180deg, rgba(255, 236, 139, 0.6), rgba(199, 118, 22, 0.96) 48%, rgba(83, 39, 8, 1));
  box-shadow: inset 0 1px 0 rgba(255, 248, 196, 0.44), 0 0 24px rgba(255, 204, 72, 0.62);
}

.BolzotDownloadMainCard small {
  display: block;
  margin-top: 12px;
  color: #a9a095 !important;
}

.BolzotDownloadInfo {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.BolzotDownloadInfo div {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.035);
}

.BolzotDownloadInfo strong {
  display: block;
  margin-bottom: 6px;
  color: #f3d983;
  font: 900 14px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotDownloadInfo span {
  color: #d8d0c5 !important;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .BolzotDownloadLayout {
    grid-template-columns: 1fr;
  }
}

/* Account manager limpo moderno */
.BolzotCleanManager .BolzotManagerWelcome,
.BolzotCleanManager .BolzotManagerCard,
.BolzotCleanManager .BolzotManagerNotice,
.BolzotCleanManager .BolzotManagerBenefits {
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-left-color: rgba(213, 176, 92, 0.32);
  border-bottom-color: rgba(213, 176, 92, 0.16);
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(12, 13, 15, 0.76), rgba(7, 8, 10, 0.66));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 26px rgba(0, 0, 0, 0.18);
}

.BolzotManagerWelcome {
  margin-bottom: 18px;
  padding: 18px;
  text-align: center;
}

.BolzotManagerWelcome h3 {
  margin: 4px 0 0;
  color: #fff1d0;
  font: 900 24px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotVerifyMessage { color: #ffb7b7 !important; }

.BolzotManagerGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 18px;
  margin-bottom: 18px;
}

.BolzotManagerCard,
.BolzotManagerNotice { padding: 18px; }

.BolzotManagerCardHead {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.BolzotManagerCardHead > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(238, 199, 102, 0.36);
  border-radius: 50%;
  color: #f3d983;
  background: radial-gradient(circle, rgba(209, 146, 35, 0.38), rgba(7, 8, 10, 0.8));
  font: 900 15px/1 Georgia, "Times New Roman", serif;
}

.BolzotManagerCardHead h3 {
  margin: 0 0 5px;
  color: #fff1d0;
  font: 900 21px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotManagerCardHead p,
.BolzotStatusBody span,
.BolzotDownloadMiniContent small,
.BolzotManagerNotice span,
.BolzotInfoList dd,
.BolzotCharacterInfo span {
  color: #d8d0c5 !important;
}

.BolzotStatusBody {
  display: flex;
  gap: 14px;
  align-items: center;
  min-height: 78px;
}

.BolzotStatusIcon { width: 58px; height: 58px; }
.BolzotStatusBody strong { display: block; font-size: 20px; }
.BolzotStatusBody a { color: #f1c85e !important; }

.BolzotManagerActions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.BolzotManagerActions form { margin: 0; }
.BolzotManagerActions .BolzotGoldButton { min-width: 150px; text-decoration: none !important; }

.BolzotDownloadMiniContent {
  display: grid;
  justify-items: center;
  gap: 10px;
  text-align: center;
}

.BolzotManagerBenefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  padding: 14px;
}

.BolzotManagerBenefits div {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.035);
  color: #eee7dd;
}

.BolzotManagerBenefits img { width: 32px; height: 32px; object-fit: contain; }

.BolzotManagerNotice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 18px;
}

.BolzotManagerNotice strong { display: block; margin-bottom: 5px; color: #f3d983; font-size: 16px; }

.BolzotCharactersList,
.BolzotLogsTable { display: grid; gap: 8px; }

.BolzotCharacterRow,
.BolzotLogsHead,
.BolzotLogsRow {
  display: grid;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.035);
}

.BolzotCharacterRow { grid-template-columns: 34px minmax(0, 1fr) 80px 120px; }
.BolzotCharacterIndex { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #f3d983; background: rgba(231,174,56,.12); font-weight: 900; }
.BolzotCharacterInfo strong { display: block; color: #fff1d0; }
.BolzotCharacterStatus { font-weight: 900; }
.BolzotCharacterStatus.is-online { color: #66df75; }
.BolzotCharacterStatus.is-offline { color: #9c948b; }
.BolzotCharacterLinks { display: flex; gap: 10px; justify-content: flex-end; }
.BolzotCharacterLinks a { color: #f1c85e !important; }

.BolzotInfoList {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 0;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 5px;
  overflow: hidden;
}

.BolzotInfoList dt,
.BolzotInfoList dd {
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.BolzotInfoList dt { color: #f0d486; font-weight: 900; background: rgba(255,255,255,.035); }
.BolzotLogsHead,
.BolzotLogsRow { grid-template-columns: minmax(0, 1fr) 170px 110px; }
.BolzotLogsHead { color: #f0d486; font-weight: 900; }
.BolzotLogsRow span { color: #ddd6ca; }
.BolzotEmptyState { padding: 16px; color: #d8d0c5; text-align: center; }

@media (max-width: 900px) {
  .BolzotManagerGrid,
  .BolzotManagerBenefits,
  .BolzotManagerNotice { grid-template-columns: 1fr; }
  .BolzotCharacterRow,
  .BolzotLogsHead,
  .BolzotLogsRow { grid-template-columns: 1fr; }
  .BolzotCharacterLinks { justify-content: flex-start; }
  .BolzotInfoList { grid-template-columns: 1fr; }
}

/* Dashboard superior do account manager */
.BolzotManagerStats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}

.BolzotStatCard,
.BolzotQuickActions {
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-left-color: rgba(213, 176, 92, 0.32);
  border-bottom-color: rgba(213, 176, 92, 0.16);
  border-radius: 6px;
  background:
    radial-gradient(circle at 50% 0%, rgba(231, 174, 56, 0.11), transparent 44%),
    linear-gradient(180deg, rgba(12, 13, 15, 0.78), rgba(7, 8, 10, 0.68));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 26px rgba(0, 0, 0, 0.16);
}

.BolzotStatCard {
  min-height: 96px;
  padding: 14px;
}

.BolzotStatCard span {
  display: block;
  margin-bottom: 8px;
  color: #d7ad54 !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.BolzotStatCard strong {
  display: block;
  overflow: hidden;
  color: #fff1d0;
  font: 900 24px/1.1 Georgia, "Times New Roman", serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BolzotStatCard small {
  display: block;
  margin-top: 6px;
  color: #bdb3a7 !important;
}

.BolzotQuickActions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 14px;
}

.BolzotQuickActions form {
  margin: 0;
}

.BolzotQuickActions .BolzotGoldButton {
  min-width: 160px;
  text-decoration: none !important;
}

.BolzotCleanManager .BolzotCharactersCard {
  background:
    radial-gradient(circle at 20% 0%, rgba(231, 174, 56, 0.12), transparent 38%),
    linear-gradient(180deg, rgba(12, 13, 15, 0.78), rgba(7, 8, 10, 0.68));
}

.BolzotCharacterRow:hover {
  border-color: rgba(244, 207, 120, 0.22) !important;
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 0 16px rgba(231, 174, 56, 0.08);
}

@media (max-width: 1000px) {
  .BolzotManagerStats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .BolzotManagerStats {
    grid-template-columns: 1fr;
  }
}

/* Donate Mercado Pago - BolzOT */
.Content .Box:has(.BolzotDonatePage) {
  margin: 0 5px 8px !important;
  background: transparent !important;
  border-color: transparent !important;
}
.Content .Box:has(.BolzotDonatePage) .BorderTitleText,
.Content .Box:has(.BolzotDonatePage) .Border_1,
.Content .Box:has(.BolzotDonatePage) .Corner-tl,
.Content .Box:has(.BolzotDonatePage) .Corner-tr,
.Content .Box:has(.BolzotDonatePage) .BottomCornersHelper,
.Content .Box:has(.BolzotDonatePage) .CornerWrapper-b,
.Content .Box:has(.BolzotDonatePage) .Corner-bl,
.Content .Box:has(.BolzotDonatePage) .Corner-br { display: none !important; }
.Content .Box:has(.BolzotDonatePage) .Border_2,
.Content .Box:has(.BolzotDonatePage) .Border_3,
.Content .BoxContent:has(.BolzotDonatePage) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.BolzotDonatePage {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  padding: 28px;
  color: #eee7dc;
  border: 1px solid rgba(201, 154, 74, 0.35);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(10, 11, 14, 0.76), rgba(7, 8, 10, 0.88)),
    url('/templates/tibiacom/images/header/bolzot-battle-background.png') center/cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 42px rgba(0,0,0,.35);
  font-size: 13px;
}
.BolzotDonatePage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 18% 12%, rgba(234, 183, 78, .16), transparent 34%), linear-gradient(90deg, rgba(0,0,0,.08), rgba(255,255,255,.025), rgba(0,0,0,.2));
}
.BolzotDonatePage > * { position: relative; z-index: 1; }
.BolzotDonateHero { max-width: 720px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.09); }
.BolzotDonateHero span,
.BolzotDonateCheckout span,
.BolzotDonatePackageTag {
  display: block;
  color: #e3b95d !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.BolzotDonateHero h2 {
  margin: 8px 0;
  color: #fff1d0;
  font: 900 30px/1.1 Georgia, "Times New Roman", serif;
}
.BolzotDonateHero p,
.BolzotDonateAlert,
.BolzotDonateCheckout small,
.BolzotDonatePerks span { color: #d8d0c5 !important; }
.BolzotDonateBanner,
.BolzotDonateAlert {
  margin: 16px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(231, 184, 83, .28);
  border-radius: 6px;
  background: rgba(9, 10, 12, .58);
}
.BolzotDonateBanner { color: #ffe293 !important; box-shadow: 0 0 22px rgba(218, 165, 50, .12); }
.BolzotDonatePackages {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0;
}
.BolzotDonatePackage {
  position: relative;
  min-height: 150px;
  padding: 16px 13px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(16,17,20,.82), rgba(7,8,10,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 24px rgba(0,0,0,.18);
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.BolzotDonatePackage input { position: absolute; opacity: 0; pointer-events: none; }
.BolzotDonatePackage strong {
  display: block;
  margin: 12px 0 8px;
  color: #fff0c8;
  font: 900 23px/1.05 Georgia, "Times New Roman", serif;
}
.BolzotDonatePackage em {
  display: inline-block;
  padding: 6px 9px;
  color: #161006;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe18a, #bf7415);
  font-style: normal;
  font-weight: 900;
}
.BolzotDonatePackage small { display: block; margin-top: 10px; color: #cfc6ba !important; }
.BolzotDonatePackage:hover,
.BolzotDonatePackage:has(input:checked),
.BolzotDonatePackage.is-featured:has(input:checked) {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 112, .72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 26px rgba(224, 167, 45, .24);
}
.BolzotDonatePackage.is-featured::after {
  content: "POPULAR";
  position: absolute;
  top: -10px;
  right: 10px;
  padding: 4px 8px;
  color: #130e05;
  border-radius: 999px;
  background: #ffd465;
  font-size: 10px;
  font-weight: 900;
}
.BolzotDonateCheckout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 8px;
  background: rgba(5, 6, 8, .62);
}
.BolzotDonateCheckout strong { display: block; margin: 6px 0; color: #fff1d0; font-size: 19px; }
.BolzotDonateButton { text-align: center; text-decoration: none !important; }
.BolzotDonateButton:disabled { opacity: .45; cursor: not-allowed; filter: grayscale(.5); }
.BolzotDonatePerks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.BolzotDonatePerks article {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 7px;
  background: rgba(255,255,255,.035);
}
.BolzotDonatePerks b { display: block; margin-bottom: 6px; color: #f1d584; }
.BolzotDonateFinal { min-height: 360px; }
.BolzotDonateSetup b { color: #ffe293; }
@media (max-width: 980px) {
  .BolzotDonatePackages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .BolzotDonateCheckout,
  .BolzotDonatePerks { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .BolzotDonatePage { padding: 20px 14px; }
  .BolzotDonatePackages { grid-template-columns: 1fr; }
  .BolzotDonateHero h2 { font-size: 25px; }
}

/* Ajuste donate: remove textos antigos do template e avisos publicos */
.Content .BoxContent:has(.BolzotDonatePage) {
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.Content .BoxContent:has(.BolzotDonatePage) > :not(.BolzotDonatePage) {
  display: none !important;
}
.Content .BoxContent:has(.BolzotDonatePage) .BolzotDonatePage {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.BolzotDonateAlert { display: none !important; }

/* Characters - BolzOT modern */
.Content .Box:has(.BolzotCharacterPage),
.Content .Box:has(.BolzotCharacterSearchPage) {
  margin: 0 5px 8px !important;
  background: transparent !important;
  border-color: transparent !important;
}
.Content .Box:has(.BolzotCharacterPage) .BorderTitleText,
.Content .Box:has(.BolzotCharacterPage) .Border_1,
.Content .Box:has(.BolzotCharacterPage) .Corner-tl,
.Content .Box:has(.BolzotCharacterPage) .Corner-tr,
.Content .Box:has(.BolzotCharacterPage) .BottomCornersHelper,
.Content .Box:has(.BolzotCharacterPage) .CornerWrapper-b,
.Content .Box:has(.BolzotCharacterPage) .Corner-bl,
.Content .Box:has(.BolzotCharacterPage) .Corner-br,
.Content .Box:has(.BolzotCharacterSearchPage) .BorderTitleText,
.Content .Box:has(.BolzotCharacterSearchPage) .Border_1,
.Content .Box:has(.BolzotCharacterSearchPage) .Corner-tl,
.Content .Box:has(.BolzotCharacterSearchPage) .Corner-tr,
.Content .Box:has(.BolzotCharacterSearchPage) .BottomCornersHelper,
.Content .Box:has(.BolzotCharacterSearchPage) .CornerWrapper-b,
.Content .Box:has(.BolzotCharacterSearchPage) .Corner-bl,
.Content .Box:has(.BolzotCharacterSearchPage) .Corner-br { display: none !important; }
.Content .Box:has(.BolzotCharacterPage) .Border_2,
.Content .Box:has(.BolzotCharacterPage) .Border_3,
.Content .BoxContent:has(.BolzotCharacterPage),
.Content .Box:has(.BolzotCharacterSearchPage) .Border_2,
.Content .Box:has(.BolzotCharacterSearchPage) .Border_3,
.Content .BoxContent:has(.BolzotCharacterSearchPage) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.BolzotCharacterPage,
.BolzotCharacterSearchPage {
  position: relative;
  overflow: hidden;
  padding: 28px;
  color: #eee7dc;
  border: 1px solid rgba(201,154,74,.34);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(10,11,14,.75), rgba(7,8,10,.88)),
    url('/templates/tibiacom/images/header/bolzot-battle-background.png') center/cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 42px rgba(0,0,0,.35);
  font-size: 13px;
}
.BolzotCharacterPage::before,
.BolzotCharacterSearchPage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 18% 8%, rgba(234,183,78,.15), transparent 34%), linear-gradient(90deg, rgba(0,0,0,.08), rgba(255,255,255,.025), rgba(0,0,0,.22));
}
.BolzotCharacterPage > *,
.BolzotCharacterSearchPage > * { position: relative; z-index: 1; }
.BolzotCharacterHero {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}
.BolzotCharacterPortrait {
  display: grid;
  place-items: center;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(231,184,83,.32);
  border-radius: 8px;
  background: radial-gradient(circle, rgba(218,158,43,.22), rgba(5,6,8,.68));
  box-shadow: inset 0 0 30px rgba(0,0,0,.35), 0 0 24px rgba(218,158,43,.1);
}
.BolzotCharacterPortrait img { max-width: 122px; max-height: 122px; object-fit: contain; image-rendering: auto; }
.BolzotCharacterIntro span,
.BolzotCharacterSearchHero span,
.BolzotCharacterCardHead span,
.BolzotCharacterStats span,
.BolzotSkillGrid span,
.BolzotQuickSearchTitle {
  color: #e3b95d !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.BolzotCharacterIntro h2,
.BolzotCharacterSearchHero h2 {
  margin: 8px 0;
  color: #fff1d0;
  font: 900 31px/1.08 Georgia, "Times New Roman", serif;
}
.BolzotCharacterIntro h2 img { margin-right: 8px; vertical-align: middle; }
.BolzotCharacterIntro p,
.BolzotCharacterSearchHero p,
.BolzotCharacterInfoList dd,
.BolzotTimeline p,
.BolzotCharacterComment,
.BolzotAccountCharacters span { color: #d8d0c5 !important; }
.BolzotCharacterBadges,
.BolzotSmallStats { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.BolzotCharacterBadges b,
.BolzotSmallStats span {
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 999px;
  background: rgba(5,6,8,.58);
  color: #fff0c8;
}
.BolzotCharacterBadges .is-online,
.BolzotAccountCharacters .is-online { color: #6cf07b !important; }
.BolzotCharacterBadges .is-offline,
.BolzotAccountCharacters .is-offline { color: #c9bca9 !important; }
.BolzotCharacterStats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0;
}
.BolzotCharacterStats article,
.BolzotCharacterCard {
  border: 1px solid rgba(255,255,255,.085);
  border-left-color: rgba(213,176,92,.34);
  border-bottom-color: rgba(213,176,92,.16);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(16,17,20,.80), rgba(7,8,10,.68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 26px rgba(0,0,0,.16);
}
.BolzotCharacterStats article { min-height: 82px; padding: 14px; }
.BolzotCharacterStats strong { display: block; margin-top: 8px; color: #fff1d0; font: 900 23px/1.08 Georgia, "Times New Roman", serif; overflow-wrap: anywhere; }
.BolzotCharacterGrid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); gap: 16px; margin-bottom: 16px; }
.BolzotCharacterCard { margin-bottom: 16px; padding: 16px; }
.BolzotCharacterCardHead { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 12px; align-items: center; margin-bottom: 14px; padding-bottom: 13px; border-bottom: 1px solid rgba(255,255,255,.075); }
.BolzotCharacterCardHead span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(238,199,102,.34); background: radial-gradient(circle, rgba(209,146,35,.36), rgba(7,8,10,.78)); }
.BolzotCharacterCardHead h3 { margin: 0; color: #fff1d0; font: 900 21px/1.15 Georgia, "Times New Roman", serif; }
.BolzotCharacterInfoList { display: grid; grid-template-columns: 150px minmax(0, 1fr); margin: 0; border: 1px solid rgba(255,255,255,.065); border-radius: 6px; overflow: hidden; }
.BolzotCharacterInfoList dt,
.BolzotCharacterInfoList dd { margin: 0; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.055); }
.BolzotCharacterInfoList dt { color: #f0d486; font-weight: 900; background: rgba(255,255,255,.035); }
.BolzotBars { display: grid; gap: 13px; }
.BolzotBars label { display: flex; justify-content: space-between; margin-bottom: 6px; color: #f2e2be; font-weight: 900; }
.BolzotBars span { display: block; height: 15px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(0,0,0,.5); }
.BolzotBars i { display: block; height: 100%; background: linear-gradient(90deg, #7b1010, #e04232); box-shadow: 0 0 16px rgba(224,66,50,.35); }
.BolzotBars .mana i { background: linear-gradient(90deg, #123c75, #47a7ff); box-shadow: 0 0 16px rgba(71,167,255,.3); }
.BolzotBars .exp i { background: linear-gradient(90deg, #7a5510, #f0c65c); box-shadow: 0 0 16px rgba(240,198,92,.3); }
.BolzotEquipmentGrid { display: grid; grid-template-columns: repeat(3, 54px); gap: 8px; justify-content: center; }
.BolzotEquipmentGrid div { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(231,184,83,.22); border-radius: 6px; background: rgba(0,0,0,.42); }
.BolzotEquipmentGrid img { max-width: 42px; max-height: 42px; }
.BolzotSkillGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.BolzotSkillGrid article { padding: 11px; border: 1px solid rgba(255,255,255,.07); border-radius: 6px; background: rgba(255,255,255,.035); }
.BolzotSkillGrid strong { display: block; margin-top: 6px; color: #fff1d0; font-size: 20px; }
.BolzotQuestGrid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.BolzotQuestGrid div,
.BolzotTimeline article,
.BolzotAccountCharacters button { border: 1px solid rgba(255,255,255,.075); border-radius: 6px; background: rgba(255,255,255,.035); }
.BolzotQuestGrid div { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; }
.BolzotQuestGrid span { color: #eee7dc; }
.BolzotQuestGrid b { color: #c4b8a6; }
.BolzotQuestGrid .done b { color: #6cf07b; }
.BolzotTimeline { display: grid; gap: 9px; }
.BolzotTimeline article { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 12px; padding: 11px 12px; }
.BolzotTimeline time { color: #e3b95d; font-weight: 900; }
.BolzotTimeline p { margin: 0; }
.BolzotTimeline .is-danger { color: #ff7777; }
.BolzotTimeline .is-safe { color: #75e087; }
.BolzotAccountCharacters { display: grid; gap: 9px; }
.BolzotAccountCharacters form { margin: 0; }
.BolzotAccountCharacters button { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 12px; width: 100%; padding: 11px 12px; cursor: pointer; color: #eee7dc; text-align: left; font: inherit; }
.BolzotAccountCharacters strong { color: #fff1d0; }
.BolzotAccountCharacters b { grid-row: span 2; align-self: center; }
.BolzotCharacterSearchPage { min-height: 300px; }
.BolzotCharacterSearchHero { max-width: 660px; margin-bottom: 20px; }
.BolzotCharacterSearchLine { display: grid; grid-template-columns: minmax(0, 1fr) 52px; gap: 10px; max-width: 620px; padding: 12px; border: 1px solid rgba(255,255,255,.085); border-radius: 8px; background: rgba(5,6,8,.58); }
.BolzotCharacterSearchLine input,
.BolzotQuickSearchControl input { min-width: 0; border: 1px solid rgba(231,184,83,.35); border-radius: 6px; background: rgba(0,0,0,.62); color: #fff1d0; outline: 0; }
.BolzotCharacterSearchLine input { height: 42px; padding: 0 13px; font-size: 15px; }
.BolzotCharacterSearchLine button,
.BolzotQuickSearchControl button { cursor: pointer; border: 1px solid rgba(255,218,112,.65); border-radius: 6px; color: #fff4c8; background: linear-gradient(180deg, rgba(255,224,118,.25), rgba(137,82,14,.92)); box-shadow: 0 0 16px rgba(234,183,78,.28); }
.BolzotCharacterAdmin { display: inline-block; margin-bottom: 12px; color: #f1d584 !important; }
.BolzotQuickCharacterSearch { width: 180px; margin: 0 auto 14px; padding: 12px; border: 1px solid rgba(201,154,74,.35); border-radius: 8px; background: linear-gradient(180deg, rgba(14,15,17,.94), rgba(6,7,8,.92)); box-shadow: 0 12px 26px rgba(0,0,0,.3); }
.BolzotQuickSearchTitle { margin-bottom: 9px; text-align: center; }
.BolzotQuickSearchControl { display: grid; grid-template-columns: minmax(0,1fr) 34px; gap: 6px; }
.BolzotQuickSearchControl input { height: 32px; padding: 0 8px; font-size: 11px; }
.BolzotQuickSearchControl button { width: 34px; height: 32px; font-size: 14px; }
@media (max-width: 900px) {
  .BolzotCharacterHero,
  .BolzotCharacterGrid,
  .BolzotCharacterStats,
  .BolzotQuestGrid { grid-template-columns: 1fr; }
  .BolzotCharacterPortrait { width: 132px; height: 132px; }
  .BolzotTimeline article { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .BolzotCharacterPage,
  .BolzotCharacterSearchPage { padding: 20px 14px; }
  .BolzotCharacterInfoList,
  .BolzotSkillGrid { grid-template-columns: 1fr; }
  .BolzotCharacterIntro h2,
  .BolzotCharacterSearchHero h2 { font-size: 25px; }
}

/* Ajuste characters: esconde headline antiga vazando acima do painel */
.Content .BoxContent:has(.BolzotCharacterPage),
.Content .BoxContent:has(.BolzotCharacterSearchPage) {
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.Content .BoxContent:has(.BolzotCharacterPage) > :not(.BolzotCharacterPage),
.Content .BoxContent:has(.BolzotCharacterSearchPage) > :not(.BolzotCharacterSearchPage) {
  display: none !important;
}
.Content .BoxContent:has(.BolzotCharacterPage) .BolzotCharacterPage,
.Content .BoxContent:has(.BolzotCharacterSearchPage) .BolzotCharacterSearchPage {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.Content .Box:has(.BolzotCharacterPage) > .Title,
.Content .Box:has(.BolzotCharacterSearchPage) > .Title,
.Content .Box:has(.BolzotCharacterPage) img.Title,
.Content .Box:has(.BolzotCharacterSearchPage) img.Title {
  display: none !important;
}

/* Guilds - BolzOT modern */
.Content .Box:has(.BolzotGuildsPage),
.Content .Box:has(.BolzotGuildView) {
  margin: 0 5px 8px !important;
  background: transparent !important;
  border-color: transparent !important;
}
.Content .Box:has(.BolzotGuildsPage) .BorderTitleText,
.Content .Box:has(.BolzotGuildsPage) .Border_1,
.Content .Box:has(.BolzotGuildsPage) .Corner-tl,
.Content .Box:has(.BolzotGuildsPage) .Corner-tr,
.Content .Box:has(.BolzotGuildsPage) .BottomCornersHelper,
.Content .Box:has(.BolzotGuildsPage) .CornerWrapper-b,
.Content .Box:has(.BolzotGuildsPage) .Corner-bl,
.Content .Box:has(.BolzotGuildsPage) .Corner-br,
.Content .Box:has(.BolzotGuildView) .BorderTitleText,
.Content .Box:has(.BolzotGuildView) .Border_1,
.Content .Box:has(.BolzotGuildView) .Corner-tl,
.Content .Box:has(.BolzotGuildView) .Corner-tr,
.Content .Box:has(.BolzotGuildView) .BottomCornersHelper,
.Content .Box:has(.BolzotGuildView) .CornerWrapper-b,
.Content .Box:has(.BolzotGuildView) .Corner-bl,
.Content .Box:has(.BolzotGuildView) .Corner-br,
.Content .Box:has(.BolzotGuildsPage) > .Title,
.Content .Box:has(.BolzotGuildView) > .Title { display: none !important; }
.Content .Box:has(.BolzotGuildsPage) .Border_2,
.Content .Box:has(.BolzotGuildsPage) .Border_3,
.Content .BoxContent:has(.BolzotGuildsPage),
.Content .Box:has(.BolzotGuildView) .Border_2,
.Content .Box:has(.BolzotGuildView) .Border_3,
.Content .BoxContent:has(.BolzotGuildView) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.Content .BoxContent:has(.BolzotGuildsPage) > :not(.BolzotGuildsPage),
.Content .BoxContent:has(.BolzotGuildView) > :not(.BolzotGuildView) { display: none !important; }
.Content .BoxContent:has(.BolzotGuildsPage) .BolzotGuildsPage,
.Content .BoxContent:has(.BolzotGuildView) .BolzotGuildView { font-size: 13px !important; line-height: 1.35 !important; }
.BolzotGuildsPage,
.BolzotGuildView {
  position: relative;
  overflow: hidden;
  padding: 28px;
  color: #eee7dc;
  border: 1px solid rgba(201,154,74,.34);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(10,11,14,.76), rgba(7,8,10,.89)), url('/templates/tibiacom/images/header/bolzot-battle-background.png') center/cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 42px rgba(0,0,0,.35);
}
.BolzotGuildsPage::before,
.BolzotGuildView::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 18% 8%, rgba(234,183,78,.15), transparent 34%), linear-gradient(90deg, rgba(0,0,0,.08), rgba(255,255,255,.025), rgba(0,0,0,.22)); }
.BolzotGuildsPage > *, .BolzotGuildView > * { position: relative; z-index: 1; }
.BolzotGuildsHero,
.BolzotGuildViewHero { padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.09); }
.BolzotGuildsHero span,
.BolzotGuildViewHero span,
.BolzotGuildStats span,
.BolzotGuildPanelHead span,
.BolzotGuildCreateBox span { color: #e3b95d !important; font-size: 11px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.BolzotGuildsHero h2,
.BolzotGuildViewHero h2 { margin: 8px 0; color: #fff1d0; font: 900 31px/1.08 Georgia, "Times New Roman", serif; }
.BolzotGuildsHero p,
.BolzotGuildViewHero p,
.BolzotGuildInfo p,
.BolzotGuildCreateBox small,
.BolzotGuildDescription,
.BolzotGuildInfoList dd,
.BolzotGuildInvites p { color: #d8d0c5 !important; }
.BolzotGuildStats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.BolzotGuildsPage .BolzotGuildStats { grid-template-columns: repeat(3, minmax(0,1fr)); }
.BolzotGuildStats article,
.BolzotGuildCard,
.BolzotGuildCreateBox,
.BolzotGuildPanel { border: 1px solid rgba(255,255,255,.085); border-left-color: rgba(213,176,92,.34); border-bottom-color: rgba(213,176,92,.16); border-radius: 8px; background: linear-gradient(180deg, rgba(16,17,20,.80), rgba(7,8,10,.68)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 26px rgba(0,0,0,.16); }
.BolzotGuildStats article { min-height: 84px; padding: 14px; }
.BolzotGuildStats strong { display: block; margin-top: 8px; color: #fff1d0; font: 900 23px/1.08 Georgia, "Times New Roman", serif; overflow-wrap: anywhere; }
.BolzotGuildStats small { display: block; margin-top: 5px; color: #bdb3a7 !important; }
.BolzotGuildList { display: grid; gap: 12px; }
.BolzotGuildCard { display: grid; grid-template-columns: 76px minmax(0,1fr) 150px; gap: 14px; align-items: center; padding: 14px; }
.BolzotGuildLogo,
.BolzotGuildViewLogo { display: grid; place-items: center; border: 1px solid rgba(231,184,83,.28); border-radius: 8px; background: radial-gradient(circle, rgba(218,158,43,.18), rgba(5,6,8,.68)); }
.BolzotGuildLogo { width: 76px; height: 76px; }
.BolzotGuildLogo img { width: 64px; height: 64px; object-fit: contain; }
.BolzotGuildInfo h3 { margin: 0 0 7px; color: #fff1d0; font: 900 22px/1.12 Georgia, "Times New Roman", serif; }
.BolzotGuildInfo p { margin: 0; }
.BolzotGuildViewButton { text-align: center; text-decoration: none !important; }
.BolzotGuildDelete { display: inline-block; margin-top: 8px; color: #ff8989 !important; }
.BolzotGuildCreateBox { display: grid; grid-template-columns: minmax(0,1fr) 180px; gap: 18px; align-items: center; margin-top: 18px; padding: 18px; }
.BolzotGuildCreateBox strong { display: block; margin: 6px 0; color: #fff1d0; font-size: 18px; }
.BolzotGuildTools { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.BolzotGuildTools a { color: #f1d584 !important; }
.BolzotGuildEmpty,
.BolzotGuildEmptyRow { padding: 18px; text-align: center; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: rgba(0,0,0,.38); }
.BolzotGuildViewHero { display: grid; grid-template-columns: 132px minmax(0,1fr); gap: 20px; align-items: center; }
.BolzotGuildViewLogo { width: 132px; height: 132px; }
.BolzotGuildViewLogo img { width: 88px; height: 88px; object-fit: contain; }
.BolzotGuildBadges { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.BolzotGuildBadges b { padding: 7px 10px; border: 1px solid rgba(255,255,255,.085); border-radius: 999px; background: rgba(5,6,8,.58); color: #fff0c8; }
.BolzotGuildBadges .is-online { color: #6cf07b !important; }
.BolzotGuildViewGrid { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 16px; margin-bottom: 16px; }
.BolzotGuildPanel { margin-bottom: 16px; padding: 16px; }
.BolzotGuildPanelHead { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 12px; align-items: center; margin-bottom: 14px; padding-bottom: 13px; border-bottom: 1px solid rgba(255,255,255,.075); }
.BolzotGuildPanelHead span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(238,199,102,.34); background: radial-gradient(circle, rgba(209,146,35,.36), rgba(7,8,10,.78)); }
.BolzotGuildPanelHead h3 { margin: 0; color: #fff1d0; font: 900 21px/1.15 Georgia, "Times New Roman", serif; }
.BolzotGuildInfoList { display: grid; grid-template-columns: 120px minmax(0,1fr); margin: 14px 0 0; border: 1px solid rgba(255,255,255,.065); border-radius: 6px; overflow: hidden; }
.BolzotGuildInfoList dt,
.BolzotGuildInfoList dd { margin: 0; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.055); }
.BolzotGuildInfoList dt { color: #f0d486; font-weight: 900; background: rgba(255,255,255,.035); }
.BolzotGuildInfoList a,
.BolzotGuildMembers a,
.BolzotGuildInvites a { color: #f1d584 !important; }
.BolzotGuildActions { display: grid; gap: 9px; }
.BolzotGuildActions a,
.BolzotGuildActions button { display: block; width: 100%; min-height: 34px; padding: 9px 10px; border: 1px solid rgba(231,184,83,.3); border-radius: 6px; color: #fff1d0 !important; background: rgba(255,255,255,.045); text-align: center; text-decoration: none !important; font-weight: 900; box-sizing: border-box; }
.BolzotGuildActions .danger { color: #ff9d9d !important; }
.BolzotGuildActions form { margin: 0; }
.BolzotGuildMembers { display: grid; gap: 8px; }
.BolzotGuildMembersHead,
.BolzotGuildMemberRow { display: grid; grid-template-columns: 135px minmax(0,1fr) 130px 70px 80px; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 6px; background: rgba(255,255,255,.035); }
.BolzotGuildMembersHead { color: #f0d486; font-weight: 900; }
.BolzotGuildMemberRow form { margin: 0; }
.BolzotGuildMemberRow span { color: #ddd6ca; }
.BolzotGuildRank { color: #f0d486 !important; font-weight: 900; }
.BolzotGuildMemberName small { display: block; color: #bdb3a7; }
.BolzotGuildMemberRow .is-online { color: #6cf07b; }
.BolzotGuildMemberRow .is-offline { color: #c9bca9; }
.BolzotNickEdit { display: inline-flex; margin-left: 8px; }
.BolzotNickEdit .input_nick { max-width: 90px; background: rgba(0,0,0,.55); color: #fff1d0; border-color: rgba(231,184,83,.35); }
.BolzotNickEdit .btn_nick { background: rgba(156,93,12,.8); color: #fff1d0; border-color: rgba(231,184,83,.35); }
.BolzotKickLink { margin-left: 8px; color: #ff8989 !important; font-size: 11px; }
.BolzotGuildInvites { display: grid; gap: 8px; }
.BolzotGuildInvites div { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 6px; background: rgba(255,255,255,.035); }
.BolzotGuildBack { display: flex; justify-content: center; }
.BolzotGuildBack .BolzotGoldButton { max-width: 220px; text-align: center; text-decoration: none !important; }
@media (max-width: 980px) {
  .BolzotGuildStats,
  .BolzotGuildsPage .BolzotGuildStats,
  .BolzotGuildViewGrid,
  .BolzotGuildCard,
  .BolzotGuildCreateBox,
  .BolzotGuildViewHero { grid-template-columns: 1fr; }
  .BolzotGuildMembersHead { display: none; }
  .BolzotGuildMemberRow { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .BolzotGuildsPage,
  .BolzotGuildView { padding: 20px 14px; }
  .BolzotGuildsHero h2,
  .BolzotGuildViewHero h2 { font-size: 25px; }
  .BolzotGuildInfoList { grid-template-columns: 1fr; }
}

/* Guild create page */
.Content .Box:has(.BolzotGuildCreatePage) { margin: 0 5px 8px !important; background: transparent !important; border-color: transparent !important; }
.Content .Box:has(.BolzotGuildCreatePage) .BorderTitleText,
.Content .Box:has(.BolzotGuildCreatePage) .Border_1,
.Content .Box:has(.BolzotGuildCreatePage) .Corner-tl,
.Content .Box:has(.BolzotGuildCreatePage) .Corner-tr,
.Content .Box:has(.BolzotGuildCreatePage) .BottomCornersHelper,
.Content .Box:has(.BolzotGuildCreatePage) .CornerWrapper-b,
.Content .Box:has(.BolzotGuildCreatePage) .Corner-bl,
.Content .Box:has(.BolzotGuildCreatePage) .Corner-br,
.Content .Box:has(.BolzotGuildCreatePage) > .Title { display: none !important; }
.Content .Box:has(.BolzotGuildCreatePage) .Border_2,
.Content .Box:has(.BolzotGuildCreatePage) .Border_3,
.Content .BoxContent:has(.BolzotGuildCreatePage) { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; overflow: hidden !important; font-size: 0 !important; line-height: 0 !important; }
.Content .BoxContent:has(.BolzotGuildCreatePage) > :not(.BolzotGuildCreatePage) { display: none !important; }
.Content .BoxContent:has(.BolzotGuildCreatePage) .BolzotGuildCreatePage { font-size: 13px !important; line-height: 1.35 !important; }
.BolzotGuildCreatePage { position: relative; overflow: hidden; padding: 28px; color: #eee7dc; border: 1px solid rgba(201,154,74,.34); border-radius: 8px; background: linear-gradient(180deg, rgba(10,11,14,.76), rgba(7,8,10,.89)), url('/templates/tibiacom/images/header/bolzot-battle-background.png') center/cover no-repeat; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 42px rgba(0,0,0,.35); }
.BolzotGuildCreatePage::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 18% 8%, rgba(234,183,78,.15), transparent 34%), linear-gradient(90deg, rgba(0,0,0,.08), rgba(255,255,255,.025), rgba(0,0,0,.22)); }
.BolzotGuildCreatePage > * { position: relative; z-index: 1; }
.BolzotGuildCreateForm { margin: 20px 0; padding: 18px; border: 1px solid rgba(255,255,255,.085); border-radius: 8px; background: linear-gradient(180deg, rgba(16,17,20,.80), rgba(7,8,10,.68)); }
.BolzotGuildFormGrid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.BolzotGuildFormGrid label { display: grid; gap: 7px; }
.BolzotGuildFormGrid label span { color: #e3b95d !important; font-size: 11px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.BolzotGuildFormGrid input { height: 40px; min-width: 0; padding: 0 12px; border: 1px solid rgba(231,184,83,.35); border-radius: 6px; background: rgba(0,0,0,.62); color: #fff1d0; outline: 0; }
.BolzotGuildFormGrid small { color: #cfc6ba !important; }
@media (max-width: 760px) { .BolzotGuildFormGrid { grid-template-columns: 1fr; } }

/* Ajuste characters: deixa a pagina crescer depois do topo */
.Content .BoxContent:has(.BolzotCharacterPage),
.Content .BoxContent:has(.BolzotCharacterSearchPage) {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
}
.Content .Box:has(.BolzotCharacterPage),
.Content .Box:has(.BolzotCharacterSearchPage),
.Content .Box:has(.BolzotCharacterPage) .Border_2,
.Content .Box:has(.BolzotCharacterPage) .Border_3,
.Content .Box:has(.BolzotCharacterSearchPage) .Border_2,
.Content .Box:has(.BolzotCharacterSearchPage) .Border_3 {
  overflow: visible !important;
  height: auto !important;
}

/* Ajuste characters: quando existe busca junto, nao esconder o painel do personagem */
.Content .BoxContent:has(.BolzotCharacterPage) .BolzotCharacterPage {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.Content .BoxContent:has(.BolzotCharacterPage) .BolzotCharacterSearchPage {
  display: block !important;
}

/* Item image fallback */
.BolzotItemImageWrap {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
}
.BolzotItemImageWrap img {
  max-width: 32px;
  max-height: 32px;
  image-rendering: auto;
}
.BolzotItemMissing {
  display: none;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(231, 184, 83, 0.34);
  border-radius: 5px;
  color: #f1d584 !important;
  background: radial-gradient(circle at 50% 0%, rgba(231, 174, 56, 0.12), rgba(0, 0, 0, 0.55));
  font: 900 10px/1 Arial, sans-serif;
  text-shadow: 0 1px 2px #000;
}

/* BolzOt dynamic admin news */
.BolzotNewsTab {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.045);
  color: #9d9b9a;
  cursor: pointer;
}

.BolzotNewsTab:hover,
.BolzotNewsTab.is-active {
  color: #ffffff;
  border-color: rgba(240, 182, 75, 0.28);
  background: rgba(255, 255, 255, 0.08);
}

.BolzotNewsTabPanel {
  position: relative;
  z-index: 1;
  display: none;
}

.BolzotNewsTabPanel.is-active {
  display: block;
}

.BolzotNewsFeed {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.BolzotNewsFeedTitle {
  margin: 8px 0 2px;
  color: #f0b64b;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
}

.BolzotNewsItem,
.BolzotNewsEmpty {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 6px;
  background: rgba(9, 10, 13, 0.42);
  color: #d9d7d0 !important;
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

.BolzotNewsItem:hover,
.BolzotNewsItem.is-open {
  border-color: rgba(240, 182, 75, 0.36);
  background: rgba(18, 19, 24, 0.56);
}

.BolzotNewsItemButton {
  width: 100%;
  padding: 12px 15px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.BolzotNewsItemButton p {
  margin: 7px 0 0;
  color: #c9c4bb !important;
  line-height: 1.45;
}

.BolzotNewsItemBody {
  display: none;
  padding: 0 15px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.BolzotNewsItem.is-open .BolzotNewsItemBody {
  display: block;
}

.BolzotNewsItemBody div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.BolzotNewsItemBody a {
  color: #f0b64b !important;
  text-decoration: none;
}

.BolzotNewsItemTop,
.BolzotNewsMeta {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: #96918a;
  font-size: 11px;
}

.BolzotNewsItem strong {
  display: block;
  margin-top: 8px;
  color: #ffffff;
  font-size: 15px;
}

.BolzotNewsItem small {
  color: #f0b64b;
}

.BolzotNewsEmpty {
  padding: 14px 16px;
  color: #bfb7a8 !important;
}

/* BolzOt highscores page */
.Content .Box:has(.BolzotHighscoresPage) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Content .Box:has(.BolzotHighscoresPage) .BorderTitleText,
.Content .Box:has(.BolzotHighscoresPage) .Border_1,
.Content .Box:has(.BolzotHighscoresPage) .Corner-tl,
.Content .Box:has(.BolzotHighscoresPage) .Corner-tr,
.Content .Box:has(.BolzotHighscoresPage) .BottomCornersHelper,
.Content .Box:has(.BolzotHighscoresPage) .CornerWrapper-b,
.Content .Box:has(.BolzotHighscoresPage) .Corner-bl,
.Content .Box:has(.BolzotHighscoresPage) .Corner-br {
  display: none !important;
}

.Content .BoxContent:has(.BolzotHighscoresPage) {
  padding: 0 !important;
  background: transparent !important;
}

.BolzotHighscoresPage {
  padding: 26px 28px 32px;
  border: 1px solid rgba(194, 151, 78, 0.32);
  background:
    linear-gradient(180deg, rgba(9, 10, 12, 0.78), rgba(9, 10, 12, 0.9)),
    url("images/header/bolzot-battle-background.png") center / cover no-repeat;
  color: #e8e1d4;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}

.BolzotHighscoresHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 22px;
  align-items: stretch;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.BolzotHighscoresHero span,
.BolzotHighscoresFilter span,
.BolzotHighscoresBoardHead h2,
.BolzotHighscoresFeedTitle {
  color: #f0c76b;
  font-weight: 700;
  text-transform: uppercase;
}

.BolzotHighscoresHero h1 {
  margin: 8px 0 10px;
  color: #fff6df;
  font-size: 34px;
}

.BolzotHighscoresHero p,
.BolzotHighscoresBoardHead p {
  margin: 0;
  color: #d4cec4;
  line-height: 1.55;
}

.BolzotHighscoresStats {
  display: grid;
  gap: 4px;
  align-content: center;
  padding: 16px;
  border: 1px solid rgba(240, 182, 75, 0.22);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.36);
  text-align: center;
}

.BolzotHighscoresStats strong {
  color: #fff4d0;
  font-size: 22px;
}

.BolzotHighscoresStats small {
  color: #b9ad9b;
}

.BolzotHighscoresFilter {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 12px;
  margin: 18px 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.34);
}

.BolzotHighscoresFilter label {
  display: grid;
  gap: 6px;
}

.BolzotHighscoresFilter select {
  height: 38px;
  border: 1px solid rgba(194, 151, 78, 0.42);
  border-radius: 4px;
  background: rgba(7, 8, 10, 0.9);
  color: #efe4d0;
}

.BolzotHighscoresFilter button,
.BolzotHighscoresPager a {
  min-height: 38px;
  align-self: end;
  padding: 0 18px;
  border: 1px solid #d6a84c;
  border-radius: 4px;
  background: linear-gradient(180deg, #7a520e, #321d04);
  color: #fff3c8 !important;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none !important;
}

.BolzotHighscoresPodium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.BolzotHighscoresPodiumCard {
  display: grid;
  place-items: center;
  min-height: 150px;
  padding: 14px;
  border: 1px solid rgba(240, 182, 75, 0.25);
  border-radius: 6px;
  background: radial-gradient(circle at 50% 20%, rgba(240, 182, 75, 0.16), rgba(0, 0, 0, 0.42) 58%);
  color: #fff4d0 !important;
  text-decoration: none !important;
}

.BolzotHighscoresPodiumCard img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  image-rendering: pixelated;
}

.BolzotHighscoresPodiumCard strong {
  color: #ffffff;
  font-size: 15px;
}

.BolzotHighscoresPodiumCard small {
  color: #cdbf9f;
}

.BolzotHighscoresBoard {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.36);
  overflow: hidden;
}

.BolzotHighscoresBoardHead {
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.BolzotHighscoresBoardHead h2 {
  margin: 0 0 6px;
  font-size: 16px;
}

.BolzotHighscoresTable {
  display: grid;
}

.BolzotHighscoresRow {
  display: grid;
  grid-template-columns: 70px minmax(190px, 1.3fr) minmax(110px, 0.8fr) 100px minmax(120px, 0.9fr);
  gap: 12px;
  align-items: center;
  min-height: 64px;
  padding: 8px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  color: #e7dfd1 !important;
  text-decoration: none !important;
}

.BolzotHighscoresRow:hover:not(.BolzotHighscoresHeader) {
  background: rgba(240, 182, 75, 0.08);
}

.BolzotHighscoresHeader {
  min-height: 40px;
  color: #f0c76b !important;
  font-weight: 700;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.035);
}

.BolzotRank {
  color: #f0c76b;
  font-weight: 700;
}

.BolzotHighscoresName {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.BolzotHighscoresName img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  image-rendering: pixelated;
}

.BolzotHighscoresName strong,
.BolzotHighscoresName small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BolzotHighscoresName strong {
  color: #ffffff;
}

.BolzotHighscoresName small.online {
  color: #68df79;
}

.BolzotHighscoresName small.offline {
  color: #a99b86;
}

.BolzotHighscoresEmpty {
  padding: 24px;
  color: #d6c8aa;
}

.BolzotHighscoresPager {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px;
}

@media (max-width: 760px) {
  .BolzotHighscoresPage {
    padding: 18px 14px;
  }

  .BolzotHighscoresHero,
  .BolzotHighscoresFilter,
  .BolzotHighscoresPodium {
    grid-template-columns: 1fr;
  }

  .BolzotHighscoresRow {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .BolzotHighscoresRow > span:nth-child(n+3) {
    display: none;
  }
}

/* BolzOt manager coins callout */
.BolzotJourneyActions {
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 6px;
  background:
    radial-gradient(circle at 15% 20%, rgba(240, 182, 75, 0.14), transparent 30%),
    rgba(0, 0, 0, 0.28);
}

.BolzotJourneyText {
  flex: 1 1 250px;
  min-width: 220px;
}

.BolzotJourneyText strong {
  display: block;
  color: #ffe5a0;
  font: 900 18px/1.2 Georgia, "Times New Roman", serif;
}

.BolzotJourneyText span {
  display: block;
  margin-top: 4px;
  color: #d8d0c5;
  line-height: 1.35;
}

.BolzotCoinsCallout {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 13px;
  border: 1px solid rgba(255, 224, 128, 0.82);
  border-radius: 6px;
  background:
    radial-gradient(circle at 24px 20px, rgba(255, 244, 172, 0.55), transparent 28px),
    linear-gradient(135deg, rgba(126, 76, 9, 0.96), rgba(18, 13, 7, 0.92) 58%, rgba(98, 62, 8, 0.92));
  color: #fff1bd !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 248, 196, 0.28), 0 0 24px rgba(255, 202, 70, 0.25);
}

.BolzotCoinsCallout:hover {
  filter: brightness(1.08);
  box-shadow: inset 0 1px 0 rgba(255, 248, 196, 0.38), 0 0 30px rgba(255, 202, 70, 0.42);
}

.BolzotCoinsIcon {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid rgba(255, 235, 154, 0.86);
  background:
    radial-gradient(circle at 35% 25%, #fff3ad, #e6a931 42%, #80500b 72%, #2d1904);
  color: #4b2700 !important;
  font: 900 12px/1 Verdana, Arial, sans-serif;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
  box-shadow: inset -8px -10px 16px rgba(73, 38, 0, 0.42), 0 0 18px rgba(255, 206, 72, 0.32);
}

.BolzotCoinsCallout strong {
  display: block;
  color: #fff4c9;
  font: 900 20px/1.15 Georgia, "Times New Roman", serif;
}

.BolzotCoinsCallout small {
  display: block;
  margin-top: 5px;
  color: #f1dfb0;
  line-height: 1.35;
}

/* BolzOt account manager hard clean */
.Content .BoxContent:has(.BolzotAccountManager) {
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
}

.Content .BoxContent:has(.BolzotAccountManager) > :not(.BolzotAccountManager) {
  display: none !important;
}

.Content .BoxContent:has(.BolzotAccountManager) .BolzotAccountManager {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.Content .Box:has(.BolzotAccountManager) .BorderTitleText,
.Content .Box:has(.BolzotAccountManager) .Border_1,
.Content .Box:has(.BolzotAccountManager) .Corner-tl,
.Content .Box:has(.BolzotAccountManager) .Corner-tr,
.Content .Box:has(.BolzotAccountManager) .BottomCornersHelper,
.Content .Box:has(.BolzotAccountManager) .CornerWrapper-b,
.Content .Box:has(.BolzotAccountManager) .Corner-bl,
.Content .Box:has(.BolzotAccountManager) .Corner-br {
  display: none !important;
}

/* BolzOt event calendar and news archive */
.Content .Box:has(.BolzotEventCalendarPage),
.Content .Box:has(.BolzotNewsArchivePage) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Content .Box:has(.BolzotEventCalendarPage) .BorderTitleText,
.Content .Box:has(.BolzotEventCalendarPage) .Border_1,
.Content .Box:has(.BolzotEventCalendarPage) .Corner-tl,
.Content .Box:has(.BolzotEventCalendarPage) .Corner-tr,
.Content .Box:has(.BolzotEventCalendarPage) .BottomCornersHelper,
.Content .Box:has(.BolzotEventCalendarPage) .CornerWrapper-b,
.Content .Box:has(.BolzotEventCalendarPage) .Corner-bl,
.Content .Box:has(.BolzotEventCalendarPage) .Corner-br,
.Content .Box:has(.BolzotNewsArchivePage) .BorderTitleText,
.Content .Box:has(.BolzotNewsArchivePage) .Border_1,
.Content .Box:has(.BolzotNewsArchivePage) .Corner-tl,
.Content .Box:has(.BolzotNewsArchivePage) .Corner-tr,
.Content .Box:has(.BolzotNewsArchivePage) .BottomCornersHelper,
.Content .Box:has(.BolzotNewsArchivePage) .CornerWrapper-b,
.Content .Box:has(.BolzotNewsArchivePage) .Corner-bl,
.Content .Box:has(.BolzotNewsArchivePage) .Corner-br {
  display: none !important;
}

.Content .BoxContent:has(.BolzotEventCalendarPage),
.Content .BoxContent:has(.BolzotNewsArchivePage) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.BolzotEventCalendarPage,
.BolzotNewsArchivePage {
  padding: 26px 28px 32px;
  border: 1px solid rgba(194, 151, 78, 0.32);
  background:
    linear-gradient(180deg, rgba(9, 10, 12, 0.78), rgba(9, 10, 12, 0.9)),
    url("images/header/bolzot-battle-background.png") center / cover no-repeat;
  color: #e8e1d4;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}

.BolzotEventHero,
.BolzotArchiveHero {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.BolzotEventHero span,
.BolzotArchiveHero span,
.BolzotEventCalendarHead strong {
  color: #f0c76b;
  font-weight: 800;
  text-transform: uppercase;
}

.BolzotEventHero h1,
.BolzotArchiveHero h1 {
  margin: 8px 0 10px;
  color: #fff6df;
  font-size: 32px;
}

.BolzotEventHero p,
.BolzotArchiveHero p,
.BolzotEventCalendarHead small,
.BolzotEventCalendarHead span {
  margin: 0;
  color: #d4cec4;
  line-height: 1.55;
}

.BolzotEventCalendarCard,
.BolzotArchiveList {
  margin-top: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.38);
  overflow: hidden;
}

.BolzotEventCalendarHead {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.BolzotEventCalendarHead strong,
.BolzotEventCalendarHead small { display: block; }

.BolzotEventCalendarScroll {
  overflow-x: auto;
  padding: 14px;
}

.BolzotEventCalendarPage #eventscheduletable {
  width: 100% !important;
  min-width: 720px;
  border-collapse: separate !important;
  border-spacing: 8px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.BolzotEventCalendarPage #eventscheduletable td {
  height: 88px !important;
  padding: 7px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 5px;
  background: rgba(9, 10, 12, 0.54) !important;
  color: #e8e1d4 !important;
  vertical-align: top !important;
}

.BolzotEventCalendarPage #eventscheduletable tr:first-child td {
  height: 34px !important;
  color: #f0c76b !important;
  text-transform: uppercase;
  text-align: center;
  background: rgba(255, 255, 255, 0.045) !important;
}

.BolzotEventCalendarPage td#today {
  border-color: rgba(255, 224, 128, 0.78) !important;
  background: rgba(113, 70, 10, 0.55) !important;
  box-shadow: 0 0 18px rgba(255, 203, 74, 0.22);
}

.BolzotEventCalendarPage td#other_day {
  opacity: 0.38;
}

.BolzotEventCalendarPage .day {
  color: #fff3c2;
  margin: 0 0 6px !important;
}

.BolzotEventCalendarPage .day img {
  display: none;
}

.BolzotEventCalendarPage .event_name {
  padding: 5px 7px !important;
  border-radius: 4px;
  color: #fff4cf !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}

.BolzotEventLegend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.BolzotEventLegend div,
.BolzotArchiveItem,
.BolzotArchiveEmpty {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.34);
}

.BolzotEventLegend strong {
  display: block;
  color: #f0c76b;
  margin-bottom: 4px;
}

.BolzotEventLegend span,
.BolzotArchiveText small {
  color: #bfb7a8;
}

.BolzotArchiveList {
  display: grid;
  gap: 0;
  padding: 8px;
}

.BolzotArchiveItem {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 6px;
  color: #e8e1d4 !important;
  text-decoration: none !important;
}

.BolzotArchiveItem:hover {
  border-color: rgba(240, 199, 107, 0.42);
  background: rgba(240, 199, 107, 0.08);
}

.BolzotArchiveIcon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.055);
}

.BolzotArchiveText strong,
.BolzotArchiveText small {
  display: block;
}

.BolzotArchiveText strong {
  margin-top: 4px;
  color: #fff6df;
  font-size: 15px;
}

.BolzotArchiveArrow {
  color: #f0c76b;
  font-weight: 800;
  text-transform: uppercase;
}

.BolzotArchiveEmpty {
  color: #d4cec4;
}

@media (max-width: 760px) {
  .BolzotEventCalendarPage,
  .BolzotNewsArchivePage { padding: 18px 14px; }
  .BolzotEventCalendarHead,
  .BolzotArchiveItem { grid-template-columns: 1fr; display: grid; }
  .BolzotEventLegend { grid-template-columns: 1fr; }
}

/* BolzOt news archive reader */
.Content .Box:has(.BolzotNewsReadPage) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Content .Box:has(.BolzotNewsReadPage) .BorderTitleText,
.Content .Box:has(.BolzotNewsReadPage) .Border_1,
.Content .Box:has(.BolzotNewsReadPage) .Corner-tl,
.Content .Box:has(.BolzotNewsReadPage) .Corner-tr,
.Content .Box:has(.BolzotNewsReadPage) .BottomCornersHelper,
.Content .Box:has(.BolzotNewsReadPage) .CornerWrapper-b,
.Content .Box:has(.BolzotNewsReadPage) .Corner-bl,
.Content .Box:has(.BolzotNewsReadPage) .Corner-br {
  display: none !important;
}

.Content .BoxContent:has(.BolzotNewsReadPage) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.BolzotNewsReadPage {
  padding: 26px 28px 32px;
  border: 1px solid rgba(194, 151, 78, 0.32);
  background:
    linear-gradient(180deg, rgba(9, 10, 12, 0.78), rgba(9, 10, 12, 0.9)),
    url("images/header/bolzot-battle-background.png") center / cover no-repeat;
  color: #e8e1d4;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}

.BolzotNewsReadHero {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.BolzotNewsReadHero > span {
  color: #f0c76b;
  font-weight: 800;
  text-transform: uppercase;
}

.BolzotNewsReadTitleLine {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 10px;
}

.BolzotNewsReadTitleLine img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  image-rendering: pixelated;
}

.BolzotNewsReadTitleLine small,
.BolzotNewsReadTitleLine p {
  color: #bfb7a8;
}

.BolzotNewsReadTitleLine h1 {
  margin: 4px 0 4px;
  color: #fff6df;
  font-size: 30px;
}

.BolzotNewsReadContent {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.38);
  color: #e8e1d4;
  line-height: 1.65;
}

.BolzotNewsReadContent,
.BolzotNewsReadContent p,
.BolzotNewsReadContent td,
.BolzotNewsReadContent span,
.BolzotNewsReadContent div {
  color: #e8e1d4 !important;
}

.BolzotNewsReadContent a {
  color: #f0c76b !important;
}

.BolzotNewsReadContent img {
  max-width: 100%;
  height: auto;
}

.BolzotNewsReadActions,
.BolzotNewsBack {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

.BolzotNewsReadActions a,
.BolzotNewsBack a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 18px;
  border: 1px solid #d6a84c;
  border-radius: 4px;
  background: linear-gradient(180deg, #7a520e, #321d04);
  color: #fff3c8 !important;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 0 18px rgba(255, 204, 72, 0.22);
}

@media (max-width: 760px) {
  .BolzotNewsReadPage { padding: 18px 14px; }
  .BolzotNewsReadTitleLine { grid-template-columns: 1fr; }
}

/* BolzOt modern legacy pages */
.Content .Box:has(.BolzotModernPage){background:transparent!important;border:0!important;box-shadow:none!important}
.Content .Box:has(.BolzotModernPage) .BorderTitleText,.Content .Box:has(.BolzotModernPage) .Border_1,.Content .Box:has(.BolzotModernPage) .Corner-tl,.Content .Box:has(.BolzotModernPage) .Corner-tr,.Content .Box:has(.BolzotModernPage) .BottomCornersHelper,.Content .Box:has(.BolzotModernPage) .CornerWrapper-b,.Content .Box:has(.BolzotModernPage) .Corner-bl,.Content .Box:has(.BolzotModernPage) .Corner-br{display:none!important}
.Content .BoxContent:has(.BolzotModernPage){margin:0!important;padding:0!important;background:transparent!important}
.BolzotModernPage{padding:26px 28px 32px;border:1px solid rgba(194,151,78,.32);background:linear-gradient(180deg,rgba(9,10,12,.78),rgba(9,10,12,.9)),url("images/header/bolzot-battle-background.png") center/cover no-repeat;color:#e8e1d4;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.BolzotModernHero{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:18px}.BolzotModernHero span{color:#f0c76b;font-weight:800;text-transform:uppercase}.BolzotModernHero h1{margin:8px 0 10px;color:#fff6df;font-size:32px}.BolzotModernHero p{max-width:780px;margin:0;color:#d4cec4;line-height:1.55}
.BolzotModernBody{color:#e8e1d4;line-height:1.55}.BolzotModernBody h1,.BolzotModernBody h2,.BolzotModernBody h3,.BolzotModernBody b{color:#fff3cf!important}.BolzotModernBody p,.BolzotModernBody td,.BolzotModernBody li,.BolzotModernBody div,.BolzotModernBody span{color:#e8e1d4}.BolzotModernBody a{color:#f0c76b!important;text-decoration:none}
.BolzotModernBody .TableContainer,.BolzotModernBody .InnerTableContainer,.BolzotModernBody .TableContentContainer,.BolzotModernBody .Table1,.BolzotModernBody .Table2,.BolzotModernBody .Table3,.BolzotModernBody .Table4,.BolzotModernBody .Table5,.BolzotModernBody table,.BolzotModernBody tbody,.BolzotModernBody tr,.BolzotModernBody td[bgcolor],.BolzotModernBody tr[bgcolor]{background:transparent!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
.BolzotModernBody .CaptionContainer,.BolzotModernBody .CaptionInnerContainer{height:auto!important;min-height:0;background:transparent!important}.BolzotModernBody .CaptionInnerContainer>span{display:none!important}.BolzotModernBody .CaptionInnerContainer .Text{display:block!important;padding:11px 14px!important;border:1px solid rgba(240,199,107,.22);border-radius:6px 6px 0 0;background:linear-gradient(180deg,rgba(27,24,20,.88),rgba(9,10,12,.84))!important;color:#f0c76b!important;font-weight:800;text-transform:uppercase}
.BolzotModernBody .TableContent,.BolzotModernBody .InnerTableContainer,.BolzotModernBody .TableContentContainer{padding:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:0 0 6px 6px;background:rgba(0,0,0,.34)!important}.BolzotModernBody .LabelV150,.BolzotModernBody .LabelV175,.BolzotModernBody .LabelH,.BolzotModernBody .LabelH td,.BolzotModernBody tr:first-child>td[class*="Label"],.BolzotModernBody tr[bgcolor="#D4C0A1"],.BolzotModernBody tr[bgcolor="#F1E0C6"]{background:rgba(255,255,255,.045)!important;color:#f0c76b!important;font-weight:800}
.BolzotModernBody input[type="text"],.BolzotModernBody input[type="email"],.BolzotModernBody select,.BolzotModernBody textarea{min-height:34px;border:1px solid rgba(194,151,78,.42)!important;border-radius:4px;background:rgba(7,8,10,.9)!important;color:#efe4d0!important}.BolzotModernBody input[type="radio"],.BolzotModernBody input[type="checkbox"]{accent-color:#d7ad54}
.BolzotModernBody .BigButton,.BolzotModernBody .MediumButtonBackground{min-width:140px!important;border:1px solid #d6a84c!important;border-radius:4px!important;background:linear-gradient(180deg,#7a520e,#321d04)!important;box-shadow:0 0 18px rgba(255,204,72,.22)!important}.BolzotModernBody .BigButtonOver,.BolzotModernBody .MediumButtonOver{display:none!important}.BolzotModernBody .BigButtonText,.BolzotModernBody .MediumButtonText,.BolzotModernBody input[type="submit"]{color:#fff3c8!important;text-shadow:none!important;font-weight:800!important}
.BolzotModernBody img{max-width:100%}.BolzotModernBody .error{color:#ff8585!important}@media(max-width:760px){.BolzotModernPage{padding:18px 14px}.BolzotModernBody table{width:100%!important}}

/* BolzOt lost account clean page */
.BolzotLostIntro{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.BolzotLostIntro section,.BolzotLostForm,.BolzotLostNotice{border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(0,0,0,.36);padding:16px}.BolzotLostIntro strong,.BolzotLostOptions strong,.BolzotLostNotice strong{display:block;color:#f0c76b!important;font-size:16px;margin-bottom:8px}.BolzotLostIntro p{margin:0;color:#d8d0c5}.BolzotLostIntro ul{margin:0;padding-left:18px}.BolzotLostFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.BolzotLostForm label{display:grid;gap:7px;color:#f0dba4}.BolzotLostForm label span{color:#f0dba4!important;font-weight:800}.BolzotLostForm input[type="text"]{width:100%;min-height:40px;padding:8px 10px;border:1px solid rgba(194,151,78,.45);border-radius:4px;background:rgba(7,8,10,.9);color:#efe4d0}.BolzotLostOptions{display:grid;gap:10px;margin-bottom:16px}.BolzotLostOptions label{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:5px;background:rgba(255,255,255,.035)}.BolzotLostOptions input{margin-top:3px;accent-color:#d7ad54}.BolzotLostSubmit,.BolzotLostNotice a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 20px;border:1px solid #d6a84c;border-radius:4px;background:linear-gradient(180deg,#7a520e,#321d04);color:#fff3c8!important;font-weight:800;text-decoration:none!important;box-shadow:0 0 18px rgba(255,204,72,.22);cursor:pointer}.BolzotLostNotice{display:grid;gap:8px}.BolzotLostNotice span{color:#d8d0c5!important}.BolzotLostCleanPage .BolzotModernBody{display:none!important}@media(max-width:760px){.BolzotLostIntro,.BolzotLostFormGrid{grid-template-columns:1fr}}

/* BolzOt lost account layout fix */
.BolzotLostCleanPage {
  display: block !important;
}

.BolzotLostCleanPage .BolzotLostIntro {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

.BolzotLostCleanPage .BolzotLostForm {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 18px !important;
  box-sizing: border-box !important;
  clear: both !important;
}

.BolzotLostCleanPage .BolzotLostFormGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

.BolzotLostCleanPage .BolzotLostOptions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 16px !important;
}

.BolzotLostCleanPage .BolzotLostOptions label {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.BolzotLostCleanPage .BolzotLostSubmit {
  width: min(280px, 100%) !important;
  margin-top: 4px !important;
}

@media (max-width: 760px) {
  .BolzotLostCleanPage .BolzotLostIntro,
  .BolzotLostCleanPage .BolzotLostFormGrid {
    grid-template-columns: 1fr !important;
  }
}

/* BolzOt coins chest icon */
.BolzotCoinsCallout .BolzotCoinsIcon {
  display: none !important;
}

.BolzotCoinsChest {
  position: relative;
  display: block;
  width: 78px;
  height: 72px;
  filter: drop-shadow(0 0 12px rgba(255, 202, 70, 0.36));
}

.BolzotCoinsChest::before {
  content: "";
  position: absolute;
  left: 7px;
  bottom: 9px;
  width: 64px;
  height: 38px;
  border: 2px solid #f2c65a;
  border-radius: 6px 6px 8px 8px;
  background:
    linear-gradient(90deg, transparent 47%, rgba(255, 230, 123, 0.9) 47%, rgba(255, 230, 123, 0.9) 53%, transparent 53%),
    linear-gradient(180deg, #8b3f13 0%, #5a2509 54%, #2e1305 100%);
  box-shadow: inset 0 4px 0 rgba(255,255,255,0.12), inset 0 -8px 12px rgba(0,0,0,0.36);
}

.BolzotCoinsChest::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 43px;
  width: 58px;
  height: 24px;
  border: 2px solid #f2c65a;
  border-bottom: 0;
  border-radius: 28px 28px 4px 4px;
  background: linear-gradient(180deg, #b75b19 0%, #6a2d0b 100%);
  transform: rotate(-8deg);
  transform-origin: 10px 24px;
  box-shadow: inset 0 4px 0 rgba(255,255,255,0.14);
}

.BolzotCoinsChest i {
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #fff0a6;
  background: radial-gradient(circle at 35% 30%, #fff5a9, #f2bd2f 48%, #9b6509 78%);
  box-shadow: inset -2px -3px 3px rgba(95, 48, 0, 0.35), 0 0 8px rgba(255, 213, 73, 0.42);
}

.BolzotCoinsChest i:nth-child(1) { left: 16px; top: 16px; }
.BolzotCoinsChest i:nth-child(2) { left: 32px; top: 7px; }
.BolzotCoinsChest i:nth-child(3) { left: 48px; top: 17px; }
.BolzotCoinsChest i:nth-child(4) { left: 37px; top: 27px; }

/* BolzOt modern chest image */
.BolzotCoinsChest {
  width: 86px !important;
  height: 76px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: radial-gradient(circle at 50% 50%, rgba(255, 203, 64, 0.20), rgba(59, 37, 8, 0.12) 42%, transparent 72%) !important;
  filter: drop-shadow(0 0 14px rgba(255, 195, 54, 0.42));
}
.BolzotCoinsChest::before,
.BolzotCoinsChest::after,
.BolzotCoinsChest i { display: none !important; }
.BolzotCoinsChest img {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: contain;
  transform: translateY(-2px);
}
.BolzotDonatePackage {
  padding-top: 16px !important;
  overflow: hidden;
}
.BolzotDonateChest {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 70px;
  height: 70px;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 0 14px rgba(255, 197, 53, 0.38));
  opacity: 0.96;
}
.BolzotDonatePackage:has(input:checked) .BolzotDonateChest,
.BolzotDonatePackage:hover .BolzotDonateChest {
  transform: scale(1.06) rotate(-2deg);
  filter: drop-shadow(0 0 20px rgba(255, 211, 84, 0.62));
}
@media (max-width: 560px) {
  .BolzotDonatePackage { padding-top: 74px !important; }
  .BolzotDonateChest { width: 74px; height: 74px; }
}

/* BolzOt donate price chest alignment */
.BolzotDonatePriceLine {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}
.BolzotDonatePriceLine .BolzotDonateChest {
  position: static !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 0 13px rgba(255, 198, 55, 0.52));
}
.BolzotDonatePackage:hover .BolzotDonatePriceLine .BolzotDonateChest,
.BolzotDonatePackage:has(input:checked) .BolzotDonatePriceLine .BolzotDonateChest {
  transform: scale(1.08) rotate(-3deg);
}

/* BolzOt online page modern */
.BolzotOnlinePage {
  overflow: hidden;
}
.BolzotOnlineOverview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.BolzotOnlineStatusCard,
.BolzotOnlinePanel,
.BolzotOnlineSearch {
  border: 1px solid rgba(240, 199, 107, 0.18);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(13, 14, 17, 0.78), rgba(5, 6, 8, 0.68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 14px 28px rgba(0,0,0,0.22);
}
.BolzotOnlineStatusCard {
  position: relative;
  min-height: 118px;
  padding: 18px 18px 16px 20px;
  overflow: hidden;
}
.BolzotOnlineStatusCard::before {
  content: "";
  position: absolute;
  width: 82px;
  height: 82px;
  right: -24px;
  top: -24px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240,199,107,0.20), transparent 68%);
}
.BolzotOnlineStatusCard.is-online::after,
.BolzotOnlineStatusCard.is-offline::after {
  content: "";
  position: absolute;
  left: 18px;
  bottom: 16px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.BolzotOnlineStatusCard.is-online::after { background: #54f06b; box-shadow: 0 0 16px rgba(84,240,107,0.75); }
.BolzotOnlineStatusCard.is-offline::after { background: #ff4c4c; box-shadow: 0 0 16px rgba(255,76,76,0.75); }
.BolzotOnlineStatusCard span,
.BolzotOnlinePanelHead span,
.BolzotOnlineSearch span {
  display: block;
  color: #f0c76b !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .7px;
  text-transform: uppercase;
}
.BolzotOnlineStatusCard strong {
  display: block;
  margin: 9px 0 7px;
  color: #fff4cf !important;
  font: 900 22px/1.1 Georgia, "Times New Roman", serif;
}
.BolzotOnlineStatusCard small {
  display: block;
  color: #d7cfc2 !important;
  line-height: 1.45;
}
.BolzotOnlineGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr);
  gap: 14px;
  margin-bottom: 16px;
}
.BolzotOnlinePanel {
  padding: 16px;
}
.BolzotOnlinePanelHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 14px;
}
.BolzotOnlinePanelHead strong {
  color: #fff4cf !important;
  font-weight: 900;
}
.BolzotVocationGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.BolzotVocationGrid article {
  min-height: 74px;
  display: grid;
  place-items: center;
  gap: 4px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 7px;
  background: rgba(255,255,255,0.035);
}
.BolzotVocationGrid article span {
  color: #f0c76b !important;
  font-weight: 900;
}
.BolzotVocationGrid article strong {
  color: #fff !important;
  font-size: 22px;
}
.BolzotOnlineFrags ul {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.BolzotOnlineFrags li {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 32px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 6px;
  background: rgba(255,255,255,0.035);
}
.BolzotOnlineFrags img { width: 16px; height: 16px; object-fit: contain; }
.BolzotOnlineTableWrap {
  overflow-x: auto;
}
.BolzotOnlineTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}
.BolzotOnlineTable th {
  padding: 0 12px 6px;
  color: #f0c76b !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .6px;
  text-align: left;
  text-transform: uppercase;
}
.BolzotOnlineTable td {
  padding: 10px 12px;
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.035) !important;
  color: #eee6d8 !important;
}
.BolzotOnlineTable td:first-child { border-left: 1px solid rgba(255,255,255,0.07); border-radius: 7px 0 0 7px; }
.BolzotOnlineTable td:last-child { border-right: 1px solid rgba(255,255,255,0.07); border-radius: 0 7px 7px 0; }
.BolzotOnlineName a {
  color: #fff4cf !important;
  font-weight: 900;
}
.BolzotOnlineCountry img { max-width: 22px; }
.BolzotOnlineOutfit {
  width: 86px;
  height: 58px;
  text-align: center;
  vertical-align: middle;
}
.BolzotOnlineOutfit img {
  max-width: none;
  width: auto;
  height: 64px;
  object-fit: contain;
  filter: drop-shadow(0 8px 8px rgba(0,0,0,0.35));
}
.BolzotOnlineEmpty {
  display: grid;
  gap: 6px;
  min-height: 92px;
  place-items: center;
  padding: 18px;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 7px;
  background: rgba(255,255,255,0.035);
}
.BolzotOnlineEmpty strong { color: #fff4cf !important; font-size: 18px; }
.BolzotOnlineEmpty span { color: #d7cfc2 !important; }
.BolzotOnlineSearch {
  display: grid;
  grid-template-columns: minmax(180px, .35fr) minmax(0, .65fr);
  gap: 18px;
  align-items: center;
  margin: 14px 28px 32px;
  padding: 16px;
  color: #e8e1d4;
}
.BolzotOnlineSearch strong {
  display: block;
  margin-top: 5px;
  color: #fff4cf !important;
  font: 900 20px/1.1 Georgia, "Times New Roman", serif;
}
.BolzotOnlineSearch form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px;
  gap: 10px;
  margin: 0;
}
.BolzotOnlineSearch input {
  min-height: 38px;
  padding: 8px 11px;
  border: 1px solid rgba(194,151,78,.45) !important;
  border-radius: 5px;
  background: rgba(7,8,10,.9) !important;
  color: #efe4d0 !important;
}
.BolzotOnlineSearch button {
  min-height: 38px;
  border: 1px solid #d6a84c;
  border-radius: 5px;
  background: linear-gradient(180deg,#7a520e,#321d04);
  color: #fff3c8;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 0 18px rgba(255,204,72,.22);
}
.BolzotOnlineSearch button:hover { filter: brightness(1.12); }
@media (max-width: 980px) {
  .BolzotOnlineOverview,
  .BolzotOnlineGrid,
  .BolzotOnlineSearch { grid-template-columns: 1fr; }
  .BolzotVocationGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .BolzotOnlineSearch { margin-left: 14px; margin-right: 14px; }
}
@media (max-width: 560px) {
  .BolzotVocationGrid,
  .BolzotOnlineSearch form { grid-template-columns: 1fr; }
  .BolzotOnlinePanelHead { align-items: flex-start; flex-direction: column; }
}

/* BolzOt create character modern */
.BolzotCreateCharacterPage .BolzotCreateGrid {
  align-items: start;
}
.BolzotCreateNotice {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 112, 112, .35);
  border-radius: 6px;
  background: rgba(98, 22, 14, .32);
  color: #ffd0c6 !important;
  font-weight: 800;
}
.BolzotCreateWorldSummary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.BolzotCreateWorldSummary article {
  min-height: 76px;
  padding: 13px;
  border: 1px solid rgba(240, 199, 107, 0.16);
  border-radius: 7px;
  background: rgba(255,255,255,0.035);
}
.BolzotCreateWorldSummary span {
  display: block;
  color: #f0c76b !important;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.BolzotCreateWorldSummary strong {
  display: block;
  margin-top: 7px;
  color: #fff4cf !important;
  font: 900 17px/1.15 Georgia, "Times New Roman", serif;
}
.BolzotCharacterCreateRules {
  align-items: center;
}
.BolzotCharacterCreateRules > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid rgba(240,199,107,.38);
  border-radius: 5px;
  color: #f0c76b !important;
  background: rgba(255,255,255,.035);
  font-weight: 900;
  text-decoration: none !important;
}
.BolzotCharacterCreateActions {
  grid-template-columns: minmax(180px, 280px) minmax(160px, 220px);
  justify-content: center;
  gap: 12px;
}
.BolzotGhostButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 5px;
  background: rgba(255,255,255,.045);
  color: #efe4d0 !important;
  font-weight: 900;
  text-decoration: none !important;
}
.BolzotGhostButton:hover,
.BolzotCharacterCreateRules > a:hover {
  border-color: rgba(240,199,107,.56);
  background: rgba(240,199,107,.08);
}
.BolzotCreateCharacterPage .BolzotVocationPreview {
  margin-top: 14px;
}
@media (max-width: 720px) {
  .BolzotCreateWorldSummary,
  .BolzotCharacterCreateActions {
    grid-template-columns: 1fr;
  }
}

/* BolzOt rules clean page */
.BolzotRulesCleanPage {
  overflow: hidden;
}
.BolzotRulesIntro {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.BolzotRulesIntro article,
.BolzotRuleCard,
.BolzotRulesFooter {
  border: 1px solid rgba(240, 199, 107, .16);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(13,14,17,.76), rgba(5,6,8,.68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 14px 28px rgba(0,0,0,.2);
}
.BolzotRulesIntro article {
  padding: 16px;
}
.BolzotRulesIntro span,
.BolzotRulesFooter strong {
  display: block;
  color: #f0c76b !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .7px;
  text-transform: uppercase;
}
.BolzotRulesIntro strong {
  display: block;
  margin: 7px 0;
  color: #fff4cf !important;
  font: 900 20px/1.15 Georgia, "Times New Roman", serif;
}
.BolzotRulesIntro p,
.BolzotRulesFooter p {
  margin: 0;
  color: #d8d0c5 !important;
  line-height: 1.55;
}
.BolzotRulesList {
  display: grid;
  gap: 14px;
}
.BolzotRuleCard {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
}
.BolzotRuleNumber {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(240,199,107,.5);
  border-radius: 50%;
  background: radial-gradient(circle at 45% 35%, rgba(240,199,107,.34), rgba(75,47,10,.75));
  color: #fff4cf;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(240,199,107,.16);
}
.BolzotRuleCard h2 {
  margin: 0 0 10px;
  color: #fff4cf !important;
  font: 900 23px/1.1 Georgia, "Times New Roman", serif;
}
.BolzotRuleCard ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.BolzotRuleCard li {
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 6px;
  background: rgba(255,255,255,.035);
  color: #e8e1d4 !important;
  line-height: 1.5;
}
.BolzotRuleCard li b {
  color: #f0c76b !important;
}
.BolzotRulesFooter {
  margin-top: 16px;
  padding: 16px;
}
.BolzotRulesFooter strong {
  margin-bottom: 7px;
  font-size: 13px;
}
@media (max-width: 760px) {
  .BolzotRulesIntro,
  .BolzotRuleCard {
    grid-template-columns: 1fr;
  }
  .BolzotRuleNumber {
    width: 44px;
    height: 44px;
  }
}

/* BolzOt account tools pages */
.BolzotAccountToolPage {
  min-height: 420px;
}
.BolzotAccountToolForm {
  display: grid;
  gap: 18px;
}
.BolzotAccountToolGrid {
  display: grid;
  grid-template-columns: minmax(210px, .82fr) minmax(320px, 1.35fr);
  gap: 16px;
  align-items: stretch;
}
.BolzotAccountToolInfo,
.BolzotAccountToolCard {
  border: 1px solid rgba(194,151,78,.28);
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(17,18,20,.82), rgba(8,9,11,.74));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.28);
}
.BolzotAccountToolInfo {
  padding: 22px;
  position: relative;
  overflow: hidden;
}
.BolzotAccountToolInfo:before {
  content: '';
  position: absolute;
  right: -42px;
  top: -42px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240,199,107,.22), transparent 68%);
  pointer-events: none;
}
.BolzotAccountToolInfo span,
.BolzotAccountToolCard > h3,
.BolzotAccountToolNote strong {
  display: block;
  color: #f0c76b !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .7px;
  text-transform: uppercase;
}
.BolzotAccountToolInfo strong {
  display: block;
  margin: 8px 0 8px;
  color: #fff2c7 !important;
  font: 800 24px/1.1 Georgia, serif;
}
.BolzotAccountToolInfo p,
.BolzotAccountToolInfo small,
.BolzotAccountToolNote span {
  color: #ded6c7 !important;
  line-height: 1.45;
}
.BolzotAccountToolCard {
  padding: 18px;
}
.BolzotAccountToolFields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.BolzotAccountToolFields.compact {
  margin-top: 14px;
}
.BolzotAccountToolFields .BolzotCreateField:first-child:last-child,
.BolzotAccountToolFields .BolzotCountryField {
  grid-column: 1 / -1;
}
.BolzotAccountToolCard .BolzotCreateField input,
.BolzotAccountToolCard .BolzotCreateField select {
  background: rgba(3,4,6,.82) !important;
  border: 1px solid rgba(214,166,70,.45) !important;
  color: #fff6df !important;
}
.BolzotAccountToolNote {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(240,199,107,.22);
  border-radius: 6px;
  background: rgba(0,0,0,.25);
}
.BolzotAccountToolActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  padding-top: 2px;
}
.BolzotAccountToolActions .BolzotGoldButton,
.BolzotAccountToolActions .BolzotGhostButton {
  width: auto;
  min-width: 170px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}
@media (max-width: 820px) {
  .BolzotAccountToolGrid,
  .BolzotAccountToolFields {
    grid-template-columns: 1fr;
  }
}

/* BolzOt boxes page */
.BolzotBoxesPage { overflow: hidden; }
.BolzotBoxesHero h1 { color: #fff2c7 !important; }
.BolzotBoxesDisabled {
  padding: 22px;
  border: 1px solid rgba(240,199,107,.24);
  border-radius: 8px;
  background: rgba(5,6,8,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.BolzotBoxesDisabled > strong {
  display: block;
  color: #f0c76b !important;
  font: 800 24px/1.15 Georgia, serif;
  margin-bottom: 8px;
}
.BolzotBoxesDisabled > p,
.BolzotBoxesCheckout p { color: #e5ded0 !important; line-height: 1.5; }
.BolzotBoxesPreviewGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 16px;
  margin-top: 20px;
}
.BolzotBoxCard {
  position: relative;
  width: 100%;
  min-height: 300px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--box-color, #f0c76b) 70%, transparent);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(20,21,24,.86), rgba(5,6,8,.84));
  color: #efe8d8 !important;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 18px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.BolzotBoxCard:hover,
.BolzotBoxCard.is-selected {
  transform: translateY(-2px);
  border-color: var(--box-color, #f0c76b);
  box-shadow: 0 20px 48px rgba(0,0,0,.44), 0 0 24px color-mix(in srgb, var(--box-color, #f0c76b) 35%, transparent);
}
.BolzotBoxCard.is-preview { cursor: default; }
.BolzotBoxImage {
  height: 188px; display: grid;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 7px;
  background: radial-gradient(circle at center, color-mix(in srgb, var(--box-color, #f0c76b) 20%, transparent), rgba(0,0,0,.24) 68%);
  overflow: hidden;
}
.BolzotBoxImage img { max-width: 188px; max-height: 184px; object-fit: contain; filter: drop-shadow(0 10px 16px rgba(0,0,0,.45)); }
.BolzotBoxCard span {
  color: var(--box-color, #f0c76b) !important;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .8px;
}
.BolzotBoxCard h3 { margin: 5px 0 8px; color: #fff2c7 !important; font: 800 20px/1.15 Georgia, serif; }
.BolzotBoxCard p { margin: 0; color: #ddd4c5 !important; line-height: 1.42; }
.BolzotBoxCard b { display: block; margin-top: 12px; color: #fff !important; font-size: 16px; }
.BolzotBoxesCheckout {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid rgba(240,199,107,.2);
  border-radius: 8px;
  background: rgba(0,0,0,.36);
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
}
.BolzotBoxesCheckout .BolzotGoldButton { width: auto; min-width: 240px; }
@media (max-width: 720px) {
  .BolzotBoxesCheckout { display: grid; }
  .BolzotBoxesCheckout .BolzotGoldButton { width: 100%; min-width: 0; }
}


/* BolzOt boxes headline cleanup */
.Content .Box:has(.BolzotBoxesPage) {
  margin: 0 5px 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.Content .Box:has(.BolzotBoxesPage) .BorderTitleText,
.Content .Box:has(.BolzotBoxesPage) .Border_1,
.Content .Box:has(.BolzotBoxesPage) .Corner-tl,
.Content .Box:has(.BolzotBoxesPage) .Corner-tr,
.Content .Box:has(.BolzotBoxesPage) .BottomCornersHelper,
.Content .Box:has(.BolzotBoxesPage) .CornerWrapper-b,
.Content .Box:has(.BolzotBoxesPage) .Corner-bl,
.Content .Box:has(.BolzotBoxesPage) .Corner-br,
.Content .Box:has(.BolzotBoxesPage) > .Title,
.Content .Box:has(.BolzotBoxesPage) img.Title {
  display: none !important;
}
.Content .Box:has(.BolzotBoxesPage) .Border_2,
.Content .Box:has(.BolzotBoxesPage) .Border_3,
.Content .BoxContent:has(.BolzotBoxesPage) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* BolzOt server info modern */
.Content .Box:has(.BolzotServerInfoPage) { margin: 0 5px 8px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.Content .Box:has(.BolzotServerInfoPage) .BorderTitleText,
.Content .Box:has(.BolzotServerInfoPage) .Border_1,
.Content .Box:has(.BolzotServerInfoPage) .Corner-tl,
.Content .Box:has(.BolzotServerInfoPage) .Corner-tr,
.Content .Box:has(.BolzotServerInfoPage) .BottomCornersHelper,
.Content .Box:has(.BolzotServerInfoPage) .CornerWrapper-b,
.Content .Box:has(.BolzotServerInfoPage) .Corner-bl,
.Content .Box:has(.BolzotServerInfoPage) .Corner-br,
.Content .Box:has(.BolzotServerInfoPage) > .Title,
.Content .Box:has(.BolzotServerInfoPage) img.Title { display: none !important; }
.Content .Box:has(.BolzotServerInfoPage) .Border_2,
.Content .Box:has(.BolzotServerInfoPage) .Border_3,
.Content .BoxContent:has(.BolzotServerInfoPage) { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.BolzotServerInfoPage { overflow: hidden; }
.BolzotServerQuickLinks { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.BolzotServerQuickLinks a { padding: 9px 14px; border: 1px solid rgba(240,199,107,.34); border-radius: 6px; background: rgba(0,0,0,.32); color: #f0c76b !important; font-weight: 800; text-decoration: none !important; text-transform: uppercase; font-size: 12px; }
.BolzotServerQuickLinks a:hover { border-color: rgba(240,199,107,.75); background: rgba(240,199,107,.12); }
.BolzotServerTopGrid, .BolzotServerGrid { display: grid; grid-template-columns: minmax(260px,.92fr) minmax(320px,1.08fr); gap: 18px; margin-top: 18px; }
.BolzotServerSaveCard, .BolzotServerPanel { border: 1px solid rgba(194,151,78,.28); border-radius: 8px; background: linear-gradient(180deg, rgba(17,18,20,.84), rgba(6,7,9,.76)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 42px rgba(0,0,0,.32); }
.BolzotServerSaveCard { padding: 24px; text-align: center; display: grid; align-content: center; min-height: 260px; position: relative; overflow: hidden; }
.BolzotServerSaveCard:before { content: ''; position: absolute; inset: auto -30px -70px -30px; height: 150px; background: radial-gradient(circle, rgba(240,199,107,.20), transparent 70%); pointer-events: none; }
.BolzotServerSaveCard > span, .BolzotServerPanelHead span { color: #f0c76b !important; font-weight: 900; text-transform: uppercase; letter-spacing: .8px; font-size: 12px; }
.BolzotServerSaveCard h2 { margin: 8px 0 4px; color: #fff3cf !important; font: 900 36px/1 Georgia, serif; }
.BolzotServerSaveCard p { color: #ded6c7 !important; margin: 0 0 18px; }
.BolzotServerTimer { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.BolzotServerTimer div { padding: 14px 8px; border: 1px solid rgba(240,199,107,.28); border-radius: 7px; background: linear-gradient(180deg, rgba(105,72,24,.62), rgba(34,24,12,.72)); }
.BolzotServerTimer strong { display: block; color: #fff8dd !important; font-size: 28px; line-height: 1; }
.BolzotServerTimer small { color: #e8d6a7 !important; text-transform: uppercase; font-size: 10px; font-weight: 800; }
.BolzotServerSaveCard em { min-height: 18px; color: #f0c76b !important; font-style: normal; margin-top: 10px; }
.BolzotServerPanel { padding: 0; overflow: hidden; }
.BolzotServerPanelHead { padding: 14px 16px; border-bottom: 1px solid rgba(240,199,107,.18); background: linear-gradient(180deg, rgba(58,42,22,.64), rgba(8,9,11,.7)); }
.BolzotServerStats { display: grid; margin: 0; padding: 12px; gap: 8px; }
.BolzotServerStats div { display: grid; grid-template-columns: minmax(130px,.75fr) minmax(0,1.25fr); gap: 12px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 6px; background: rgba(0,0,0,.24); }
.BolzotServerStats.compact div { grid-template-columns: minmax(110px,.7fr) minmax(0,1.3fr); }
.BolzotServerStats dt { color: #f0c76b !important; font-weight: 900; }
.BolzotServerStats dd { margin: 0; color: #f0eadc !important; font-weight: 700; }
.BolzotRateCards { display: grid; grid-template-columns: repeat(auto-fit,minmax(130px,1fr)); gap: 12px; padding: 16px; }
.BolzotRateCards div { padding: 16px; border: 1px solid rgba(240,199,107,.22); border-radius: 8px; background: rgba(0,0,0,.28); text-align: center; }
.BolzotRateCards span { display: block; color: #d9d0c1 !important; font-size: 12px; text-transform: uppercase; font-weight: 800; }
.BolzotRateCards strong { display: block; margin-top: 8px; color: #fff3cf !important; font: 900 28px/1 Georgia, serif; }
.BolzotStageList { display: grid; gap: 10px; padding: 16px; }
.BolzotStageList details { border: 1px solid rgba(240,199,107,.20); border-radius: 7px; background: rgba(0,0,0,.24); overflow: hidden; }
.BolzotStageList summary { cursor: pointer; padding: 12px 14px; color: #f0c76b !important; font-weight: 900; text-transform: uppercase; }
.BolzotStageList table { width: 100%; border-collapse: collapse; }
.BolzotStageList th, .BolzotStageList td { padding: 9px 12px; border-top: 1px solid rgba(255,255,255,.07); color: #eee2cc !important; text-align: left; }
.BolzotStageList th { color: #fff3cf !important; background: rgba(255,255,255,.04); }
.BolzotServerFooter { margin-top: 18px; padding: 14px 16px; border: 1px solid rgba(240,199,107,.22); border-radius: 8px; background: rgba(0,0,0,.32); color: #ded6c7 !important; text-align: center; }
.BolzotServerFooter strong { color: #f0c76b !important; }
@media (max-width: 900px) { .BolzotServerTopGrid, .BolzotServerGrid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .BolzotServerStats div { grid-template-columns: 1fr; gap: 4px; } .BolzotServerTimer strong { font-size: 23px; } }

/* BolzOt patch 18 visual news */
.BolzotPatchVisual {
  position: relative;
  margin: 18px 0 20px;
  border: 1px solid rgba(240,199,107,.28);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0,0,0,.38);
  box-shadow: 0 20px 50px rgba(0,0,0,.38), 0 0 28px rgba(240,140,35,.12);
}
.BolzotPatchVisual img {
  display: block;
  width: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center top;
  filter: saturate(1.06) contrast(1.04);
}
.BolzotPatchVisual:after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.40));
}
.BolzotPatchBadges {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.BolzotPatchBadges span {
  padding: 7px 11px;
  border: 1px solid rgba(255,220,118,.42);
  border-radius: 999px;
  background: rgba(7,8,10,.72);
  color: #ffe08a !important;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .5px;
  box-shadow: 0 0 18px rgba(255,178,44,.18);
}
.BolzotPatchSpotlight {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.BolzotPatchSpotlight section {
  padding: 14px;
  border: 1px solid rgba(240,199,107,.22);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(28,24,18,.72), rgba(5,6,8,.58));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.BolzotPatchSpotlight b {
  display: block;
  margin-bottom: 6px;
  color: #f4d27c !important;
  font-size: 14px;
}
.BolzotPatchSpotlight p {
  margin: 0;
  color: #e7dfd2 !important;
  line-height: 1.45;
}
.BolzotFeatureGrid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
@media (max-width: 760px) {
  .BolzotPatchVisual img { max-height: none; }
  .BolzotPatchSpotlight { grid-template-columns: 1fr; }
}

/* BolzOt patch 18 full image fix */
.BolzotPatchVisual {
  background: rgba(0,0,0,.72) !important;
}
.BolzotPatchVisual img {
  height: auto !important;
}

/* BolzOt patch badges no overlap */
.BolzotPatchBadges {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding: 12px 14px 14px;
  background: linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.74));
  border-top: 1px solid rgba(240,199,107,.22);
}
.BolzotPatchVisual:after {
  display: none !important;
}
.BolzotPatchSpotlight {
  margin-top: 18px !important;
}

/* BolzOt outfits and mounts bonus pages */
.Content .Box:has(.BolzotBonusPage) { margin: 0 5px 8px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.Content .Box:has(.BolzotBonusPage) .BorderTitleText,
.Content .Box:has(.BolzotBonusPage) .Border_1,
.Content .Box:has(.BolzotBonusPage) .Corner-tl,
.Content .Box:has(.BolzotBonusPage) .Corner-tr,
.Content .Box:has(.BolzotBonusPage) .BottomCornersHelper,
.Content .Box:has(.BolzotBonusPage) .CornerWrapper-b,
.Content .Box:has(.BolzotBonusPage) .Corner-bl,
.Content .Box:has(.BolzotBonusPage) .Corner-br,
.Content .Box:has(.BolzotBonusPage) > .Title,
.Content .Box:has(.BolzotBonusPage) img.Title { display: none !important; }
.Content .Box:has(.BolzotBonusPage) .Border_2,
.Content .Box:has(.BolzotBonusPage) .Border_3,
.Content .BoxContent:has(.BolzotBonusPage) { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.Content .BoxContent:has(.BolzotBonusPage) > :not(.BolzotBonusPage) { display: none !important; }
.Content .BoxContent:has(.BolzotBonusPage) .BolzotBonusPage { font-size: 13px !important; line-height: 1.4 !important; }
.BolzotBonusPage { position: relative; overflow: hidden; padding: 30px; color: #efe8dc; border: 1px solid rgba(201,154,74,.34); border-radius: 8px; background: linear-gradient(180deg, rgba(12,13,16,.78), rgba(4,5,7,.90)), url('/templates/tibiacom/images/header/bolzot-battle-background.png') center/cover no-repeat; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 50px rgba(0,0,0,.42); }
.BolzotBonusPage:before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 18% 8%, rgba(240,199,107,.17), transparent 34%), radial-gradient(circle at 86% 16%, rgba(82,143,255,.10), transparent 30%), linear-gradient(90deg, rgba(0,0,0,.18), rgba(255,255,255,.025), rgba(0,0,0,.30)); }
.BolzotBonusPage > * { position: relative; z-index: 1; }
.BolzotBonusHero { padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.10); }
.BolzotBonusHero span, .BolzotBonusPanel span, .BolzotBonusMainReward small, .BolzotMountReward span { color: #f0c76b !important; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
.BolzotBonusHero h1 { margin: 7px 0 8px; color: #fff3cf !important; font: 900 34px/1.08 Georgia, serif; }
.BolzotBonusHero p { max-width: 720px; margin: 0; color: #e7dfd2 !important; font-size: 14px; line-height: 1.55; }
.BolzotBonusShowcase, .BolzotMountReward { display: grid; grid-template-columns: minmax(300px, 1.1fr) minmax(240px, .9fr); gap: 18px; margin-top: 20px; }
.BolzotBonusPreview, .BolzotBonusMainReward, .BolzotMountReward, .BolzotBonusPanel, .BolzotBonusCallout { border: 1px solid rgba(240,199,107,.22); border-radius: 8px; background: linear-gradient(180deg, rgba(18,19,22,.78), rgba(5,6,8,.62)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.25); }
.BolzotBonusPreview { padding: 16px; }
.BolzotOutfitSprites { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.BolzotOutfitSprites figure { margin: 0; min-height: 118px; display: grid; place-items: center; padding: 12px 8px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: radial-gradient(circle at center, rgba(240,199,107,.14), rgba(0,0,0,.24) 72%); }
.BolzotOutfitSprites img { width: 56px; height: 56px; object-fit: contain; image-rendering: pixelated; transform: scale(1.7); filter: drop-shadow(0 10px 12px rgba(0,0,0,.55)); }
.BolzotOutfitSprites figcaption { align-self: end; margin-top: 12px; color: #f0c76b !important; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.BolzotBonusMainReward { padding: 20px; display: grid; align-content: center; }
.BolzotBonusMainReward strong { display: block; margin-top: 8px; color: #fff3cf !important; font: 900 34px/1 Georgia, serif; text-shadow: 0 0 18px rgba(240,199,107,.24); }
.BolzotBonusMainReward p { margin: 12px 0 0; color: #ded6c7 !important; line-height: 1.48; }
.BolzotBonusGrid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.BolzotBonusGrid article { padding: 16px; border: 1px solid rgba(240,199,107,.18); border-radius: 8px; background: rgba(0,0,0,.30); }
.BolzotBonusGrid b { display: inline-grid; place-items: center; width: 34px; height: 34px; margin-bottom: 10px; border-radius: 50%; border: 1px solid rgba(240,199,107,.44); background: radial-gradient(circle, rgba(240,199,107,.22), rgba(0,0,0,.24)); color: #fff0bd !important; font-size: 11px; }
.BolzotBonusGrid h3 { margin: 0 0 7px; color: #f4d27c !important; font-size: 16px; }
.BolzotBonusGrid p { margin: 0; color: #e2dacd !important; line-height: 1.45; }
.BolzotBonusPanel { margin-top: 18px; padding: 18px; display: grid; grid-template-columns: minmax(240px,.8fr) minmax(280px,1.2fr); gap: 18px; align-items: start; }
.BolzotBonusPanel h2 { margin: 7px 0 8px; color: #fff3cf !important; font: 900 25px/1.1 Georgia, serif; }
.BolzotBonusPanel p { margin: 0; color: #e5ded0 !important; line-height: 1.5; }
.BolzotBonusList { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.BolzotBonusList li { padding: 10px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: rgba(0,0,0,.24); color: #eee5d8 !important; }
.BolzotBonusList strong { color: #f0c76b !important; }
.BolzotMountReward { padding: 20px; align-items: center; }
.BolzotMountSeal { min-height: 190px; display: grid; place-items: center; text-align: center; border: 1px solid rgba(240,199,107,.28); border-radius: 8px; background: radial-gradient(circle, rgba(240,199,107,.24), rgba(0,0,0,.32) 70%); }
.BolzotMountSeal span { display: block; }
.BolzotMountSeal strong { display: block; color: #fff3cf !important; font: 900 54px/1 Georgia, serif; text-shadow: 0 0 28px rgba(240,199,107,.32); }
.BolzotMountSeal small { color: #f0c76b !important; font-weight: 900; text-transform: uppercase; }
.BolzotMountReward h2 { margin: 8px 0 10px; color: #fff3cf !important; font: 900 28px/1.1 Georgia, serif; }
.BolzotMountReward p { margin: 0; color: #e7dfd2 !important; line-height: 1.55; }
.BolzotMountReward p strong { color: #f0c76b !important; }
.BolzotBonusFormula { display: grid; gap: 10px; }
.BolzotBonusFormula div { display: flex; justify-content: space-between; gap: 14px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: rgba(0,0,0,.24); }
.BolzotBonusFormula strong { color: #fff3cf !important; }
.BolzotBonusFormula span { color: #f0c76b !important; font-size: 13px; letter-spacing: 0; text-transform: none; }
.BolzotBonusCallout { margin-top: 18px; padding: 14px 16px; display: flex; gap: 12px; align-items: center; }
.BolzotBonusCallout b { color: #f0c76b !important; text-transform: uppercase; }
.BolzotBonusCallout p { margin: 0; color: #e7dfd2 !important; }
@media (max-width: 760px) { .BolzotBonusPage { padding: 20px 14px; } .BolzotBonusShowcase, .BolzotMountReward, .BolzotBonusPanel { grid-template-columns: 1fr; } .BolzotBonusGrid { grid-template-columns: 1fr; } .BolzotOutfitSprites { grid-template-columns: repeat(2, minmax(0,1fr)); } }

/* BolzOt full bonus catalogs */
.BolzotBonusStats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.BolzotBonusStats article { padding: 15px; border: 1px solid rgba(240,199,107,.22); border-radius: 8px; background: linear-gradient(180deg, rgba(18,19,22,.78), rgba(5,6,8,.62)); text-align: center; }
.BolzotBonusStats b { display: block; color: #fff3cf !important; font: 900 32px/1 Georgia, serif; }
.BolzotBonusStats span { display: block; margin-top: 6px; color: #f0c76b !important; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .6px; }
.BolzotCatalogToolbar { margin-top: 20px; padding: 13px 15px; border: 1px solid rgba(240,199,107,.18); border-radius: 8px; background: rgba(0,0,0,.32); display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.BolzotCatalogToolbar strong { color: #fff3cf !important; font-size: 17px; }
.BolzotCatalogToolbar span { color: #d9d0c1 !important; font-size: 12px; }
.BolzotOutfitCatalog, .BolzotMountCatalog { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-top: 14px; }
.BolzotCatalogCard { display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 12px; min-height: 126px; padding: 12px; border: 1px solid rgba(240,199,107,.16); border-radius: 8px; background: linear-gradient(180deg, rgba(18,19,22,.72), rgba(5,6,8,.58)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.BolzotCatalogImage { width: 74px; min-height: 92px; display: grid; place-items: center; border: 1px solid rgba(240,199,107,.18); border-radius: 7px; background: radial-gradient(circle, rgba(240,199,107,.16), rgba(0,0,0,.30) 72%); overflow: hidden; }
.BolzotCatalogImage img { max-width: 68px; max-height: 76px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 9px 12px rgba(0,0,0,.48)); }
.BolzotOutfitCatalog .BolzotCatalogImage img[src$='.gif'] { width: 42px; height: 42px; image-rendering: pixelated; transform: scale(1.55); }
.BolzotCatalogImage.is-empty span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(240,199,107,.35); color: #f0c76b !important; font: 900 20px/1 Georgia, serif; background: rgba(0,0,0,.24); }
.BolzotCatalogBody h3 { margin: 0 0 5px; color: #fff3cf !important; font: 900 17px/1.1 Georgia, serif; }
.BolzotCatalogBody p { margin: 0 0 8px; color: #d9d0c1 !important; font-size: 12px; line-height: 1.35; }
.BolzotCatalogTags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }
.BolzotCatalogTags span { padding: 4px 7px; border: 1px solid rgba(240,199,107,.24); border-radius: 999px; background: rgba(0,0,0,.26); color: #f0c76b !important; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.BolzotCatalogBody small { color: #efe6d4 !important; font-size: 11px; font-weight: 800; }
.BolzotBonusHow strong { color: #f0c76b !important; }
@media (max-width: 760px) { .BolzotBonusStats { grid-template-columns: 1fr; } .BolzotCatalogToolbar { display: grid; } .BolzotOutfitCatalog, .BolzotMountCatalog { grid-template-columns: 1fr; } }

/* BolzOt reference bonus catalogs */
.BolzotReferenceCatalog { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.BolzotWideCatalogCard { grid-template-columns: 96px minmax(0, 1fr); min-height: 136px; }
.BolzotReferenceImages { width: 96px; min-height: 104px; display: flex; align-items: center; justify-content: center; gap: 2px; border: 1px solid rgba(240,199,107,.18); border-radius: 7px; background: radial-gradient(circle, rgba(240,199,107,.16), rgba(0,0,0,.32) 74%); overflow: hidden; }
.BolzotReferenceImages img { max-width: 46px; max-height: 82px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 10px 12px rgba(0,0,0,.52)); }
.BolzotMountReferenceImage img { max-width: 86px; max-height: 86px; }
.BolzotWideCatalogCard .BolzotCatalogBody small { display: inline-block; padding: 6px 8px; border: 1px solid rgba(240,199,107,.24); border-radius: 6px; background: rgba(240,199,107,.08); color: #ffe5a1 !important; }
@media (max-width: 520px) { .BolzotWideCatalogCard { grid-template-columns: 1fr; } .BolzotReferenceImages { width: 100%; } }

/* BolzOt home Top Kills */
.BolzotTopKillsPanel { position: relative; z-index: 1; display: grid; gap: 18px; }
.BolzotTopKillsHeader { padding: 18px; border: 1px solid rgba(240,199,107,.20); border-radius: 8px; background: linear-gradient(180deg, rgba(18,19,22,.74), rgba(5,6,8,.60)); }
.BolzotTopKillsHeader span { color: #f0c76b !important; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .9px; }
.BolzotTopKillsHeader h2 { margin: 7px 0 8px; color: #fff3cf !important; font: 900 30px/1.08 Georgia, serif; }
.BolzotTopKillsHeader p { margin: 0; color: #e7dfd2 !important; line-height: 1.5; }
.BolzotTopGuilds, .BolzotTopPlayers, .BolzotCastleWinner { border: 1px solid rgba(240,199,107,.18); border-radius: 8px; background: rgba(0,0,0,.28); padding: 16px; }
.BolzotTopGuilds h3, .BolzotTopPlayers h3, .BolzotCastleWinner h3 { margin: 0 0 14px; color: #f0c76b !important; font-size: 15px; text-transform: uppercase; letter-spacing: .8px; }
.BolzotTopGuildGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; }
.BolzotTopGuildGrid article { display: grid; justify-items: center; gap: 6px; padding: 13px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: linear-gradient(180deg, rgba(34,25,16,.62), rgba(8,9,11,.68)); text-align: center; }
.BolzotTopGuildGrid img { width: 56px; height: 56px; object-fit: contain; filter: drop-shadow(0 8px 10px rgba(0,0,0,.45)); }
.BolzotTopGuildGrid strong { color: #fff3cf !important; font-size: 13px; }
.BolzotTopGuildGrid span { color: #f0c76b !important; font-weight: 900; }
.BolzotTopPlayerGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.BolzotTopPlayerCard { display: grid; grid-template-columns: 38px 58px minmax(0,1fr); align-items: center; gap: 10px; min-height: 96px; padding: 12px; border: 1px solid rgba(240,199,107,.18); border-radius: 8px; background: linear-gradient(180deg, rgba(22,23,26,.76), rgba(5,6,8,.62)); }
.BolzotTopPlayerCard b { color: #f0c76b !important; font: 900 18px/1 Georgia, serif; }
.BolzotTopPlayerCard img { width: 54px; height: 64px; object-fit: contain; filter: drop-shadow(0 8px 10px rgba(0,0,0,.5)); }
.BolzotTopPlayerCard a { display: block; color: #fff3cf !important; font-weight: 900; text-decoration: none !important; }
.BolzotTopPlayerCard a:hover { color: #f0c76b !important; }
.BolzotTopPlayerCard span { display: block; margin: 3px 0; color: #d8d1c4 !important; font-size: 12px; }
.BolzotTopPlayerCard strong { color: #f0c76b !important; font-weight: 900; }
@media (max-width: 900px) { .BolzotTopPlayerGrid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 620px) { .BolzotTopPlayerGrid { grid-template-columns: 1fr; } .BolzotTopPlayerCard { grid-template-columns: 34px 54px minmax(0,1fr); } }

/* BolzOt Top Kills glowing tab */
.BolzotNewsTab.BolzotTopKillsTab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  border-color: rgba(255, 74, 74, .48) !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(196, 66, 255, .22), transparent 34%),
    radial-gradient(circle at 78% 42%, rgba(255, 58, 44, .25), transparent 36%),
    linear-gradient(180deg, rgba(54, 12, 16, .92), rgba(9, 8, 12, .90)) !important;
  box-shadow: 0 0 18px rgba(255, 57, 57, .16), inset 0 1px 0 rgba(255,255,255,.08);
  animation: BolzotTopKillsGlow 1.55s ease-in-out infinite;
}
.BolzotNewsTab.BolzotTopKillsTab::before {
  content: '';
  position: absolute;
  inset: -40%;
  background: conic-gradient(from 90deg, transparent, rgba(255, 214, 105, .22), rgba(255, 54, 54, .18), transparent 42%);
  animation: BolzotTopKillsSweep 2.4s linear infinite;
  opacity: .85;
}
.BolzotNewsTab.BolzotTopKillsTab img,
.BolzotNewsTab.BolzotTopKillsTab span {
  position: relative;
  z-index: 1;
}
.BolzotNewsTab.BolzotTopKillsTab img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(230, 210, 255, .52)) drop-shadow(0 0 10px rgba(255, 50, 50, .28));
}
.BolzotNewsTab.BolzotTopKillsTab span {
  color: #ffdf78 !important;
  text-shadow: 0 0 8px rgba(255, 62, 62, .8), 0 0 14px rgba(151, 89, 255, .42);
  letter-spacing: .7px;
}
.BolzotNewsTab.BolzotTopKillsTab.is-active,
.BolzotNewsTab.BolzotTopKillsTab:hover {
  border-color: rgba(255, 219, 105, .80) !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(255, 210, 79, .28), transparent 35%),
    radial-gradient(circle at 78% 42%, rgba(255, 43, 43, .32), transparent 38%),
    linear-gradient(180deg, rgba(85, 21, 21, .95), rgba(15, 10, 13, .94)) !important;
  box-shadow: 0 0 24px rgba(255, 73, 73, .34), 0 0 18px rgba(255, 214, 99, .18), inset 0 1px 0 rgba(255,255,255,.12);
}
@keyframes BolzotTopKillsGlow {
  0%, 100% { box-shadow: 0 0 12px rgba(255, 57, 57, .16), inset 0 1px 0 rgba(255,255,255,.08); }
  50% { box-shadow: 0 0 28px rgba(255, 57, 57, .38), 0 0 18px rgba(255, 205, 86, .20), inset 0 1px 0 rgba(255,255,255,.14); }
}
@keyframes BolzotTopKillsSweep {
  to { transform: rotate(360deg); }
}


/* BolzOt opening flyer */
.BolzotOpeningFlyer {
  position: relative;
  margin: 18px 0 22px;
  border: 1px solid rgba(145, 199, 62, .35);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0,0,0,.72);
  box-shadow: 0 22px 54px rgba(0,0,0,.48), 0 0 32px rgba(94, 155, 32, .16);
}
.BolzotOpeningFlyer::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), inset 0 -60px 90px rgba(0,0,0,.34);
}
.BolzotOpeningFlyer img {
  display: block;
  width: 100%;
  height: auto;
  filter: saturate(1.05) contrast(1.04);
}
.BolzotPatchCollapsed {
  position: relative;
  margin: 8px 0 22px;
  border: 1px solid rgba(240,199,107,.26);
  border-radius: 8px;
  background: rgba(6,7,9,.58);
  overflow: hidden;
}
.BolzotPatchCollapsed summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  cursor: pointer;
  list-style: none;
  background: linear-gradient(180deg, rgba(45,35,20,.92), rgba(10,10,10,.92));
  border-bottom: 1px solid rgba(240,199,107,.18);
}
.BolzotPatchCollapsed summary::-webkit-details-marker { display: none; }
.BolzotPatchCollapsed summary span {
  color: #f0c76b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 900;
}
.BolzotPatchCollapsed summary small {
  color: #c8bda8;
  font-size: 11px;
  text-transform: uppercase;
}
.BolzotPatchCollapsedBody {
  position: relative;
  padding: 14px;
  transition: max-height .24s ease;
}
.BolzotPatchCollapsed:not([open]) .BolzotPatchCollapsedBody {
  display: block !important;
  max-height: 390px;
  overflow: hidden;
}
.BolzotPatchCollapsed:not([open]) .BolzotPatchCollapsedBody::after {
  content: 'Clique para abrir o Patch 18 completo';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: end center;
  height: 150px;
  padding-bottom: 18px;
  color: #ffe08a;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  background: linear-gradient(180deg, rgba(5,6,8,0), rgba(5,6,8,.92) 70%, rgba(5,6,8,.98));
  text-shadow: 0 0 12px rgba(255,184,55,.42);
  pointer-events: none;
}
.BolzotPatchCollapsed[open] .BolzotPatchCollapsedBody {
  max-height: none;
}
.BolzotPatchCollapsed[open] summary small::after {
  content: ' - aberto';
  color: #75d85d;
}
.BolzotOpeningIntro {
  margin: 0 0 18px;
  padding: 16px 18px;
  border: 1px solid rgba(145, 199, 62, .18);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(8,10,9,.58), rgba(8,8,8,.34));
}
.BolzotOpeningIntro h1 {
  margin: 0 0 8px !important;
  color: #f7f0df !important;
  font-size: 24px !important;
}
.BolzotOpeningIntro .BolzotNewsLead {
  margin-bottom: 0 !important;
}
/* BolzOt opening flyer callout */
.BolzotOpeningCallout {
  position: relative;
  z-index: 2;
  width: min(520px, calc(100% - 58px));
  margin: 16px auto 12px;
  padding: 10px 22px 12px;
  overflow: hidden;
  text-align: center;
  border: 1px solid rgba(154, 220, 62, .48);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(125, 207, 45, .20), transparent 64%),
    linear-gradient(90deg, rgba(4, 8, 3, .46), rgba(9, 15, 7, .86), rgba(4, 8, 3, .46));
  box-shadow: 0 0 22px rgba(108, 190, 36, .28), inset 0 0 18px rgba(255, 238, 162, .08);
}
.BolzotOpeningCallout::before,
.BolzotOpeningCallout::after {
  content: '';
  position: absolute;
  inset: -80% -35%;
  pointer-events: none;
}
.BolzotOpeningCallout::before {
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.72) 48%, rgba(165,255,78,.34) 52%, transparent 65%);
  animation: BolzotOpeningFlash 2.9s ease-in-out infinite;
}
.BolzotOpeningCallout::after {
  background: radial-gradient(circle, rgba(170, 255, 84, .28), transparent 58%);
  animation: BolzotOpeningPulse 1.8s ease-in-out infinite alternate;
}
.BolzotOpeningCallout span,
.BolzotOpeningCallout strong {
  position: relative;
  z-index: 1;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  text-shadow: 0 2px 0 #000, 0 0 10px rgba(140, 255, 70, .72), 0 0 22px rgba(255, 230, 124, .42);
}
.BolzotOpeningCallout span {
  color: #b9ff5d;
  font-size: 12px;
  font-weight: 900;
}
.BolzotOpeningCallout strong {
  margin-top: 2px;
  color: #fff3c4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  line-height: 1.05;
}
@keyframes BolzotOpeningFlash {
  0%, 38% { transform: translateX(-72%) rotate(0deg); opacity: 0; }
  48% { opacity: .95; }
  62%, 100% { transform: translateX(72%) rotate(0deg); opacity: 0; }
}
@keyframes BolzotOpeningPulse {
  from { opacity: .42; transform: scale(.98); }
  to { opacity: .9; transform: scale(1.04); }
}
@media (max-width: 720px) {
  .BolzotOpeningCallout { width: min(94%, calc(100% - 24px)); margin-top: 12px; padding: 8px 14px 10px; }
  .BolzotOpeningCallout strong { font-size: 18px; }
}  .BolzotOpeningCallout strong { font-size: 18px; }
}
.BolzotHighscoreRank {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  max-width: 100%;
  margin-bottom: 2px;
  padding: 2px 6px;
  border: 1px solid rgba(240, 199, 107, .34);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(96, 62, 14, .72), rgba(18, 14, 10, .86));
  color: #ffe08a !important;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #000, 0 0 8px rgba(255, 187, 72, .22);
}
.BolzotHighscoreTrophy {
  font-size: 10px;
  line-height: 1;
  filter: drop-shadow(0 0 4px rgba(255, 213, 85, .36));
}
/* BolzOt ranking final spacing */
.BolzotHighscores {
  width: 226px !important;
}
.BolzotHighscorePlayer {
  min-height: 68px !important;
  padding-left: 124px !important;
  padding-right: 10px !important;
}
.BolzotHighscoreOutfit {
  left: 12px !important;
  top: 5px !important;
  width: 92px !important;
  height: 62px !important;
  overflow: hidden !important;
}
.BolzotHighscoreOutfit img {
  width: 66px !important;
  height: 66px !important;
  transform: translateX(2px) scale(1.05) !important;
}
.BolzotHighscoreText {
  max-width: 92px !important;
  transform: translateX(4px);
}
.BolzotHighscoreText strong {
  font-size: 15px !important;
  line-height: 1.05 !important;
  color: #f4c66d !important;
}
.BolzotHighscoreRank {
  margin-bottom: 3px !important;
}
.BolzotHighscoreText small {
  font-size: 10px !important;
}
/* BolzOt ranking real-player balance */
.BolzotHighscores {
  width: 226px !important;
  min-height: auto !important;
}
.BolzotHighscoresList {
  gap: 8px !important;
  padding: 8px !important;
}
.BolzotHighscorePlayer {
  min-height: 74px !important;
  padding: 10px 10px 10px 126px !important;
}
.BolzotHighscoreOutfit {
  left: 20px !important;
  top: 8px !important;
  width: 88px !important;
  height: 60px !important;
  overflow: visible !important;
}
.BolzotHighscoreOutfit img {
  width: 72px !important;
  height: 72px !important;
  transform: translateX(2px) scale(1.18) !important;
}
.BolzotHighscoreText {
  max-width: 88px !important;
  transform: none !important;
}
.BolzotHighscoreRank {
  margin-bottom: 4px !important;
  padding: 2px 5px !important;
  font-size: 10px !important;
}
.BolzotHighscoreText strong {
  font-size: 15px !important;
  line-height: 1.05 !important;
}
.BolzotHighscoreText small {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin-top: 1px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
/* BolzOt ranking lower and taller cards */
.BolzotHighscores {
  margin-top: 22px !important;
}
.BolzotHighscorePlayer {
  min-height: 84px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.BolzotHighscoreOutfit {
  top: 12px !important;
  height: 66px !important;
}
.BolzotHighscoreOutfit img {
  width: 76px !important;
  height: 76px !important;
  transform: translateX(2px) scale(1.2) !important;
}
.BolzotHighscoreRank {
  margin-bottom: 5px !important;
}
.BolzotHighscoreText strong {
  margin-bottom: 2px !important;
}
/* BolzOt ranking visible list fix */
#Topbar.BolzotHighscores {
  width: 226px !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 18px !important;
  overflow: visible !important;
}
#Topbar.BolzotHighscores .BolzotHighscoresList {
  display: grid !important;
  gap: 9px !important;
  padding: 9px !important;
  overflow: visible !important;
}
#Topbar.BolzotHighscores .BolzotHighscorePlayer {
  min-height: 76px !important;
  height: auto !important;
  padding: 11px 10px 11px 118px !important;
  overflow: hidden !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit {
  left: 18px !important;
  top: 9px !important;
  width: 84px !important;
  height: 62px !important;
  overflow: visible !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit img {
  width: 72px !important;
  height: 72px !important;
  transform: translateX(0) scale(1.14) !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText {
  max-width: 92px !important;
  transform: none !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText strong {
  display: block !important;
  color: #f4c66d !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText small {
  display: block !important;
  color: #d6c3a0 !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
/* BolzOt ranking wider long names */
#Topbar.BolzotHighscores {
  width: 252px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoresList {
  padding: 10px !important;
  gap: 10px !important;
}
#Topbar.BolzotHighscores .BolzotHighscorePlayer {
  min-height: 88px !important;
  padding: 13px 12px 13px 126px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit {
  left: 22px !important;
  top: 13px !important;
  width: 86px !important;
  height: 66px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit img {
  width: 76px !important;
  height: 76px !important;
  transform: translateX(0) scale(1.16) !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText {
  max-width: 112px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText strong {
  max-width: 112px !important;
  font-size: 15px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreRank {
  margin-bottom: 5px !important;
}
/* BolzOt right column unified width */
#ThemeboxesColumn,
#Themeboxes {
  width: 252px !important;
}
#RightArtwork.BolzotBoostedBox,
.BolzotQuickCharacterSearch {
  width: 252px !important;
  box-sizing: border-box !important;
}
#RightArtwork.BolzotBoostedBox {
  min-height: 172px !important;
  padding: 10px 12px 12px !important;
}
.BolzotBoostedCards {
  gap: 10px !important;
}
.BolzotBoostedCard {
  min-height: 108px !important;
  padding: 9px 7px 8px !important;
}
#RightArtwork.BolzotBoostedBox #Creature,
#RightArtwork.BolzotBoostedBox #Boss {
  width: 52px !important;
  height: 52px !important;
}
.BolzotBoostedName {
  font-size: 11px !important;
}
.BolzotQuickCharacterSearch {
  padding: 13px 14px 14px !important;
}
.BolzotQuickSearchControl {
  grid-template-columns: minmax(0, 1fr) 38px !important;
  gap: 8px !important;
}
.BolzotQuickSearchControl input {
  height: 36px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}
.BolzotQuickSearchControl button {
  width: 38px !important;
  height: 36px !important;
  font-size: 15px !important;
}
/* BolzOt right column aligned compact width */
#ThemeboxesColumn,
#Themeboxes {
  width: 226px !important;
}
#RightArtwork.BolzotBoostedBox,
#Topbar.BolzotHighscores,
.BolzotQuickCharacterSearch {
  width: 226px !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#RightArtwork.BolzotBoostedBox {
  min-height: 152px !important;
  padding: 8px 10px 10px !important;
}
.BolzotBoostedCards {
  gap: 8px !important;
}
.BolzotBoostedCard {
  min-height: 96px !important;
  padding: 8px 5px 7px !important;
}
#RightArtwork.BolzotBoostedBox #Creature,
#RightArtwork.BolzotBoostedBox #Boss {
  width: 44px !important;
  height: 44px !important;
}
.BolzotBoostedName {
  font-size: 10px !important;
}
#Topbar.BolzotHighscores .BolzotHighscorePlayer {
  padding-left: 116px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText {
  max-width: 92px !important;
}
.BolzotQuickCharacterSearch {
  padding: 12px !important;
}
.BolzotQuickSearchControl {
  grid-template-columns: minmax(0, 1fr) 34px !important;
  gap: 6px !important;
}
.BolzotQuickSearchControl input {
  height: 32px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
}
.BolzotQuickSearchControl button {
  width: 34px !important;
  height: 32px !important;
  font-size: 14px !important;
}
/* BolzOt right column position fix */
#ThemeboxesColumn {
  right: -46px !important;
  width: 226px !important;
}
#Themeboxes {
  width: 226px !important;
}
#RightArtwork.BolzotBoostedBox,
#Topbar.BolzotHighscores,
.BolzotQuickCharacterSearch {
  width: 226px !important;
  max-width: 226px !important;
}
/* BolzOt right column extra position fix */
#ThemeboxesColumn {
  right: -92px !important;
}
/* BolzOt ranking server final override */
#ThemeboxesColumn #Topbar.BolzotHighscores,
#Themeboxes #Topbar.BolzotHighscores {
  width: 226px !important;
  max-width: 226px !important;
  overflow: visible !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscorePlayer,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscorePlayer {
  min-height: 80px !important;
  padding: 12px 9px 12px 136px !important;
  box-sizing: border-box !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreOutfit,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreOutfit {
  left: 22px !important;
  top: 10px !important;
  width: 96px !important;
  height: 64px !important;
  overflow: visible !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreOutfit img,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreOutfit img {
  width: 72px !important;
  height: 72px !important;
  max-width: none !important;
  max-height: none !important;
  transform: translateX(0) scale(1.12) !important;
  transform-origin: center center !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreText,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreText {
  display: block !important;
  width: 78px !important;
  max-width: 78px !important;
  min-width: 0 !important;
  transform: none !important;
  text-align: left !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreRank,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreRank {
  display: inline-flex !important;
  margin-bottom: 4px !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreText strong,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreText strong {
  display: block !important;
  width: 78px !important;
  max-width: 78px !important;
  color: #f4c66d !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreText small,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreText small {
  display: block !important;
  width: 78px !important;
  max-width: 78px !important;
  color: #d6c3a0 !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.BolzotCastleWinner { background: radial-gradient(circle at 18% 50%, rgba(89, 255, 98, .12), transparent 34%), linear-gradient(180deg, rgba(19,24,18,.70), rgba(5,6,8,.66)); box-shadow: inset 0 0 24px rgba(122,255,80,.07); }
.BolzotCastleWinnerCard { display: grid; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 14px; padding: 14px; border: 1px solid rgba(126,255,90,.20); border-radius: 8px; background: linear-gradient(135deg, rgba(32,45,20,.70), rgba(8,9,11,.70)); }
.BolzotCastleWinnerCard img { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 8px 12px rgba(0,0,0,.55)); }
.BolzotCastleWinnerCard span { display: block; margin-bottom: 3px; color: #7dff62 !important; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .8px; }
.BolzotCastleWinnerCard strong { display: block; color: #fff3cf !important; font: 900 22px/1.1 Georgia, serif; text-shadow: 0 0 12px rgba(125,255,98,.22); }
.BolzotCastleWinnerCard small { display: block; margin-top: 5px; color: #f0c76b !important; font-weight: 800; }
/* BolzOt ranking breathing room - 2026-07-19 */
#RightArtwork.BolzotBoostedBox,
#Topbar.BolzotHighscores,
.BolzotQuickCharacterSearch {
  width: 244px !important;
  max-width: 244px !important;
  box-sizing: border-box !important;
}
#Topbar.BolzotHighscores .BolzotHighscoresList {
  padding: 9px 10px 12px !important;
  gap: 10px !important;
}
#Topbar.BolzotHighscores .BolzotHighscorePlayer {
  min-height: 82px !important;
  padding: 10px 12px 10px 112px !important;
  align-items: center !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit {
  left: 22px !important;
  top: 7px !important;
  width: 76px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit img {
  width: 74px !important;
  height: 74px !important;
  transform: translateY(-2px) scale(1.1) !important;
  object-fit: contain !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText {
  max-width: 112px !important;
  transform: translateX(-2px) !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreRank {
  margin-bottom: 3px !important;
  font-size: 10px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText strong {
  max-width: 112px !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText small {
  font-size: 10px !important;
  line-height: 1.1 !important;
}
.BolzotQuickCharacterSearch form {
  grid-template-columns: minmax(0, 1fr) 36px !important;
}
/* BolzOt ranking outfit/text balance - 2026-07-19 */
#Topbar.BolzotHighscores .BolzotHighscorePlayer {
  min-height: 82px !important;
  padding: 9px 10px 9px 104px !important;
  overflow: hidden !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit {
  left: 12px !important;
  top: 1px !important;
  width: 86px !important;
  height: 78px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit img {
  width: 78px !important;
  height: 78px !important;
  transform: translate(-2px, -5px) scale(1.08) !important;
  object-fit: contain !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText {
  max-width: 116px !important;
  width: 116px !important;
  transform: translateX(-4px) !important;
  overflow: hidden !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText strong {
  display: block !important;
  max-width: 116px !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  line-height: 1.02 !important;
  max-height: 31px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreRank {
  margin-bottom: 2px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText small {
  white-space: nowrap !important;
}
/* BolzOt ranking final nudge - 2026-07-19 */
#Topbar.BolzotHighscores .BolzotHighscorePlayer {
  padding-left: 98px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit {
  left: 8px !important;
  top: -3px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit img {
  transform: translate(-4px, -8px) scale(1.08) !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText {
  transform: translateX(-6px) !important;
  max-width: 122px !important;
  width: 122px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText strong {
  max-width: 122px !important;
}
/* BolzOt ranking grid layout definitive - 2026-07-19 */
#Topbar.BolzotHighscores {
  width: 244px !important;
  max-width: 244px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoresList {
  padding: 9px 10px 12px !important;
  gap: 10px !important;
}
#Topbar.BolzotHighscores .BolzotHighscorePlayer {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 6px !important;
  min-height: 80px !important;
  padding: 6px 9px !important;
  overflow: hidden !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 88px !important;
  height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreOutfit img {
  width: 78px !important;
  height: 78px !important;
  transform: translate(-6px, -4px) scale(1.08) !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  transform: none !important;
  text-align: left !important;
  overflow: hidden !important;
  justify-self: start !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreRank {
  display: block !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  text-align: left !important;
  white-space: nowrap !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText strong {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 2px !important;
  color: #f4c66d !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-height: 32px !important;
}
#Topbar.BolzotHighscores .BolzotHighscoreText small {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
/* BolzOt ranking specific override fix - 2026-07-19 */
#ThemeboxesColumn #Topbar.BolzotHighscores,
#Themeboxes #Topbar.BolzotHighscores {
  width: 244px !important;
  max-width: 244px !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoresList,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoresList {
  padding: 9px 10px 12px !important;
  gap: 10px !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscorePlayer,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscorePlayer {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 80px !important;
  height: auto !important;
  padding: 7px 9px !important;
  gap: 7px !important;
  overflow: hidden !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreOutfit,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreOutfit {
  position: relative !important;
  flex: 0 0 86px !important;
  left: auto !important;
  top: auto !important;
  width: 86px !important;
  height: 66px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  pointer-events: none !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreOutfit img,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreOutfit img {
  width: 76px !important;
  height: 76px !important;
  max-width: none !important;
  max-height: none !important;
  transform: translate(-5px, -3px) scale(1.08) !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreText,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreText {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  overflow: hidden !important;
  text-align: left !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreRank,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreRank {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  text-align: left !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreText strong,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreText strong {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 2px !important;
  color: #f4c66d !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-height: 32px !important;
}
#ThemeboxesColumn #Topbar.BolzotHighscores .BolzotHighscoreText small,
#Themeboxes #Topbar.BolzotHighscores .BolzotHighscoreText small {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
/* BolzOt Wiki page and home tab - 2026-07-20 */
.BolzotNewsTab.BolzotWikiTab {
  position: relative;
  gap: 7px;
  text-decoration: none !important;
  color: #e9f7ff !important;
  border-color: rgba(87, 184, 255, 0.38);
  background: radial-gradient(circle at 22% 20%, rgba(84, 183, 255, 0.34), transparent 38%), linear-gradient(180deg, rgba(26, 52, 68, 0.92), rgba(11, 18, 25, 0.94));
  box-shadow: 0 0 18px rgba(58, 166, 255, 0.22), inset 0 0 18px rgba(255, 255, 255, 0.05);
  overflow: hidden;
}
.BolzotNewsTab.BolzotWikiTab::before {
  content: "";
  position: absolute;
  inset: -30% -15%;
  background: linear-gradient(110deg, transparent 25%, rgba(120, 216, 255, 0.18), transparent 68%);
  animation: BolzotWikiGlow 3.2s linear infinite;
}
.BolzotNewsTab.BolzotWikiTab img {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: drop-shadow(0 0 6px rgba(75, 190, 255, 0.55));
}
.BolzotNewsTab.BolzotWikiTab span {
  position: relative;
  z-index: 1;
  color: #ffffff;
  text-shadow: 0 0 8px rgba(99, 202, 255, 0.7);
}
.BolzotNewsTab.BolzotWikiTab:hover {
  border-color: rgba(115, 216, 255, 0.7);
  box-shadow: 0 0 24px rgba(58, 166, 255, 0.34), inset 0 0 22px rgba(255, 255, 255, 0.08);
}
@keyframes BolzotWikiGlow {
  from { transform: translateX(-55%); }
  to { transform: translateX(55%); }
}
.Content .Box:has(.BolzotWikiShell) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.Content .Box:has(.BolzotWikiShell) .BorderTitleText,
.Content .Box:has(.BolzotWikiShell) .Border_1,
.Content .Box:has(.BolzotWikiShell) .Corner-tl,
.Content .Box:has(.BolzotWikiShell) .Corner-tr,
.Content .Box:has(.BolzotWikiShell) .BottomCornersHelper,
.Content .Box:has(.BolzotWikiShell) .CornerWrapper-b,
.Content .Box:has(.BolzotWikiShell) .Corner-bl,
.Content .Box:has(.BolzotWikiShell) .Corner-br {
  display: none !important;
}
.Content .Box:has(.BolzotWikiShell) .BoxContent {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.BolzotWikiShell {
  position: relative;
  min-height: 820px;
  padding: 18px;
  border: 1px solid rgba(87, 184, 255, 0.22);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(8, 10, 15, 0.82), rgba(8, 10, 15, 0.62)), url('images/theme/bg-battle-modern.jpg') center/cover no-repeat;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.42), inset 0 0 42px rgba(83, 179, 255, 0.08);
}
.BolzotWikiIntro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(12, 15, 20, 0.74);
}
.BolzotWikiIntro span {
  display: block;
  margin-bottom: 5px;
  color: #66c8ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.BolzotWikiIntro h1 {
  margin: 0;
  color: #fff4da;
  font: 900 30px Georgia, serif;
  text-shadow: 0 0 14px rgba(87, 184, 255, 0.28);
}
.BolzotWikiIntro p {
  max-width: 680px;
  margin: 7px 0 0 !important;
  color: #d9dde6 !important;
  line-height: 1.45;
}
.BolzotWikiOpen {
  flex: 0 0 auto;
  padding: 11px 16px;
  border: 1px solid rgba(87, 184, 255, 0.42);
  border-radius: 6px;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 900;
  background: linear-gradient(180deg, rgba(32, 90, 122, 0.95), rgba(11, 28, 44, 0.95));
  box-shadow: 0 0 18px rgba(87, 184, 255, 0.18);
}
.BolzotWikiFrame {
  display: block;
  width: 100%;
  min-height: 980px;
  height: 78vh;
  border: 1px solid rgba(87, 184, 255, 0.22);
  border-radius: 8px;
  background: #080a0f;
}

/* BolzOt Wiki header polish - 2026-07-20 */
.Content .Box:has(.BolzotWikiShell) > .Title,
.Content .Box:has(.BolzotWikiShell) img.Title,
.Content .Box:has(.BolzotWikiShell) .Title img,
.Content .Box:has(.BolzotWikiShell) .BorderTitleText img {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
.Content .BoxContent:has(.BolzotWikiShell) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.BolzotWikiIntro h1 {
  display: flex;
  align-items: center;
  gap: 13px;
}
.BolzotWikiIntro h1 img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 12px;
  filter: drop-shadow(0 0 16px rgba(102, 200, 255, 0.52));
}

/* BolzOt Wiki bigger title icon - 2026-07-20 */
.BolzotWikiIntro h1 img {
  width: 68px !important;
  height: 68px !important;
  border-radius: 14px !important;
  filter: drop-shadow(0 0 22px rgba(102, 200, 255, 0.68)) !important;
}
.BolzotWikiIntro h1 {
  gap: 16px !important;
}

/* BolzOt sidebar wiki shortcut - 2026-07-20 */
.SidebarWikiButton {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 176px;
  min-height: 39px;
  margin: -4px auto 14px;
  padding: 7px 12px;
  border: 1px solid rgba(92, 197, 255, 0.45);
  border-radius: 5px;
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(78, 192, 255, 0.36), transparent 34%),
    linear-gradient(180deg, rgba(28, 55, 72, 0.96), rgba(9, 15, 22, 0.98));
  box-shadow: 0 0 18px rgba(70, 184, 255, 0.26), inset 0 0 16px rgba(255, 255, 255, 0.05);
  overflow: hidden;
  z-index: 4;
}
.SidebarWikiButton::before {
  content: "";
  position: absolute;
  inset: -40% -20%;
  background: linear-gradient(115deg, transparent 24%, rgba(144, 225, 255, 0.2), transparent 67%);
  animation: SidebarWikiShine 3s linear infinite;
}
.SidebarWikiButton img,
.SidebarWikiButton span {
  position: relative;
  z-index: 1;
}
.SidebarWikiButton img {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 6px;
  filter: drop-shadow(0 0 8px rgba(83, 199, 255, 0.7));
}
.SidebarWikiButton span {
  color: #ffffff;
  text-shadow: 0 0 8px rgba(94, 205, 255, 0.82), 0 1px 0 rgba(0, 0, 0, 0.8);
}
.SidebarWikiButton:hover {
  border-color: rgba(128, 226, 255, 0.82);
  box-shadow: 0 0 24px rgba(70, 184, 255, 0.42), inset 0 0 18px rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}
@keyframes SidebarWikiShine {
  from { transform: translateX(-55%); }
  to { transform: translateX(55%); }
}

/* BolzOt sidebar wiki size tuning - 2026-07-20 */
.SidebarWikiButton {
  width: 170px !important;
  min-height: 36px !important;
  margin: -6px auto 12px !important;
  padding: 4px 10px !important;
  gap: 7px !important;
}
.SidebarWikiButton img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 7px !important;
}
.SidebarWikiButton span {
  font-size: 15px !important;
}

/* BolzOt sidebar wiki left alignment - 2026-07-20 */
.SidebarWikiButton {
  margin-left: 18px !important;
  margin-right: auto !important;
}

/* BolzOt sidebar wiki bigger icon - 2026-07-20 */
.SidebarWikiButton img {
  width: 37px !important;
  height: 37px !important;
  margin-left: -2px !important;
  border-radius: 8px !important;
}
.SidebarWikiButton {
  padding-left: 8px !important;
}

/* BolzOt sidebar wiki corrected left shift - 2026-07-20 */
.SidebarWikiButton {
  margin-left: 6px !important;
  margin-right: auto !important;
}

/* BolzOt Mad Mage main news - 2026-07-22 */
.BolzotMadMageNews {
  overflow: visible !important;
}
.BolzotUpdateIntro {
  margin: 4px 0 18px;
  padding: 18px 20px;
  border: 1px solid rgba(174, 92, 255, .24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 0%, rgba(149, 64, 255, .22), transparent 36%),
    linear-gradient(180deg, rgba(17, 12, 25, .78), rgba(7, 7, 10, .46));
  box-shadow: 0 0 30px rgba(137, 65, 255, .12), inset 0 1px 0 rgba(255,255,255,.05);
}
.BolzotUpdateIntro span {
  display: block;
  margin-bottom: 8px;
  color: #d9a8ff !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(178, 82, 255, .5);
}
.BolzotUpdateIntro h1 {
  margin: 0 0 10px !important;
  color: #fff2ff !important;
  font-size: 28px !important;
  text-shadow: 0 2px 0 #000, 0 0 16px rgba(190, 93, 255, .56), 0 0 30px rgba(105, 63, 255, .38);
}
.BolzotMadMageFlyer {
  border-color: rgba(186, 92, 255, .42) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.56), 0 0 36px rgba(152, 54, 255, .24) !important;
}
.BolzotMadMageFlyer::after {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), inset 0 0 110px rgba(79, 23, 122, .28) !important;
}
.BolzotMadMageCallout {
  border-color: rgba(217, 142, 255, .66) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(183, 81, 255, .28), transparent 64%),
    linear-gradient(90deg, rgba(14, 5, 24, .50), rgba(36, 13, 59, .90), rgba(14, 5, 24, .50)) !important;
  box-shadow: 0 0 26px rgba(180, 75, 255, .38), inset 0 0 18px rgba(255, 238, 255, .10) !important;
}
.BolzotMadMageCallout::before {
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.78) 48%, rgba(204,118,255,.44) 52%, transparent 65%) !important;
}
.BolzotMadMageCallout::after {
  background: radial-gradient(circle, rgba(190, 82, 255, .32), transparent 58%) !important;
}
.BolzotMadMageCallout span {
  color: #e2b0ff !important;
}
.BolzotMadMageCallout strong {
  color: #f6e8ff !important;
  text-shadow: 0 2px 0 #000, 0 0 12px rgba(205, 112, 255, .82), 0 0 28px rgba(130, 78, 255, .50) !important;
}
.BolzotMadMageSpotlight section {
  border-color: rgba(182, 95, 255, .28) !important;
  background: linear-gradient(180deg, rgba(32, 19, 48, .74), rgba(5,6,8,.58)) !important;
}
.BolzotMadMageSpotlight b {
  color: #dda0ff !important;
}
.BolzotOpeningCollapsed {
  border-color: rgba(145, 199, 62, .28) !important;
}
.BolzotOpeningCollapsed summary span {
  color: #cfff77 !important;
}
.BolzotOpeningCollapsed .BolzotPatchCollapsedBody {
  max-height: 440px;
  overflow: hidden;
}
.BolzotOpeningCollapsed:not([open]) .BolzotPatchCollapsedBody::after {
  content: 'Clique para abrir a Abertura completa' !important;
  background: linear-gradient(180deg, rgba(5,6,8,0), rgba(7,10,5,.92) 70%, rgba(7,10,5,.98)) !important;
}
.BolzotOpeningCollapsed[open] .BolzotPatchCollapsedBody {
  max-height: none;
}
@media (max-width: 720px) {
  .BolzotUpdateIntro h1 { font-size: 22px !important; }
  .BolzotMadMageCallout strong { font-size: 19px !important; }
}
/* BolzOt streamers sidebar box - 2026-07-27 */
.BolzotStreamersBox {
  width: 244px !important;
  max-width: 244px !important;
  margin: 0 auto 14px !important;
  padding: 0 10px 12px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(194, 151, 78, .36) !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(18, 18, 18, .94), rgba(7, 7, 8, .96)) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
  overflow: hidden !important;
}
.BolzotStreamersTitle {
  margin: 0 -10px 10px !important;
  background: linear-gradient(180deg, rgba(35, 39, 39, .96), rgba(13, 14, 14, .98)) !important;
}
.BolzotStreamersTitle::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  vertical-align: -2px;
  background: url('images/global/header/icon-twitch.png') center / contain no-repeat;
  filter: drop-shadow(0 0 6px rgba(166, 92, 255, .45));
}
.BolzotStreamersList {
  display: grid;
  gap: 8px;
}
.BolzotStreamerCard {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 7px 8px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(42, 42, 42, .78), rgba(26, 26, 26, .90));
  color: #efe5d2 !important;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}
.BolzotStreamerCard:hover {
  border-color: rgba(240, 199, 107, .45);
  background: linear-gradient(180deg, rgba(53, 45, 34, .86), rgba(28, 25, 22, .94));
  transform: translateY(-1px);
}
.BolzotStreamerAvatar {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 2px solid rgba(225, 175, 74, .82);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(166, 92, 255, .28), rgba(8, 9, 12, .92));
  box-shadow: 0 0 12px rgba(224, 171, 65, .22);
  overflow: hidden;
}
.BolzotStreamerAvatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.BolzotStreamerAvatar span {
  color: #f0c76b;
  font-size: 22px;
  font-weight: 900;
  text-shadow: 0 1px 0 #000;
}
.BolzotStreamerInfo {
  min-width: 0;
  display: block;
  text-align: left;
}
.BolzotStreamerInfo strong {
  display: block;
  color: #f1d28a !important;
  font-size: 13px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 #000;
}
.BolzotStreamerInfo small {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  color: #e5ded0 !important;
  font-size: 11px;
  line-height: 1.1;
}
.BolzotStreamerInfo i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #b40014;
  box-shadow: 0 0 8px rgba(255, 42, 62, .8);
}
.BolzotStreamersEmpty {
  padding: 16px 10px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 4px;
  color: #c9bda8;
  text-align: center;
  font-size: 11px;
  background: rgba(0,0,0,.22);
}
.BolzotStreamersViewAll {
  display: block;
  margin-top: 10px;
  min-height: 28px;
  padding: 7px 10px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(37, 42, 42, .98), rgba(22, 25, 25, .98));
  color: #f7f0df !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 700;
}
.BolzotStreamersViewAll:hover {
  border-color: rgba(240,199,107,.5);
  color: #ffe08a !important;
}
/* BolzOt streamers full page - 2026-07-27 */
.Content .Box:has(.BolzotStreamersPage) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.Content .Box:has(.BolzotStreamersPage) .Title,
.Content .Box:has(.BolzotStreamersPage) .BorderTitleText,
.Content .Box:has(.BolzotStreamersPage) .Border_1,
.Content .Box:has(.BolzotStreamersPage) .Corner-tl,
.Content .Box:has(.BolzotStreamersPage) .Corner-tr,
.Content .Box:has(.BolzotStreamersPage) .BottomCornersHelper,
.Content .Box:has(.BolzotStreamersPage) .CornerWrapper-b,
.Content .Box:has(.BolzotStreamersPage) .Corner-bl,
.Content .Box:has(.BolzotStreamersPage) .Corner-br {
  display: none !important;
}
.Content .BoxContent:has(.BolzotStreamersPage) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.BolzotStreamersHero h1 {
  text-shadow: 0 2px 0 #000, 0 0 18px rgba(154, 92, 255, .45);
}
.BolzotStreamersNotice {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(240,199,107,.22);
  border-radius: 6px;
  background: rgba(0,0,0,.36);
}
.BolzotStreamersNotice p {
  margin: 0;
  color: #e4dbcd !important;
  line-height: 1.55;
}
.BolzotStreamersTableWrap {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: rgba(0,0,0,.36);
  overflow: hidden;
}
.BolzotStreamersTableWrap h2 {
  margin: 0;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #f0c76b !important;
  font-size: 15px;
  text-transform: uppercase;
}
.BolzotStreamersTable {
  display: grid;
}
.BolzotStreamersTableRow {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr) 90px 140px;
  align-items: center;
  gap: 10px;
  min-height: 86px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.025);
}
.BolzotStreamersTableRow:nth-child(even) {
  background: rgba(255,255,255,.055);
}
.BolzotStreamersTableHead {
  min-height: 38px;
  color: #f0c76b !important;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(26, 26, 26, .92) !important;
}
.BolzotStreamersTableMedia {
  width: 130px;
  height: 72px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(240,199,107,.2);
  border-radius: 4px;
  background: radial-gradient(circle, rgba(154,92,255,.16), rgba(8,9,12,.92));
  overflow: hidden;
}
.BolzotStreamersTableMedia img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.BolzotStreamersTableMedia span {
  color: #f0c76b !important;
  font-size: 28px;
  font-weight: 900;
}
.BolzotStreamersTableInfo {
  min-width: 0;
}
.BolzotStreamersTableInfo strong {
  display: block;
  margin-bottom: 5px;
  color: #58a8ff !important;
  font-size: 14px;
}
.BolzotStreamersTableInfo p {
  margin: 0;
  color: #e6ded0 !important;
  line-height: 1.35;
}
.BolzotStreamersTableViewers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #f5ead7 !important;
  font-size: 14px;
}
.BolzotStreamersTableViewers i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b40014;
  box-shadow: 0 0 8px rgba(255,42,62,.8);
}
.BolzotStreamersTableAction a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 3px;
  background: linear-gradient(180deg, rgba(48,54,61,.95), rgba(28,32,37,.95));
  color: #fff !important;
  font-weight: 900;
  text-decoration: none !important;
}
.BolzotStreamersTableAction a:hover {
  border-color: rgba(240,199,107,.55);
  color: #ffe08a !important;
}
.BolzotStreamersPageEmpty {
  padding: 26px 16px;
  color: #d8c19a !important;
  text-align: center;
}
@media(max-width: 760px) {
  .BolzotStreamersTableRow {
    grid-template-columns: 92px minmax(0, 1fr);
  }
  .BolzotStreamersTableHead,
  .BolzotStreamersTableViewers,
  .BolzotStreamersTableAction {
    grid-column: auto;
  }
  .BolzotStreamersTableMedia {
    width: 86px;
    height: 62px;
  }
}
/* BolzOt Patch 19 main news - 2026-07-27 */
.BolzotPatch19News{overflow:visible!important}.BolzotPatch19Intro{border-color:rgba(132,212,70,.28)!important;background:radial-gradient(circle at 18% 0%,rgba(96,185,51,.22),transparent 36%),linear-gradient(180deg,rgba(11,25,12,.78),rgba(7,9,7,.46))!important;box-shadow:0 0 30px rgba(105,202,52,.14),inset 0 1px 0 rgba(255,255,255,.05)!important}.BolzotPatch19Intro span{color:#a9ff78!important;text-shadow:0 0 12px rgba(125,255,81,.52)!important}.BolzotPatch19Intro h1{color:#f2ffe4!important;text-shadow:0 2px 0 #000,0 0 16px rgba(125,255,81,.52),0 0 30px rgba(48,162,44,.42)!important}.BolzotPatch19Flyer{border-color:rgba(134,218,74,.45)!important;box-shadow:0 22px 58px rgba(0,0,0,.56),0 0 38px rgba(92,190,44,.22)!important}.BolzotPatch19Flyer::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 110px rgba(36,94,22,.24)!important}.BolzotPatch19Callout{border-color:rgba(172,255,113,.64)!important;background:radial-gradient(circle at 50% 50%,rgba(113,228,66,.25),transparent 64%),linear-gradient(90deg,rgba(5,18,5,.50),rgba(17,52,14,.90),rgba(5,18,5,.50))!important;box-shadow:0 0 26px rgba(101,231,58,.34),inset 0 0 18px rgba(255,255,210,.09)!important}.BolzotPatch19Callout::before{background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.76) 48%,rgba(154,255,98,.42) 52%,transparent 65%)!important}.BolzotPatch19Callout::after{background:radial-gradient(circle,rgba(124,255,79,.30),transparent 58%)!important}.BolzotPatch19Callout span{color:#bfff83!important}.BolzotPatch19Callout strong{color:#fffbd0!important;text-shadow:0 2px 0 #000,0 0 12px rgba(144,255,82,.78),0 0 28px rgba(232,203,86,.45)!important}.BolzotPatch19Spotlight section{border-color:rgba(135,218,78,.26)!important;background:linear-gradient(180deg,rgba(20,42,18,.74),rgba(5,6,8,.58))!important}.BolzotPatch19Spotlight b{color:#b8ff78!important}.BolzotMadMageCollapsed summary span{color:#dda0ff!important}.BolzotMadMageCollapsed:not([open]) .BolzotPatchCollapsedBody::after{content:'Clique para abrir o Update Mad Mage completo'!important;background:linear-gradient(180deg,rgba(5,6,8,0),rgba(16,7,26,.92) 70%,rgba(16,7,26,.98))!important}.BolzotPatch19Changelog{margin:0 0 18px;padding:18px;border:1px solid rgba(132,212,70,.26);border-radius:8px;background:linear-gradient(180deg,rgba(12,20,12,.74),rgba(5,6,8,.58));box-shadow:0 18px 42px rgba(0,0,0,.32)}.BolzotPatch19Changelog h2{margin:10px 0 16px!important;color:#f2ffe4!important;font-size:24px!important;text-shadow:0 2px 0 #000,0 0 16px rgba(125,255,81,.42)}.BolzotChangelogGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.BolzotChangelogGrid section{padding:13px 14px;border:1px solid rgba(240,199,107,.16);border-radius:7px;background:rgba(0,0,0,.28)}.BolzotChangelogGrid b{display:block;margin-bottom:7px;color:#b8ff78!important;text-transform:uppercase}.BolzotChangelogGrid ul{margin:0;padding-left:18px}.BolzotChangelogGrid li{margin:0 0 5px;color:#e8e1d4!important;line-height:1.35}@media(max-width:720px){.BolzotPatch19Callout strong{font-size:19px!important}.BolzotChangelogGrid{grid-template-columns:1fr}}
/* BolzOt donate main news - 2026-07-27 */
.BolzotDonateNews{overflow:visible!important}.BolzotDonateIntro{border-color:rgba(207,52,42,.34)!important;background:radial-gradient(circle at 20% 0%,rgba(185,38,34,.24),transparent 36%),linear-gradient(180deg,rgba(35,13,10,.82),rgba(8,7,6,.52))!important;box-shadow:0 0 34px rgba(196,41,32,.18),inset 0 1px 0 rgba(255,255,255,.06)!important}.BolzotDonateIntro span{color:#ffca7a!important;text-shadow:0 0 12px rgba(255,75,54,.42)!important}.BolzotDonateIntro h1{color:#fff0d2!important;text-shadow:0 2px 0 #000,0 0 16px rgba(255,174,79,.48),0 0 32px rgba(185,42,32,.42)!important}.BolzotDonateFlyer{border-color:rgba(210,65,48,.52)!important;box-shadow:0 22px 58px rgba(0,0,0,.58),0 0 42px rgba(186,43,34,.26)!important}.BolzotDonateFlyer::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 120px rgba(114,22,16,.24)!important}.BolzotDonateCallout{border-color:rgba(255,189,92,.68)!important;background:radial-gradient(circle at 50% 50%,rgba(214,39,31,.28),transparent 64%),linear-gradient(90deg,rgba(34,5,4,.54),rgba(91,18,12,.92),rgba(34,5,4,.54))!important;box-shadow:0 0 28px rgba(218,49,36,.38),inset 0 0 18px rgba(255,232,168,.10)!important}.BolzotDonateCallout::before{background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.78) 48%,rgba(255,182,88,.44) 52%,transparent 65%)!important}.BolzotDonateCallout::after{background:radial-gradient(circle,rgba(255,70,55,.30),transparent 58%)!important}.BolzotDonateCallout span{color:#ffd38b!important}.BolzotDonateCallout strong{color:#fff2c7!important;text-shadow:0 2px 0 #000,0 0 12px rgba(255,169,72,.82),0 0 28px rgba(192,42,31,.52)!important}.BolzotDonateSpotlight section{border-color:rgba(218,69,52,.28)!important;background:linear-gradient(180deg,rgba(50,18,13,.78),rgba(5,6,8,.58))!important}.BolzotDonateSpotlight b{color:#ffd182!important}.BolzotPatch19Collapsed summary span{color:#b8ff78!important}.BolzotPatch19Collapsed:not([open]) .BolzotPatchCollapsedBody::after{content:'Clique para abrir o Patch Note 19 completo'!important;background:linear-gradient(180deg,rgba(5,6,8,0),rgba(7,18,7,.92) 70%,rgba(7,18,7,.98))!important}.BolzotMadMagePreview:not([open]) .BolzotPatchCollapsedBody{display:block!important;max-height:520px!important;overflow:hidden!important}.BolzotMadMagePreview:not([open]) .BolzotPatchCollapsedBody::after{content:'Clique para expandir o Update Mad Mage completo'!important;background:linear-gradient(180deg,rgba(5,6,8,0),rgba(16,7,26,.92) 72%,rgba(16,7,26,.98))!important}@media(max-width:720px){.BolzotDonateCallout strong{font-size:19px!important}}
/* BolzOt Mad Mage semi-open fix - 2026-07-27 */
.BolzotMadMagePreview[open]:not(.is-expanded) .BolzotPatchCollapsedBody {
  display: block !important;
  max-height: 520px !important;
  overflow: hidden !important;
}
.BolzotMadMagePreview[open]:not(.is-expanded) .BolzotPatchCollapsedBody::after {
  content: 'Clique para expandir o Update Mad Mage completo' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 118px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 18px 18px !important;
  color: #f1d8ff !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 16px rgba(181, 87, 255, .78), 0 2px 0 #000 !important;
  background: linear-gradient(180deg, rgba(5,6,8,0), rgba(16,7,26,.92) 72%, rgba(16,7,26,.98)) !important;
  pointer-events: none !important;
}
.BolzotMadMagePreview.is-expanded .BolzotPatchCollapsedBody {
  max-height: none !important;
  overflow: visible !important;
}
.BolzotMadMagePreview.is-expanded .BolzotPatchCollapsedBody::after {
  display: none !important;
}
.BolzotMadMagePreview.is-expanded summary small::after {
  content: ' - aberto' !important;
  color: #dda0ff !important;
}
/* BolzOt TeamSpeak topbar - 2026-07-27 */
.BolzotTeamSpeakInfo {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #b9b0a5;
  cursor: help;
  white-space: nowrap;
}
.BolzotTeamSpeakInfo:hover,
.BolzotTeamSpeakInfo:hover .InfoBarSmallElement {
  color: #f1c76a !important;
  text-shadow: 0 0 10px rgba(75, 146, 255, .45);
}
.StatusTopbar .BolzotTeamSpeakIcon {
  width: 17px !important;
  height: 17px !important;
  object-fit: contain;
  filter: drop-shadow(0 0 5px rgba(67, 138, 231, .42));
}

/* BolzOt account created page - 2026-07-29 */
.BolzotAccountCreated {
  min-height: 520px;
}
.BolzotAccountCreatedHero {
  padding: 8px 2px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}
.BolzotAccountCreatedHero h2 {
  margin: 0 0 10px;
  color: #fff3d4;
  font: 900 34px/1.05 Georgia, "Times New Roman", serif;
  text-shadow: 0 2px 0 #000, 0 0 20px rgba(232, 185, 80, .25);
}
.BolzotAccountCreatedHero p {
  max-width: 760px;
  margin: 0;
  color: #e8dfd0;
  font-size: 14px;
  line-height: 1.55;
}
.BolzotAccountCreatedCard {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  margin: 22px 0;
  padding: 20px;
  border: 1px solid rgba(234, 190, 91, .34);
  border-radius: 8px;
  background:
    radial-gradient(circle at 8% 20%, rgba(235, 180, 67, .18), transparent 34%),
    linear-gradient(180deg, rgba(17, 18, 21, .82), rgba(5, 6, 8, .70));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 38px rgba(0,0,0,.32);
}
.BolzotAccountCreatedSeal {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255, 223, 127, .70);
  border-radius: 50%;
  color: #fff0b5;
  font-weight: 900;
  letter-spacing: .08em;
  background: radial-gradient(circle, rgba(255, 211, 101, .36), rgba(102, 67, 16, .85));
  box-shadow: 0 0 24px rgba(244, 191, 75, .26), inset 0 0 20px rgba(255,255,255,.10);
}
.BolzotAccountCreatedLabel {
  display: block;
  margin-bottom: 6px;
  color: #f0c76b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .9px;
}
.BolzotAccountCreatedCard strong {
  display: block;
  color: #fff5dc;
  font: 900 26px/1.1 Georgia, "Times New Roman", serif;
}
.BolzotAccountCreatedCard p {
  max-width: 620px;
  margin: 8px 0 0;
  color: #ddd4c7;
  line-height: 1.45;
}
.BolzotAccountCreatedSteps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 22px;
}
.BolzotAccountCreatedSteps article {
  min-height: 118px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  background: rgba(0,0,0,.30);
}
.BolzotAccountCreatedSteps b {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  border: 1px solid rgba(240, 199, 107, .45);
  border-radius: 50%;
  color: #f0c76b;
}
.BolzotAccountCreatedSteps strong {
  display: block;
  margin-bottom: 6px;
  color: #fff1cf;
  font-size: 15px;
}
.BolzotAccountCreatedSteps span {
  color: #d8d0c3;
  line-height: 1.4;
}
.BolzotAccountCreatedActions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.BolzotGoldAction,
.BolzotDarkAction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 4px;
  font-weight: 900;
  text-decoration: none !important;
  text-shadow: 0 1px 0 #3b1b05;
}
.BolzotGoldAction {
  border: 1px solid rgba(255, 226, 128, .82);
  color: #fff2bc !important;
  background: linear-gradient(180deg, rgba(255, 236, 152, .35), rgba(190, 117, 20, .92) 52%, rgba(86, 38, 7, .98));
  box-shadow: 0 0 18px rgba(234, 175, 62, .34), inset 0 1px 0 rgba(255,255,255,.20);
}
.BolzotDarkAction {
  border: 1px solid rgba(214, 172, 89, .34);
  color: #f2d386 !important;
  background: linear-gradient(180deg, rgba(38, 36, 32, .84), rgba(8, 8, 9, .90));
}
.BolzotGoldAction:hover,
.BolzotDarkAction:hover {
  filter: brightness(1.12);
}
@media (max-width: 720px) {
  .BolzotAccountCreatedCard,
  .BolzotAccountCreatedSteps {
    grid-template-columns: 1fr;
  }
  .BolzotAccountCreatedHero h2 {
    font-size: 28px;
  }
}
/* BolzOt download modal two options - 2026-07-29 */
.BolzotDownloadOptions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.BolzotDownloadOptions .BolzotDownloadCard {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.BolzotDownloadOptions .BolzotDownloadIcon {
  margin-bottom: 12px;
}
.BolzotDownloadOptions .BolzotDownloadCard h3 {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.BolzotDownloadCardAlt {
  border-color: rgba(95, 177, 255, .30) !important;
  background: linear-gradient(180deg, rgba(20, 28, 38, .72), rgba(8, 9, 11, .92)) !important;
}
.BolzotDownloadCardAlt .BolzotDownloadIcon {
  border-color: rgba(97, 181, 255, .50);
  color: #d9efff;
  background: radial-gradient(circle, rgba(74, 151, 255, .30), rgba(22, 36, 58, .88));
  box-shadow: 0 0 24px rgba(74, 151, 255, .20), inset 0 0 20px rgba(255,255,255,.08);
}
.BolzotDownloadCardAlt .BolzotDownloadButton {
  border-color: rgba(117, 190, 255, .42);
}
@media (max-width: 720px) {
  .BolzotDownloadOptions {
    grid-template-columns: 1fr;
  }
}

/* BolzOt download options all pages - 2026-07-29 */
.BolzotManagerDownloadOptions {
  display: grid;
  gap: 12px;
}
.BolzotManagerDownloadOption {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  padding: 13px;
  border: 1px solid rgba(255, 226, 128, .34);
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(38, 30, 18, .76), rgba(8, 8, 9, .86));
  text-decoration: none !important;
}
.BolzotManagerDownloadOption .BolzotDownloadIcon {
  grid-row: span 2;
  width: 48px;
  height: 48px;
  margin: 0;
  font-size: 22px;
}
.BolzotManagerDownloadOption strong {
  color: #fff1cf !important;
  font: 900 15px/1.15 Georgia, "Times New Roman", serif;
}
.BolzotManagerDownloadOption small {
  color: #d8d0c3 !important;
  font-size: 11px;
}
.BolzotManagerDownloadOptionAlt {
  border-color: rgba(95, 177, 255, .34);
  background: linear-gradient(180deg, rgba(20, 28, 38, .72), rgba(8, 9, 11, .90));
}
.BolzotDownloadLayoutWide {
  grid-template-columns: repeat(2, minmax(0, 1fr)) 260px !important;
}
.BolzotDownloadMainCardAlt {
  border-color: rgba(95, 177, 255, .30) !important;
  background: linear-gradient(180deg, rgba(20, 28, 38, .72), rgba(8, 9, 11, .92)) !important;
}
.BolzotDownloadMainCardAlt .BolzotDownloadIcon {
  border-color: rgba(97, 181, 255, .50);
  color: #d9efff;
  background: radial-gradient(circle, rgba(74, 151, 255, .30), rgba(22, 36, 58, .88));
}
@media (max-width: 980px) {
  .BolzotDownloadLayoutWide { grid-template-columns: 1fr !important; }
}

/* BolzOt download page layout fix */
.BolzotDownloadPage {
  box-sizing: border-box;
  overflow: hidden;
}
.BolzotDownloadPage *,
.BolzotDownloadPage *::before,
.BolzotDownloadPage *::after {
  box-sizing: border-box;
}
.BolzotDownloadPage .BolzotDownloadLayoutWide {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
}
.BolzotDownloadPage .BolzotDownloadInfo {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 14px;
}
.BolzotDownloadPage .BolzotDownloadMainCard {
  min-width: 0;
  min-height: 315px;
  padding: 34px 18px 24px;
}
.BolzotDownloadPage .BolzotDownloadMainCard h2 {
  max-width: 100%;
  font-size: 23px;
  overflow-wrap: anywhere;
}
.BolzotDownloadPage .BolzotDownloadMainCard p {
  max-width: 100%;
  font-size: 13px;
}
.BolzotDownloadPage .BolzotDownloadPrimary {
  width: min(100%, 250px);
  min-height: 40px;
  justify-content: center;
  white-space: normal;
  text-align: center;
  padding: 10px 12px;
}
.BolzotDownloadPage .BolzotDownloadMainCard small {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 10px;
}
@media (max-width: 820px) {
  .BolzotDownloadPage .BolzotDownloadLayoutWide,
  .BolzotDownloadPage .BolzotDownloadInfo {
    grid-template-columns: 1fr !important;
  }
}

/* BolzOt download new badge */
#LoginButtonContainer .BigButton,
#LoginButtonContainer .MediumButton,
#LoginButtonContainer .Button,
#LoginButtonContainer a[href*="downloadclient"] {
  position: relative;
}
.BolzotDownloadNewBadge {
  position: absolute;
  top: -11px;
  right: -16px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 20px;
  padding: 2px 8px 1px;
  border: 1px solid rgba(255, 238, 135, .95);
  border-radius: 999px;
  color: #2a0900;
  background: linear-gradient(180deg, #fff47a 0%, #ffbe28 46%, #d96b00 100%);
  box-shadow: 0 0 12px rgba(255, 211, 62, .78), 0 0 24px rgba(255, 91, 18, .42), inset 0 1px 0 rgba(255,255,255,.75);
  font: 900 10px/1 Arial, Helvetica, sans-serif;
  letter-spacing: .8px;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  pointer-events: none;
  animation: BolzotNewBadgePulse 1.65s ease-in-out infinite;
}
.BolzotDownloadNewBadge::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  border: 1px solid rgba(255, 218, 75, .38);
  opacity: .9;
  animation: BolzotNewBadgeRing 1.65s ease-in-out infinite;
}
@keyframes BolzotNewBadgePulse {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.08); filter: brightness(1.25); }
}
@keyframes BolzotNewBadgeRing {
  0% { transform: scale(.88); opacity: .75; }
  100% { transform: scale(1.24); opacity: 0; }
}

/* BolzOt download new badge position fix */
#LoginButtonContainer,
#LoginButtonContainer > div,
#LoginButtonContainer .BigButton,
#LoginButtonContainer .MediumButton,
#LoginButtonContainer .Button,
#LoginButtonContainer .ButtonContent,
#LoginButtonContainer .InnerTableContainer {
  overflow: visible !important;
}
#LoginButtonContainer .BolzotDownloadNewBadge {
  top: -9px !important;
  right: -30px !important;
  min-width: 39px;
  min-height: 18px;
  padding: 2px 7px 1px;
  font-size: 9px;
  transform-origin: center;
}

/* BolzOt download new badge inside button fix */
#LoginButtonContainer .ActionButtonLabel {
  padding-right: 34px !important;
}
#LoginButtonContainer .BolzotDownloadNewBadge {
  top: 50% !important;
  right: 8px !important;
  min-width: 28px !important;
  min-height: 14px !important;
  padding: 1px 4px 0 !important;
  font-size: 7px !important;
  letter-spacing: .35px !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 8px rgba(255, 211, 62, .72), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
#LoginButtonContainer .BolzotDownloadNewBadge::after {
  inset: -3px !important;
}
@keyframes BolzotNewBadgePulse {
  0%, 100% { transform: translateY(-50%) scale(1); filter: brightness(1); }
  50% { transform: translateY(-50%) scale(1.08); filter: brightness(1.25); }
}

/* BolzOt download new badge inline final */
#LoginButtonContainer .ActionButtonLabel {
  padding-right: 0 !important;
}
#LoginButtonContainer .BolzotDownloadNewBadge {
  position: relative !important;
  top: -7px !important;
  right: auto !important;
  z-index: 9 !important;
  display: inline-flex !important;
  vertical-align: top !important;
  margin-left: 4px !important;
  min-width: 25px !important;
  min-height: 11px !important;
  padding: 1px 4px 0 !important;
  border-radius: 999px !important;
  font-size: 7px !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;
  color: #2a0900 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: linear-gradient(180deg, #fff47a 0%, #ffbe28 52%, #d96b00 100%) !important;
  border: 1px solid rgba(255, 238, 135, .95) !important;
  box-shadow: 0 0 7px rgba(255, 211, 62, .82), inset 0 1px 0 rgba(255,255,255,.75) !important;
  animation: BolzotNewBadgeInlinePulse 1.4s ease-in-out infinite !important;
}
#LoginButtonContainer .BolzotDownloadNewBadge::after {
  display: none !important;
}
@keyframes BolzotNewBadgeInlinePulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.35); }
}

/* BolzOt download new badge outside button final */
#DownloadBox,
#DownloadBox .SmallBoxButtonContainer {
  position: relative !important;
  overflow: visible !important;
}
#DownloadBox .MediumButtonBackground,
#DownloadBox #PlayNowContainer,
#DownloadBox .OpenDownloadModal {
  overflow: visible !important;
}
#DownloadBox > .SmallBoxButtonContainer > .BolzotDownloadNewBadge {
  position: absolute !important;
  top: 7px !important;
  right: 2px !important;
  z-index: 30 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  min-height: 17px !important;
  padding: 2px 7px 1px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 238, 135, .95) !important;
  background: linear-gradient(180deg, #fff47a 0%, #ffbd25 50%, #d76b00 100%) !important;
  color: #280800 !important;
  font: 900 9px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .45px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.5) !important;
  box-shadow: 0 0 9px rgba(255, 211, 62, .85), 0 0 16px rgba(255, 87, 20, .42), inset 0 1px 0 rgba(255,255,255,.75) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: none !important;
  animation: BolzotNewBadgeOutsidePulse 1.4s ease-in-out infinite !important;
}
#DownloadBox > .SmallBoxButtonContainer > .BolzotDownloadNewBadge::after {
  display: none !important;
}
@keyframes BolzotNewBadgeOutsidePulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.35); }
}

/* BolzOt download new badge right nudge */
#DownloadBox .SmallBoxButtonContainer {
  z-index: 20 !important;
}
#DownloadBox > .SmallBoxButtonContainer > .BolzotDownloadNewBadge {
  top: 4px !important;
  right: -24px !important;
  z-index: 999 !important;
}

/* BolzOt OTC helper download emphasis */
.BolzotDownloadCardAlt p,
.BolzotDownloadMainCardAlt p,
.BolzotManagerDownloadOptionAlt small {
  color: #dff3ff !important;
}
.BolzotManagerDownloadOptionAlt small {
  line-height: 1.35;
}

/* BolzOt OTC Windows warning */
.BolzotDownloadWarning {
  display: block !important;
  margin-top: 10px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(255, 202, 91, .28) !important;
  border-radius: 6px !important;
  background: rgba(255, 186, 61, .08) !important;
  color: #f5d995 !important;
  font: 700 11px/1.35 Arial, Helvetica, sans-serif !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.BolzotManagerDownloadOption .BolzotDownloadWarning {
  grid-column: 2;
  margin-top: 4px !important;
  font-style: normal !important;
}
.BolzotDownloadCard .BolzotDownloadWarning,
.BolzotDownloadMainCard .BolzotDownloadWarning {
  width: min(100%, 270px);
  text-align: center !important;
}

/* BolzOt Twitch streamers API polish */
.BolzotStreamersEmpty {
  padding: 14px 10px;
  color: #d8c19a !important;
  font-size: 11px;
  text-align: center;
}
.BolzotStreamersBox .BolzotStreamerAvatar img {
  background: rgba(0,0,0,.38);
}
.BolzotStreamersTableInfo small {
  display: inline-block;
  margin-top: 6px;
  color: #b8c6d9 !important;
  font-size: 11px;
}
.BolzotStreamersNotice strong {
  color: #f0c76b !important;
}

/* BolzOt streamers empty state polish - 2026-07-29 */
.Content .Box:has(.BolzotStreamersPage) .Title {
  display: none !important;
}
.BolzotStreamersPageEmpty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 128px !important;
  padding: 28px 18px !important;
  color: #d8c19a !important;
  text-align: center !important;
  background: radial-gradient(circle at 50% 20%, rgba(88,168,255,.13), transparent 54%), rgba(0,0,0,.22) !important;
}
.BolzotStreamersPageEmpty strong {
  color: #ffe08a !important;
  font-size: 18px !important;
  text-shadow: 0 2px 0 #000, 0 0 14px rgba(240,199,107,.34) !important;
}
.BolzotStreamersPageEmpty span {
  max-width: 520px !important;
  color: #e6ded0 !important;
  line-height: 1.45 !important;
}
.BolzotStreamersPageEmpty a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(88,168,255,.48) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, rgba(30,78,122,.92), rgba(12,28,48,.96)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 0 18px rgba(88,168,255,.18) !important;
}
.BolzotStreamersPageEmpty a:hover {
  border-color: rgba(240,199,107,.62) !important;
  color: #ffe08a !important;
}
/* BolzOt ranking reset switcher - 2026-07-29 */
.BolzotRankingTabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  padding: 8px 9px 3px !important;
}
.BolzotRankingTabs button {
  min-height: 28px !important;
  border: 1px solid rgba(194,151,78,.34) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, rgba(23,23,23,.96), rgba(8,8,8,.98)) !important;
  color: #cdbf9f !important;
  font-family: Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  text-shadow: 0 1px 0 #000 !important;
}
.BolzotRankingTabs button.active {
  border-color: rgba(240,199,107,.75) !important;
  color: #ffe08a !important;
  background: radial-gradient(circle at 50% 0%, rgba(240,199,107,.22), transparent 58%), linear-gradient(180deg, rgba(54,38,15,.96), rgba(12,9,6,.98)) !important;
  box-shadow: 0 0 14px rgba(240,199,107,.22) !important;
}
.BolzotRankingPanel { display: none !important; }
.BolzotRankingPanel.active { display: block !important; }
.BolzotHighscorePlayer.reset-rank {
  border-color: rgba(144, 232, 92, .25) !important;
  background: radial-gradient(circle at 22% 50%, rgba(100, 210, 70, .08), transparent 50%), linear-gradient(180deg, rgba(38,35,25,.78), rgba(18,16,13,.92)) !important;
}
.BolzotHighscorePlayer.reset-rank .BolzotHighscoreRank,
.BolzotHighscorePlayer.reset-rank strong {
  color: #c9ff8a !important;
  text-shadow: 0 1px 0 #000, 0 0 8px rgba(117,255,93,.26) !important;
}
.BolzotBtcCollapsed summary span{color:#ffd084!important;text-shadow:0 0 13px rgba(255,166,68,.55)!important}
.BolzotBtcFlyer{border-color:rgba(255,162,52,.48)!important;box-shadow:0 22px 58px rgba(0,0,0,.58),0 0 38px rgba(255,132,34,.22)!important}
.BolzotBtcFlyer::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 115px rgba(97,50,12,.28)!important}
.BolzotBtcCallout{border-color:rgba(255,195,91,.66)!important;background:radial-gradient(circle at 50% 50%,rgba(255,144,35,.24),transparent 64%),linear-gradient(90deg,rgba(35,16,5,.54),rgba(94,45,11,.90),rgba(35,16,5,.54))!important;box-shadow:0 0 28px rgba(255,143,42,.34),inset 0 0 18px rgba(255,232,168,.10)!important}
.BolzotBtcCallout span{color:#ffe39b!important}.BolzotBtcCallout strong{color:#fff4cd!important;text-shadow:0 2px 0 #000,0 0 12px rgba(255,176,72,.82),0 0 28px rgba(255,116,30,.46)!important}
.BolzotBtcSpotlight section{border-color:rgba(244,165,69,.26)!important;background:linear-gradient(180deg,rgba(43,27,10,.76),rgba(5,6,8,.58))!important}.BolzotBtcSpotlight b{color:#ffd084!important}
.BolzotPatch20Collapsed summary span{color:#b7ff7c!important;text-shadow:0 0 13px rgba(112,255,74,.52)!important}
.BolzotPatch20Flyer{border-color:rgba(112,210,69,.48)!important;box-shadow:0 22px 58px rgba(0,0,0,.58),0 0 38px rgba(66,204,45,.22)!important}
.BolzotPatch20Flyer::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 115px rgba(35,92,18,.28)!important}
.BolzotPatch20Callout{border-color:rgba(169,255,112,.66)!important;background:radial-gradient(circle at 50% 50%,rgba(98,225,55,.24),transparent 64%),linear-gradient(90deg,rgba(7,26,4,.54),rgba(22,78,12,.90),rgba(7,26,4,.54))!important;box-shadow:0 0 28px rgba(91,231,58,.34),inset 0 0 18px rgba(232,255,168,.10)!important}
.BolzotPatch20Callout span{color:#caff8c!important}.BolzotPatch20Callout strong{color:#fffbd0!important;text-shadow:0 2px 0 #000,0 0 12px rgba(144,255,82,.78),0 0 28px rgba(232,203,86,.45)!important}
.BolzotPatch20Spotlight section{border-color:rgba(135,218,78,.26)!important;background:linear-gradient(180deg,rgba(20,42,18,.74),rgba(5,6,8,.58))!important}.BolzotPatch20Spotlight b{color:#b8ff78!important}

/* BolzOt BTC/Patch 20 semi-open previews - 2026-08-03 */
.BolzotSemiOpenPreview[open]:not(.is-expanded) .BolzotPatchCollapsedBody {
  display: block !important;
  max-height: 520px !important;
  overflow: hidden !important;
  position: relative !important;
}
.BolzotSemiOpenPreview[open]:not(.is-expanded) .BolzotPatchCollapsedBody::after {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 118px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 18px 18px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
}
.BolzotBtcCollapsed[open]:not(.is-expanded) .BolzotPatchCollapsedBody::after {
  content: 'Clique para expandir a atualizacao do BTC Cliente' !important;
  color: #ffe0a1 !important;
  text-shadow: 0 0 16px rgba(255, 160, 62, .78), 0 2px 0 #000 !important;
  background: linear-gradient(180deg, rgba(5,6,8,0), rgba(34,16,5,.92) 72%, rgba(34,16,5,.98)) !important;
}
.BolzotPatch20Collapsed[open]:not(.is-expanded) .BolzotPatchCollapsedBody::after {
  content: 'Clique para expandir o Patch Note 20 completo' !important;
  color: #d9ffb3 !important;
  text-shadow: 0 0 16px rgba(112, 255, 74, .72), 0 2px 0 #000 !important;
  background: linear-gradient(180deg, rgba(5,6,8,0), rgba(8,24,7,.92) 72%, rgba(8,24,7,.98)) !important;
}
.BolzotSemiOpenPreview.is-expanded .BolzotPatchCollapsedBody {
  max-height: none !important;
  overflow: visible !important;
}
.BolzotSemiOpenPreview.is-expanded .BolzotPatchCollapsedBody::after {
  display: none !important;
}
.BolzotSemiOpenPreview.is-expanded summary small::after {
  content: ' - aberto' !important;
  color: #f1d584 !important;
}

/* BolzOt force BTC/Patch 20 semi-open crop - 2026-08-03 */
.BolzotBtcCollapsed[open]:not(.is-expanded) > .BolzotSemiOpenBody,
.BolzotPatch20Collapsed[open]:not(.is-expanded) > .BolzotSemiOpenBody {
  display: block !important;
  height: 520px !important;
  max-height: 520px !important;
  overflow: hidden !important;
  position: relative !important;
}
.BolzotBtcCollapsed[open]:not(.is-expanded) > .BolzotSemiOpenBody::after,
.BolzotPatch20Collapsed[open]:not(.is-expanded) > .BolzotSemiOpenBody::after {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 140px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 18px 20px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
.BolzotBtcCollapsed[open]:not(.is-expanded) > .BolzotSemiOpenBody::after {
  content: 'Clique para expandir a atualizacao do BTC Cliente' !important;
  color: #ffe0a1 !important;
  text-shadow: 0 0 16px rgba(255, 160, 62, .78), 0 2px 0 #000 !important;
  background: linear-gradient(180deg, rgba(5,6,8,0), rgba(34,16,5,.92) 72%, rgba(34,16,5,.98)) !important;
}
.BolzotPatch20Collapsed[open]:not(.is-expanded) > .BolzotSemiOpenBody::after {
  content: 'Clique para expandir o Patch Note 20 completo' !important;
  color: #d9ffb3 !important;
  text-shadow: 0 0 16px rgba(112, 255, 74, .72), 0 2px 0 #000 !important;
  background: linear-gradient(180deg, rgba(5,6,8,0), rgba(8,24,7,.92) 72%, rgba(8,24,7,.98)) !important;
}
.BolzotBtcCollapsed.is-expanded > .BolzotSemiOpenBody,
.BolzotPatch20Collapsed.is-expanded > .BolzotSemiOpenBody {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.BolzotBtcCollapsed.is-expanded > .BolzotSemiOpenBody::after,
.BolzotPatch20Collapsed.is-expanded > .BolzotSemiOpenBody::after {
  display: none !important;
}