:focus {
	outline:  -webkit-focus-ring-color dotted 1px;
}

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;
  background-color: #071422;
  width: 100%;
  height: auto;
  min-height: 1774px;
  min-width: 1000px;
}

/* container to implement min/max width */
#Bodycontainer {
  text-align: left;
  min-width: 1000px;
  max-width: 1200px;
  width: 100%;
  height: auto;
  min-height: 1774px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  display: table;
  width: expression(document.body.clientWidth > 1200? "1200px": "100%" );
}

#LoginFormButtonCell {
  width: 145px;
  vertical-align: top;
  padding-right: 10px;
}

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

/* "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: -137px;
  left: 4px;
  background-repeat: no-repeat;
  z-index:5;
}

#LeftArtwork #TibiaLogoArtworkTop {
  position: absolute;
  top: 5px;
  left: 0px;
  height: 125px;
  width: 166px;
  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;
}

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

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

#RightArtwork #Monster {
  position: absolute;
  height: 110px;
  width: 160px;
	top: -150px;
  left: -14px;
  z-index: 15;
  cursor: pointer;
  object-fit: contain;
  filter: drop-shadow(0 3px 5px #000) drop-shadow(0 0 6px rgba(130, 56, 180, 0.5));
}

#PedestalAndOnline {
  position: absolute;
  top: -105px;
  width: 132px;
  height: 111px;
}

#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: 42px;
  background-repeat: no-repeat;
}

#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: 26px;
  width: 160px;
  background-repeat: repeat-y;
}

#Loginbox #LoginButton {
  position: relative;
  top: 1px;
  left: 12px;
  height: 25px;
  width: 135px;
}

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

#Loginbox #LoginButton #ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 22px;
  width: 135px;
  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: 170px;
  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: -5px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

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

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

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

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

.SubmenuitemLabel {
  margin: 0px;
  border-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  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;
}

/* "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;
}

/* 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;
}
#LeftDownloadShortcut {
  position: relative;
  width: 180px;
}
#Themeboxes div,
#LeftDownloadShortcut div {
  font-size: 10pt;
  background-repeat: no-repeat;
}
#Themeboxes .ThemeboxButton,
#LeftDownloadShortcut .ThemeboxButton {
  position: absolute;
  bottom: 20px;
  left: 22px;
  height: 25px;
  width: 135px;
  cursor: pointer;
}
#Themeboxes .Bottom,
#LeftDownloadShortcut .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,
* html #LeftDownloadShortcut .Bottom {
  bottom: -3px;
}
#Themeboxes #NewcomerBox .ThemeboxButton {
  bottom: 15px;
}
#Themeboxes #DownloadBox,
#LeftDownloadShortcut #DownloadBox {
  height: 154px;
}
#Themeboxes #DownloadBox #DownloadBoxCopy,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy {
  position: absolute;
  top: 45px;
  left: 79px;
  width: 88px;
  color: #4a2414;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 14px;
  text-shadow: 0 1px rgba(255, 239, 196, 0.72);
}
#Themeboxes #DownloadBox #DownloadBoxCopy strong,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy strong {
  color: #6b1f1f;
  font-size: 10pt;
}
#Themeboxes #DownloadBox #DownloadBoxCopy span,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy span {
  font-size: 7.5pt;
}
#Themeboxes #PremiumBox {
  height: 164px;
}
#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 #DiscordBlock {
  position: absolute;
  top: 38px;
  left: 10px;
  width: 160px;
  height: 144px;
  color: #4a2414;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 1px rgba(255, 239, 196, 0.65);
}
#Themeboxes #NetworksBox #DiscordLogo {
  display: block;
  width: 58px;
  height: 58px;
  margin: -2px auto 0;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.62));
}
#Themeboxes #NetworksBox #DiscordCopy {
  margin-top: 1px;
  line-height: 15px;
}
#Themeboxes #NetworksBox #DiscordCopy strong {
  color: #6b1f1f;
  font-size: 11pt;
}
#Themeboxes #NetworksBox #DiscordCopy span {
  font-size: 8pt;
}
#Themeboxes #NetworksBox #DiscordButton {
  position: absolute;
  left: 12px;
  top: 110px;
  width: 135px;
  height: 25px;
  cursor: pointer;
}
#Themeboxes #NetworksBox #DiscordPending {
  position: absolute;
  left: 12px;
  top: 108px;
  width: 135px;
  padding: 4px 0;
  border: 1px solid #8f632f;
  background: #241b16;
  color: #eec669;
  font-size: 8pt;
  text-shadow: 0 1px #000;
}

/* Downloads page: the ZIP appears automatically when uploaded to the root. */
.BaiakerosDownloadPage {
  margin: 8px;
  padding: 22px 24px 26px;
  border: 2px solid #6f4a27;
  background: linear-gradient(rgba(241, 224, 198, 0.94), rgba(212, 192, 161, 0.96));
  color: #4a2414;
  text-align: center;
  box-shadow: inset 0 0 0 2px #2a1a10, inset 0 0 22px rgba(84, 27, 27, 0.22);
}
.BaiakerosDownloadPage h2 {
  margin: 5px 0 8px;
  color: #6b1f1f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20pt;
}
.BaiakerosDownloadEmblem {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto 10px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.55);
}
.BaiakerosDownloadPageButton {
  position: relative;
  display: block;
  width: 135px;
  height: 25px;
  margin: 18px auto 6px;
  background-image: url(images/global/buttons/baiakeros-sbutton.png);
}
.BaiakerosDownloadPageButton span {
  position: absolute;
  inset: 0;
  display: block;
  width: 135px;
  height: 22px;
}
.BaiakerosDownloadPageButton:hover {
  background-image: url(images/global/buttons/baiakeros-sbutton-over.png);
}
.BaiakerosDownloadMeta,
.BaiakerosDownloadHint {
  margin-top: 9px;
  font-size: 9pt;
}
.BaiakerosDownloadUnavailable {
  width: 270px;
  margin: 18px auto 8px;
  padding: 9px 12px;
  border: 1px solid #8f632f;
  background: #241b16;
  color: #eec669;
  font-weight: bold;
  text-shadow: 0 1px #000;
}
.BaiakerosDownloadHint code {
  color: #6b1f1f;
  font-weight: bold;
}

/** -------------------------------
 *  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;
}

/* 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;
}
.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 */
.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.LabelV120 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 120px;
}
.LabelV150 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 150px;
}
.LabelV200 {
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 200px;
}
.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
}
.TopButtonContainer {
  position: relative;
  right: 4px;
  top: 4px;
  z-index: 60;
}
* html .TopButtonContainer {
  right: 27px;
}
.TopButtonContainer .TopButton {
  position: absolute;
  right: 0px;
  z-index: 55;
}

.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;
}

/* Baiakeros gothic identity: blackened steel, amethyst and pale lavender. */
body {
  background-color: #05050a;
}

#ArtworkHelper {
  background-color: #070812;
}

.MenuButton {
  box-shadow: inset 0 0 0 1px rgba(142, 82, 190, 0.36), 0 1px 4px rgba(0, 0, 0, 0.75);
}

.Submenu {
  background-color: #09080f;
  border-left: 1px solid #56356f;
  border-right: 1px solid #56356f;
  box-sizing: border-box;
}

.SubmenuitemLabel {
  border-bottom-color: #352341;
  color: #d5c0e8 !important;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-shadow: 0 1px 1px #000;
}

.Submenuitem:hover .SubmenuitemLabel {
  color: #f1e3ff !important;
  background-color: rgba(82, 38, 117, 0.82);
  text-shadow: 0 0 5px rgba(184, 111, 238, 0.72);
}

.light_lu,
.light_ld,
.light_ru {
  filter: hue-rotate(150deg) saturate(1.45) brightness(1.2);
}

.Content .BorderTitleText {
  filter: none;
}

.Content .BorderTitleText::after {
  content: "";
  position: absolute;
  z-index: 70;
  top: -5px;
  left: 50%;
  width: 11px;
  height: 11px;
  margin-left: -6px;
  transform: rotate(45deg);
  border: 1px solid #cba0ed;
  background: radial-gradient(circle at 35% 30%, #efd9ff 0, #9c54cf 35%, #3b1559 72%, #0a0710 100%);
  box-shadow: 0 0 8px rgba(155, 75, 211, 0.9), 0 0 0 2px #16101c;
}

.Content .Box {
  border-left-color: #17131d;
  border-right-color: #17131d;
  background-color: #4c3062;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.7);
}

.Content .Border_2 {
  background-color: #120d19;
}

.Content .Border_3 {
  border-top-color: #593570;
  border-bottom-color: #593570;
}

.Content a {
  color: #633283;
}

.Content a:hover {
  color: #9c4fca;
}

/* Shared page components: every routed page inherits the same gothic chrome. */
.TableContainer {
  border-color: #0b0910;
}

.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer {
  background: linear-gradient(#17131d, #08070c) !important;
}

.TableContainer .CaptionContainer .Text,
.Content th {
  color: #cda6ed;
  background-color: #0c0911;
  font-family: Georgia, 'Times New Roman', serif;
  text-shadow: 0 1px 1px #000, 0 0 4px rgba(132, 64, 178, 0.5);
}

.TableContentContainer,
.TableContainer .Table1,
.TableContainer .Table2,
.TableContainer .Table3,
.TableContainer .Table4,
.TableContainer .Table5 {
  border-color: #503366;
}

.TableContainer .Odd {
  background-color: #e6ddcf;
}

.TableContainer .Even {
  background-color: #d1c5b6;
}

.BigButtonText {
  color: #d5b4ee;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: bold;
  text-shadow: 0 1px 1px #000, 0 0 4px rgba(135, 64, 185, 0.55);
  cursor: pointer;
}

.Content input[type='text'],
.Content input[type='password'],
.Content input[type='email'],
.Content select,
.Content textarea {
  border: 1px solid #65417e;
  background-color: #eee5d8;
  color: #2d2036;
  box-shadow: inset 0 0 4px rgba(45, 22, 61, 0.22);
}

#PlayersOnline,
.top_level,
.online {
  color: #cda6ed !important;
}

#Themeboxes #DownloadBox #DownloadBoxCopy,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy,
#Themeboxes #NetworksBox #DiscordBlock {
  color: #c8b8d5;
  text-shadow: 0 1px #000;
}

#Themeboxes #DownloadBox #DownloadBoxCopy strong,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy strong,
#Themeboxes #NetworksBox #DiscordCopy strong {
  color: #d2a7ef;
}

#Themeboxes #NetworksBox #DiscordPending,
.BaiakerosDownloadUnavailable {
  border-color: #684385;
  background: #0b0910;
  color: #d4afef;
}

.BaiakerosDownloadPage {
  border-color: #503366;
  background: linear-gradient(rgba(232, 222, 207, 0.96), rgba(207, 195, 178, 0.97));
  color: #302238;
  box-shadow: inset 0 0 0 2px #0b0910, inset 0 0 24px rgba(72, 30, 96, 0.25);
}

.BaiakerosDownloadPage h2,
.BaiakerosDownloadHint code {
  color: #633283;
}

.BaiakerosDownloadEmblem {
  box-shadow: 0 0 0 1px #8652aa, 0 4px 12px rgba(0, 0, 0, 0.72), 0 0 12px rgba(119, 52, 165, 0.38);
}

/* -------------------------------------------------------------------------
 * Baiakeros Nightfall v7
 * One shared black-iron, aged-gold and parchment system for every MyAAC route.
 * ------------------------------------------------------------------------- */
:root {
  --bk-night: #03070a;
  --bk-panel: #080b0d;
  --bk-panel-soft: #0e1113;
  --bk-gold: #d9b66d;
  --bk-gold-bright: #f0d492;
  --bk-gold-dark: #6d4a1e;
  --bk-violet: #7444a2;
  --bk-parchment: #e8d8b7;
  --bk-parchment-dark: #c9b486;
  --bk-ink: #2f2417;
}

html,
body {
  min-height: 100%;
  background: var(--bk-night);
}

body {
  color: #d8ccb6;
  font-family: Georgia, "Times New Roman", serif;
}

#ArtworkHelper {
  min-width: 980px;
  min-height: 100vh;
  background-color: var(--bk-night);
  background-position: top center;
  background-size: 1920px auto;
  background-repeat: no-repeat;
}

#Bodycontainer {
  display: block;
  width: 100%;
  min-width: 980px;
  max-width: 1200px;
  min-height: 100vh;
  margin: 0 auto;
}

#ContentRow {
  top: 150px;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 180px;
  gap: 16px;
  align-items: start;
  box-sizing: border-box;
  padding: 0 18px 90px;
}

#MenuColumn,
#ContentColumn,
#ThemeboxesColumn {
  position: relative;
  inset: auto;
  width: auto;
  margin: 0;
  padding: 0;
}

#MenuColumn,
#ThemeboxesColumn {
  width: 180px;
}

#LeftArtwork {
  top: -139px;
  left: -15px;
  width: 210px;
  height: 125px;
}

#LeftArtwork #TibiaLogoArtworkTop {
  top: 0;
  left: 0;
  width: 210px;
  height: 125px;
  object-fit: contain;
  filter: drop-shadow(0 4px 5px #000) drop-shadow(0 0 7px rgba(174, 126, 47, 0.34));
}

#RightArtwork #Monster {
  filter: drop-shadow(0 3px 5px #000) drop-shadow(0 0 7px rgba(195, 151, 72, 0.42));
}

#PlayersOnline,
.top_level,
.online {
  color: var(--bk-gold-bright) !important;
}

#Loginbox {
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 180px;
  height: 112px;
  margin: 0 0 16px;
  padding-top: 24px;
  border: 1px solid #77582b;
  background:
    linear-gradient(135deg, transparent 7px, #0e1113 0) top left,
    linear-gradient(225deg, transparent 7px, #0e1113 0) top right,
    linear-gradient(315deg, transparent 7px, #07090b 0) bottom right,
    linear-gradient(45deg, transparent 7px, #07090b 0) bottom left;
  background-size: 51% 51%;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 2px #020304, inset 0 0 18px #000, 0 3px 12px rgba(0, 0, 0, 0.8);
}

#Loginbox::before {
  content: "LOGIN";
  position: absolute;
  top: 5px;
  left: 13px;
  width: 152px;
  padding-bottom: 3px;
  border-bottom: 1px solid #5d4727;
  color: #eee1c8;
  font: 12px/14px Georgia, "Times New Roman", serif;
  font-weight: bold;
  letter-spacing: 0.7px;
  text-align: center;
  text-shadow: 0 1px 2px #000;
}

#Loginbox #LoginTop,
#Loginbox #LoginBottom,
#Loginbox .LoginBorder {
  display: none;
}

#Loginbox .Loginstatus {
  left: 10px;
  width: 158px;
  background-image: none !important;
}

#LoginButtonContainer {
  position: relative;
  width: 158px;
  height: 28px;
  margin-left: 10px;
  background-image: none !important;
}

#Loginbox #LoginButton {
  left: 12px;
}

#LeftDownloadShortcut {
  margin-bottom: 17px;
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, 0.75));
}

#Menu {
  left: 0;
  border: 1px solid #684a22;
  background: rgba(4, 7, 9, 0.94);
  box-shadow: inset 0 0 0 2px #010203, 0 4px 14px rgba(0, 0, 0, 0.78);
}

#MenuTop,
#MenuBottom {
  display: none;
}

.MenuButton {
  width: 178px;
  height: 39px;
  border-bottom: 1px solid #49371f;
  background-image: linear-gradient(90deg, #090c0e, #111416 58%, #080a0c) !important;
  box-shadow: inset 0 1px rgba(225, 191, 112, 0.08);
}

.MenuButton .Button {
  width: 178px;
  height: 39px;
  background-image: linear-gradient(90deg, #1b1308, #30210d 55%, #0b0d0f) !important;
  box-shadow: inset 0 0 0 1px #8c6830, inset 0 0 12px rgba(203, 150, 55, 0.2);
}

.Icon {
  top: 3px;
  left: 9px;
}

#news_Icon { background-image: url(images/menu/baiakeros-icon-news-v9.png) !important; }
#account_Icon { background-image: url(images/menu/baiakeros-icon-account-v9.png) !important; }
#community_Icon { background-image: url(images/menu/baiakeros-icon-community-v9.png) !important; }
#forum_Icon { background-image: url(images/menu/baiakeros-icon-forum-v8.png) !important; }
#library_Icon { background-image: url(images/menu/baiakeros-icon-library-v9.png) !important; }
#shops_Icon { background-image: url(images/menu/baiakeros-icon-shops-v9.png) !important; }
#news_Label { background-image: url(images/menu/baiakeros-label-news.png?v=7) !important; }
#account_Label { background-image: url(images/menu/baiakeros-label-account.png?v=7) !important; }
#community_Label { background-image: url(images/menu/baiakeros-label-community.png?v=7) !important; }
#forum_Label { background-image: url(images/menu/baiakeros-label-forum.png?v=7) !important; }
#library_Label { background-image: url(images/menu/baiakeros-label-library.png?v=7) !important; }
#shops_Label { background-image: url(images/menu/baiakeros-label-shops.png?v=7) !important; }

.Label {
  top: 8px;
  left: 43px;
}

.Extend {
  top: 14px;
  right: 7px;
  filter: sepia(1) saturate(1.5) brightness(1.35);
}

.Submenu {
  width: 178px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #6d4b20;
  background: rgba(5, 9, 11, 0.98);
}

.LeftChain,
.RightChain {
  display: none;
}

.SubmenuitemLabel {
  min-height: 19px;
  padding: 4px 9px 3px 18px;
  border-bottom: 1px solid #29241b;
  color: #d7c49b !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 9.5pt;
  font-weight: normal;
  letter-spacing: 0.1px;
}

.Submenuitem:hover .SubmenuitemLabel {
  color: #fff1bd !important;
  background: linear-gradient(90deg, rgba(133, 91, 30, 0.48), rgba(27, 22, 14, 0.95)) !important;
  text-shadow: 0 0 5px rgba(230, 184, 91, 0.5);
}

.ActiveSubmenuItemIcon {
  top: 7px;
  left: 5px;
  filter: sepia(1) saturate(2) hue-rotate(350deg) brightness(1.4);
}

.Content {
  width: 100%;
}

.Content .Box {
  margin: 0 0 17px;
  border: 1px solid #775729;
  background: #080b0d;
  box-shadow: inset 0 0 0 2px #010203, 0 5px 18px rgba(0, 0, 0, 0.78);
}

.Content .Border_1 {
  height: 5px;
  background-image: linear-gradient(90deg, #30210d, #b58a44 50%, #30210d) !important;
  opacity: 0.78;
}

.Content .BorderTitleText {
  height: 29px;
  border-top: 1px solid #2c271d;
  border-bottom: 1px solid #76582b;
  background-image: linear-gradient(#121619, #07090b) !important;
  box-shadow: inset 0 0 13px #000;
}

.Content .BorderTitleText::after {
  top: -6px;
  border-color: #d9b66d;
  background: radial-gradient(circle at 35% 30%, #f0d7ff 0, #8654ad 33%, #44235f 66%, #08070a 100%);
  box-shadow: 0 0 7px rgba(125, 73, 166, 0.85), 0 0 0 2px #14100a;
}

.Content .Title {
  top: 8px;
  left: 15px;
  height: 22px;
  max-width: calc(100% - 30px);
}

.Content .Border_2 {
  margin: 5px;
  border: 1px solid #62491f;
  background: #050708;
}

.Content .Border_3 {
  margin: 0;
  border-color: #a47b39;
}

.Content .BoxContent {
  min-height: 0 !important;
  padding: 13px;
  border: 1px solid #b69d70;
  background-color: var(--bk-parchment) !important;
  color: var(--bk-ink);
  box-shadow: inset 0 0 28px rgba(84, 55, 22, 0.18);
}

.Content .BoxContent td {
  color: var(--bk-ink);
}

.Content a {
  color: #614314;
}

.Content a:hover {
  color: #9a6415;
  text-decoration: none;
}

.Content .Corner-tl,
.Content .Corner-tr,
.Content .Corner-bl,
.Content .Corner-br {
  filter: sepia(1) saturate(1.65) hue-rotate(350deg);
}

.NewsHeadlineBackground {
  border-top: 1px solid #9a773d;
  border-bottom: 1px solid #4c3517;
  background-image: linear-gradient(90deg, #0b0e10, #1a1710 48%, #090c0e) !important;
  color: #eee1c7;
}

.NewsHeadlineText,
.NewsHeadlineAuthor,
.NewsHeadlineDate {
  color: #eee1c7 !important;
  text-shadow: 0 1px 1px #000;
}

.TableContainer {
  margin: 7px 3px 14px;
  border: 1px solid #765628;
  background: #07090b;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
}

.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer {
  height: 27px;
  background: linear-gradient(#15191b, #07090a) !important;
}

.TableContainer .CaptionContainer {
  border-bottom: 1px solid #8b6932;
}

.TableContainer .CaptionContainer .Text,
.Content th {
  color: #ead29a;
  background: transparent;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 1px 2px #000;
}

.CaptionEdgeLeftTop,
.CaptionEdgeRightTop,
.CaptionEdgeLeftBottom,
.CaptionEdgeRightBottom,
.CaptionBorderTop,
.CaptionBorderBottom,
.CaptionVerticalLeft,
.CaptionVerticalRight {
  filter: sepia(1) saturate(1.5) hue-rotate(350deg);
}

.TableContentContainer,
.TableContainer .Table1,
.TableContainer .Table2,
.TableContainer .Table3,
.TableContainer .Table4,
.TableContainer .Table5 {
  border-color: #8b6936 !important;
  background-color: #ddcba6 !important;
}

.TableContainer .Odd,
.Content .BoxContent .Odd,
.myaac-table > tbody > tr:nth-child(odd) {
  background-color: #e7d7b7 !important;
}

.TableContainer .Even,
.Content .BoxContent .Even,
.myaac-table > tbody > tr:nth-child(even) {
  background-color: #cdb98e !important;
}

.LabelH,
.LabelH td,
.moduleRowOver {
  background-color: #c6ae7c !important;
}

.Content input[type="text"],
.Content input[type="password"],
.Content input[type="email"],
.Content input[type="number"],
.Content select,
.Content textarea {
  box-sizing: border-box;
  min-height: 27px;
  border: 1px solid #775729;
  border-radius: 0;
  background: #f0e4ca;
  color: #261d13;
  box-shadow: inset 0 1px 4px rgba(41, 28, 12, 0.27);
}

.Content input:focus,
.Content select:focus,
.Content textarea:focus {
  outline: 1px solid #c59543;
  box-shadow: 0 0 5px rgba(192, 143, 58, 0.5);
}

.BigButton,
#Themeboxes .ThemeboxButton,
#LeftDownloadShortcut .ThemeboxButton,
.MediumButtonBackground {
  box-sizing: border-box;
  border: 1px solid #9a7130;
  background-image: linear-gradient(#2b210f, #0a0c0e 52%, #171005) !important;
  box-shadow: inset 0 0 0 1px #020304, inset 0 1px rgba(245, 212, 139, 0.24), 0 2px 5px rgba(0, 0, 0, 0.72);
}

.BigButtonOver,
.MediumButtonOver,
#Loginbox #LoginButton .Button,
.MenuButton .Button {
  background-image: linear-gradient(#594019, #17130b 52%, #30200a) !important;
}

.BigButtonText {
  color: #efd496;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold;
  letter-spacing: 0.3px;
  text-shadow: 0 1px 2px #000;
}

.MediumButtonText {
  filter: sepia(1) saturate(1.3) hue-rotate(350deg) brightness(1.15);
}

.Themebox {
  filter: drop-shadow(0 4px 9px rgba(0, 0, 0, 0.7));
}

#Themeboxes #Topbar .top_level {
  box-sizing: border-box;
  border: 1px solid #6f5127;
  background: linear-gradient(#0d1113, #050708) !important;
  box-shadow: inset 0 0 15px #000;
}

#Themeboxes #NetworksBox #DiscordBlock {
  box-sizing: border-box;
  border: 1px solid #5f4725;
  background: linear-gradient(#0d1012, #050709);
  box-shadow: inset 0 0 18px #000;
}

#Themeboxes #CurrentPollBox #CurrentPollText {
  box-sizing: border-box;
  border: 1px solid #5f4725;
  background: rgba(5, 8, 10, 0.96);
  color: #ddc795;
  text-shadow: 0 1px 2px #000;
}

#Themeboxes #DownloadBox #DownloadBoxCopy,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy,
#Themeboxes #NetworksBox #DiscordBlock {
  color: #d4c6aa;
  text-shadow: 0 1px 2px #000;
}

#Themeboxes #DownloadBox #DownloadBoxCopy strong,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy strong,
#Themeboxes #NetworksBox #DiscordCopy strong {
  color: #e1be72;
}

#Themeboxes #NetworksBox #DiscordPending,
.BaiakerosDownloadUnavailable {
  border-color: #8d672d;
  background: #080a0c;
  color: #e2c27c;
}

.BaiakerosDownloadPage {
  border-color: #765528;
  background: linear-gradient(rgba(237, 222, 192, 0.98), rgba(203, 183, 143, 0.98));
  color: #302417;
  box-shadow: inset 0 0 0 2px #12100b, inset 0 0 26px rgba(97, 61, 20, 0.28);
}

.BaiakerosDownloadPage h2,
.BaiakerosDownloadHint code {
  color: #6d4916;
}

.BaiakerosDownloadEmblem {
  box-shadow: 0 0 0 1px #9d7639, 0 4px 12px rgba(0, 0, 0, 0.72), 0 0 12px rgba(134, 86, 23, 0.35);
}

/* Gesior Shop System: keep Points, Gifts and History inside Nightfall. */
.Content .BoxContent .offer_container {
  clear: both;
  padding-top: 4px;
}

.Content .BoxContent .offer_type {
  display: inline-block;
  margin: 4px 1px 2px;
  padding: 7px 10px 6px;
  border: 1px solid #755528;
  background: linear-gradient(#181b1d, #080a0c) !important;
  color: #e8cf94 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold;
  text-shadow: 0 1px 2px #000;
  box-shadow: inset 0 0 0 1px #020304;
}

.Content .BoxContent .offer_type:hover,
.Content .BoxContent .offer_type[style] {
  border-color: #bd8f43;
  background: linear-gradient(#4c3717, #151109) !important;
  color: #fff0bd !important;
}

.Content .BoxContent .offer_table {
  width: 100% !important;
  max-width: 650px;
  border: 1px solid #745426;
  background: #bda778;
  box-shadow: 0 3px 10px rgba(37, 24, 10, 0.35);
}

.Content .BoxContent .offer_table tr:first-child td,
.Content .BoxContent .myaac-table thead td {
  border-bottom: 1px solid #7c5b2c;
  background: linear-gradient(#1b1e20, #090b0d) !important;
  color: #eed79e !important;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 1px 2px #000;
}

.Content .BoxContent .offer_table td {
  border-color: #9c814d;
}

.Content .BoxContent span[style*="color: green"] {
  color: #76531f !important;
}

.Content .BoxContent .warning,
.Content .BoxContent .error,
.Content .BoxContent .success {
  border: 1px solid #80602e;
  background: rgba(245, 229, 195, 0.72);
  color: #3b2a18;
}

#Footer {
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 13px;
  border: 1px solid #4d3b22;
  background: rgba(4, 7, 9, 0.89);
  color: #b9ad95;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 8pt;
  box-shadow: inset 0 0 12px #000;
}

#Footer a:link,
#Footer a:visited,
#Footer a:focus,
#Footer a:active {
  color: #d7b66e;
}

/* -------------------------------------------------------------------------
 * Baiakeros Inferno v8
 * Visual-only skin: preserves the Nightfall grid and all existing behavior.
 * ------------------------------------------------------------------------- */
:root {
  --bk-night: #050302;
  --bk-panel: #0b0706;
  --bk-panel-soft: #17100d;
  --bk-gold: #c58b43;
  --bk-gold-bright: #ecd5a2;
  --bk-gold-dark: #642719;
  --bk-violet: #a52218;
  --bk-parchment: #e7d3ad;
  --bk-parchment-dark: #bea274;
  --bk-ink: #2b1a12;
}

body,
#ArtworkHelper {
  background-color: var(--bk-night);
}

#ArtworkHelper {
  background-size: 1920px auto;
  background-size: 1920px max(100%, 3373px);
  box-shadow: inset 0 160px 130px rgba(0, 0, 0, 0.48);
}

#LeftArtwork #TibiaLogoArtworkTop {
  filter: drop-shadow(0 5px 5px #000) drop-shadow(0 0 8px rgba(214, 55, 25, 0.48));
}

#RightArtwork #Monster {
  filter: sepia(1) saturate(6) hue-rotate(326deg) brightness(0.88)
    drop-shadow(0 3px 5px #000) drop-shadow(0 0 9px rgba(235, 57, 22, 0.65));
}

#RightArtwork #PedestalAndOnline {
  filter: sepia(0.8) saturate(1.65) hue-rotate(335deg) brightness(0.86);
}

#Loginbox,
#Menu,
.Content .Box,
.TableContainer {
  border-color: #6f2b1c;
  box-shadow: inset 0 0 0 2px #020100, inset 0 0 18px rgba(0, 0, 0, 0.86),
    0 4px 15px rgba(0, 0, 0, 0.86), 0 0 8px rgba(135, 31, 17, 0.16);
}

#Loginbox::before {
  border-bottom-color: #6e2b1c;
  color: #f0d6a1;
}

.MenuButton {
  border-bottom-color: #452019;
  background-image: linear-gradient(90deg, #090706, #17100d 58%, #080504) !important;
  box-shadow: inset 0 1px rgba(238, 133, 74, 0.1);
}

.MenuButton .Button,
.BigButtonOver,
.MediumButtonOver,
#Loginbox #LoginButton .Button {
  background-image: linear-gradient(90deg, #32110c, #6a2115 54%, #170806) !important;
  box-shadow: inset 0 0 0 1px #a34728, inset 0 0 12px rgba(232, 67, 25, 0.25);
}

.Submenu {
  border-bottom-color: #6f2a1a;
  background: rgba(8, 5, 4, 0.98);
}

.SubmenuitemLabel {
  border-bottom-color: #33201a;
  color: #dec99e !important;
}

.Submenuitem:hover .SubmenuitemLabel {
  color: #ffe8b4 !important;
  background: linear-gradient(90deg, rgba(132, 32, 19, 0.78), rgba(31, 13, 9, 0.96)) !important;
  text-shadow: 0 0 6px rgba(244, 85, 33, 0.62);
}

.light_lu,
.light_ld,
.light_ru {
  filter: sepia(1) saturate(8) hue-rotate(328deg) brightness(1.1);
}

.Extend,
.ActiveSubmenuItemIcon {
  filter: sepia(1) saturate(5) hue-rotate(327deg) brightness(1.25);
}

/* Icon colors are painted into each PNG; never recolor the whole silhouette. */
#news_Icon,
#account_Icon,
#community_Icon,
#forum_Icon,
#library_Icon,
#shops_Icon {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9));
}

.Content .Border_1 {
  background-image: linear-gradient(90deg, #32110b, #a84a26 50%, #32110b) !important;
}

.Content .BorderTitleText,
.NewsHeadlineBackground,
.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer {
  background-image: linear-gradient(90deg, #090706, #25100c 50%, #080504) !important;
  border-color: #7a311e;
}

.Content .BorderTitleText::after {
  border-color: #e07542;
  background: radial-gradient(circle at 35% 30%, #ffd099 0, #d94b20 31%, #73160f 67%, #090302 100%);
  box-shadow: 0 0 9px rgba(225, 55, 22, 0.9), 0 0 0 2px #160704;
}

.NewsHeadlineText,
.NewsHeadlineAuthor,
.NewsHeadlineDate,
.TableContainer .CaptionContainer .Text,
.Content th,
.BigButtonText {
  color: #efd7a3 !important;
  text-shadow: 0 1px 2px #000, 0 0 5px rgba(154, 38, 20, 0.45);
}

.Content a {
  color: #7c2b19;
}

.Content a:hover {
  color: #bd4827;
}

.BigButton,
#Themeboxes .ThemeboxButton,
#LeftDownloadShortcut .ThemeboxButton,
.MediumButtonBackground {
  border-color: #a54a28;
  background-image: linear-gradient(#522016, #100706 52%, #2a0d08) !important;
  box-shadow: inset 0 0 0 1px #020100, inset 0 1px rgba(255, 184, 109, 0.2),
    0 2px 6px rgba(0, 0, 0, 0.82), 0 0 6px rgba(162, 36, 18, 0.2);
}

#Themeboxes .Themebox,
#LeftDownloadShortcut .Themebox {
  background-color: rgba(91, 20, 12, 0.24);
  background-blend-mode: color-burn;
}

#Themeboxes #NewcomerBox,
#Themeboxes #DownloadBox,
#LeftDownloadShortcut #DownloadBox {
  isolation: isolate;
  overflow: hidden;
}

#Themeboxes #NewcomerBox::before,
#Themeboxes #DownloadBox::before,
#LeftDownloadShortcut #DownloadBox::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 29px;
  left: 5px;
  width: 170px;
  height: 112px;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 18px 18px rgba(0, 0, 0, 0.6), inset 0 -25px 20px rgba(0, 0, 0, 0.78);
}

#Themeboxes #NewcomerBox::before {
  background-image: url(images/themeboxes/newcomer/baiakeros-inferno-knight-v8.jpg);
}

#Themeboxes #DownloadBox::before,
#LeftDownloadShortcut #DownloadBox::before {
  background-image: url(images/themeboxes/download/baiakeros-inferno-dragon-v8.jpg);
}

#Themeboxes #NewcomerBox .ThemeboxButton,
#Themeboxes #DownloadBox .ThemeboxButton,
#LeftDownloadShortcut #DownloadBox .ThemeboxButton,
#Themeboxes #DownloadBox #DownloadBoxCopy,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy,
#Themeboxes #NewcomerBox .Bottom,
#Themeboxes #DownloadBox .Bottom,
#LeftDownloadShortcut #DownloadBox .Bottom {
  z-index: 3;
}

#Themeboxes #DownloadBox #DownloadBoxCopy,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy {
  top: 38px;
  left: 14px;
  width: 152px;
  padding: 3px 0;
  background: rgba(6, 3, 2, 0.7);
  color: #dec99e;
  text-shadow: 0 1px 2px #000;
}

#Themeboxes #DownloadBox #DownloadBoxCopy strong,
#LeftDownloadShortcut #DownloadBox #DownloadBoxCopy strong,
#Themeboxes #NetworksBox #DiscordCopy strong {
  color: #f0b974;
}

#Themeboxes #Topbar .top_level,
#Themeboxes #NetworksBox #DiscordBlock,
#Themeboxes #CurrentPollBox #CurrentPollText {
  border-color: #6f2b1c;
  background: linear-gradient(rgba(18, 8, 6, 0.97), rgba(6, 3, 2, 0.98)) !important;
}

#Themeboxes #NetworksBox #DiscordLogo {
  filter: saturate(0.75) sepia(0.22) drop-shadow(0 0 6px rgba(204, 45, 24, 0.58));
}

/* Daily boosted creatures: the data and sprites come directly from Canary. */
#Themeboxes #BoostedBox {
  box-sizing: border-box;
  height: 205px;
  margin-top: -2px;
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid #6f2b1c;
  background:
    linear-gradient(135deg, transparent 6px, rgba(125, 45, 27, 0.42) 0) top left,
    linear-gradient(225deg, transparent 6px, rgba(125, 45, 27, 0.42) 0) top right,
    linear-gradient(315deg, transparent 6px, rgba(125, 45, 27, 0.42) 0) bottom right,
    linear-gradient(45deg, transparent 6px, rgba(125, 45, 27, 0.42) 0) bottom left,
    linear-gradient(#170b08, #050302 58%, #120705);
  background-size: 52% 52%, 52% 52%, 52% 52%, 52% 52%, 100% 100%;
  background-repeat: no-repeat;
  /* background-blend-mode: normal; */
  box-shadow: inset 0 0 0 1px #020100, inset 0 0 16px rgba(178, 51, 24, 0.2),
    0 2px 5px rgba(0, 0, 0, 0.82);
}

#Themeboxes #BoostedBox::before,
#Themeboxes #BoostedBox::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 7px;
  right: 7px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #9d5c2f 16%, #e0aa59 50%, #9d5c2f 84%, transparent);
  box-shadow: 0 1px #1d0805;
}

#Themeboxes #BoostedBox::before {
  top: 29px;
}

#Themeboxes #BoostedBox::after {
  bottom: 11px;
}

#Themeboxes #BoostedBox .BoostedHeader {
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 30px;
  color: #edc77f;
  font-family: "Palatino Linotype", Georgia, serif;
  font-size: 15px;
  font-variant: small-caps;
  letter-spacing: 1.1px;
  text-shadow: 0 1px 2px #000, 0 0 6px rgba(187, 48, 23, 0.55);
}

#Themeboxes #BoostedBox .BoostedHeaderGem {
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border: 1px solid #d28a3d;
  background: #8d1e16;
  box-shadow: inset 0 0 2px #ff7a46, 0 0 4px rgba(199, 45, 23, 0.7);
}

#Themeboxes #BoostedBox .BoostedContent {
  position: absolute;
  z-index: 3;
  top: 36px;
  left: 5px;
  display: flex;
  width: 168px;
  height: 151px;
}

#Themeboxes #BoostedBox .BoostedEntry {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  color: #d8c49b;
  text-align: center;
}

#Themeboxes #BoostedBox .BoostedImageFrame {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 90px;
  margin-bottom: 5px;
  border: 1px solid #643020;
  background:
    radial-gradient(circle at 50% 44%, rgba(239, 181, 99, 0.52), rgba(116, 48, 25, 0.38) 43%, rgba(5, 3, 2, 0.96) 76%),
    linear-gradient(135deg, #24100a, #090403);
  box-shadow: inset 0 0 0 1px #160806, inset 0 -12px 15px rgba(0, 0, 0, 0.68),
    0 0 6px rgba(0, 0, 0, 0.65);
}

#Themeboxes #BoostedBox .BoostedBoss .BoostedImageFrame {
  border-color: #8f4827;
  background:
    radial-gradient(circle at 50% 43%, rgba(240, 142, 75, 0.62), rgba(130, 36, 20, 0.42) 43%, rgba(5, 3, 2, 0.96) 76%),
    linear-gradient(135deg, #2a0c08, #090302);
}

#Themeboxes #BoostedBox .BoostedCreature .BoostedImageFrame {
  border-color: #7e5a2c;
  background:
    radial-gradient(circle at 50% 43%, rgba(238, 194, 115, 0.62), rgba(122, 78, 31, 0.4) 43%, rgba(5, 3, 2, 0.96) 76%),
    linear-gradient(135deg, #25180b, #090503);
}

#Themeboxes #BoostedBox .BoostedImageFrame img {
  display: block;
  opacity: 0;
  width: 76px;
  height: 76px;
  object-fit: contain;
  image-rendering: pixelated;
  transform: translate(var(--boosted-offset-x, 0), var(--boosted-offset-y, 0));
  filter: drop-shadow(0 3px 3px #000) drop-shadow(0 0 3px rgba(244, 177, 83, 0.62));
  transition: opacity 160ms ease;
}

#Themeboxes #BoostedBox .BoostedImageFrame img.is-loaded {
  opacity: 1;
}

#Themeboxes #BoostedBox .BoostedLoader {
  position: absolute;
  width: 22px;
  height: 22px;
  border: 3px solid rgba(230, 168, 94, 0.22);
  border-top-color: #e6a85e;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(230, 96, 42, 0.35);
  animation: boosted-loading-spin 0.8s linear infinite;
}

@keyframes boosted-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

#Themeboxes #BoostedBox .BoostedFallback {
  color: #b78545;
  font-family: Georgia, serif;
  font-size: 30px;
}

#Themeboxes #BoostedBox .BoostedKind {
  color: #e6a85e;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.7px;
  line-height: 12px;
  text-transform: uppercase;
}

#Themeboxes #BoostedBox .BoostedCreature .BoostedKind {
  color: #d9bd75;
}

#Themeboxes #BoostedBox .BoostedEntry strong {
  box-sizing: border-box;
  display: -webkit-box;
  width: 76px;
  max-height: 27px;
  overflow: hidden;
  color: #f0dfbd;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  text-shadow: 0 1px 2px #000;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#Themeboxes #BoostedBox .BoostedDivider {
  position: relative;
  flex: 0 0 8px;
  height: 123px;
}

#Themeboxes #BoostedBox .BoostedDivider::before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 2px;
  left: 3px;
  width: 1px;
  background: linear-gradient(transparent, #6e321e 18%, #8b542d 50%, #6e321e 82%, transparent);
}

#Themeboxes #BoostedBox .BoostedDivider span {
  position: absolute;
  top: 55px;
  left: 1px;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  border: 1px solid #8c542d;
  background: #1a0906;
}

#Themeboxes #BoostedBox .Bottom {
  z-index: 4;
}

#PlayersOnline,
.top_level,
.online {
  color: #e7bd78 !important;
}

.offline,
#PlayersOnline span[style*="color: red"] {
  color: #e15332 !important;
}

.BaiakerosDownloadPage {
  border-color: #7b301e;
  box-shadow: inset 0 0 0 2px #160704, inset 0 0 28px rgba(124, 30, 15, 0.26);
}

.BaiakerosDownloadPage h2,
.BaiakerosDownloadHint code {
  color: #7d2a19;
}

#Footer {
  width: auto;
  margin: 6px auto 18px;
  padding: 5px 8px;
  border: 0;
  background: rgba(6, 3, 2, 0.35);
  color: #8f806d;
  font-family: Verdana, Arial, sans-serif;
  font-size: 7pt;
  box-shadow: none;
  opacity: 0.72;
}

#Footer a:link,
#Footer a:visited,
#Footer a:focus,
#Footer a:active {
  color: #e0a961;
}

@media (max-width: 1050px) {
  #ArtworkHelper,
  #Bodycontainer {
    min-width: 920px;
  }

  #Bodycontainer {
    max-width: 980px;
  }

  #ContentRow {
    grid-template-columns: 180px minmax(0, 1fr) 180px;
    gap: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 760px) {
  #ArtworkHelper,
  #Bodycontainer {
    min-width: 0;
  }

  #ArtworkHelper {
    background-size: auto 1900px;
    background-size: auto max(100%, 1900px);
  }

  #ContentRow {
    top: 143px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: 0 10px 60px;
  }

  #MenuColumn,
  #ThemeboxesColumn {
    width: 180px;
    margin: 0 auto;
  }

  #ContentColumn {
    grid-row: 2;
    width: 100%;
  }

  #ThemeboxesColumn {
    grid-row: 3;
    margin-top: 130px;
  }

  .Content .BoxContent {
    overflow-x: auto;
  }
}

/* Baiakeros account and download calls to action */
#Loginbox.BaiakerosAccountPanel {
  position: relative;
  box-sizing: border-box;
  width: 180px;
  height: 170px;
  margin: 0 0 14px;
  padding: 42px 12px 12px;
  overflow: hidden;
  border: 1px solid #7a321f;
  background:
    linear-gradient(rgba(15, 7, 5, 0.88), rgba(4, 3, 3, 0.97)),
    url(images/themeboxes/download/baiakeros-inferno-dragon-v8.jpg) center 42% / cover;
  box-shadow: inset 0 0 0 2px #160704, inset 0 0 24px #000,
    0 4px 14px rgba(0, 0, 0, 0.86), 0 0 9px rgba(150, 42, 20, 0.22);
}

#Loginbox.BaiakerosAccountPanel::before {
  content: "";
  top: 31px;
  left: 12px;
  width: 154px;
  height: 1px;
  padding: 0;
  border: 0;
  background: linear-gradient(90deg, transparent, #a76036, transparent);
}

.AccountPanelTitle {
  position: absolute;
  top: 8px;
  left: 12px;
  width: 154px;
  color: #f1d69c;
  font: bold 13px/18px Georgia, "Times New Roman", serif;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 0 1px 2px #000;
}

.AccountPanelWelcome {
  height: 17px;
  overflow: hidden;
  color: #c6ad89;
  font: 9px/15px Verdana, Arial, sans-serif;
  text-align: center;
  text-shadow: 0 1px 2px #000;
}

.AccountAction {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 154px;
  height: 39px;
  margin-top: 7px;
  border: 1px solid #9b482a;
  color: #f9e8c4 !important;
  font: bold 11px/37px Verdana, Arial, sans-serif;
  letter-spacing: .35px;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 1px 2px #000;
  box-shadow: inset 0 0 0 1px #1a0805, inset 0 1px rgba(255, 214, 150, .18),
    0 2px 5px rgba(0, 0, 0, .82);
  transition: filter .16s ease, transform .16s ease, border-color .16s ease;
}

.AccountActionPrimary {
  background: linear-gradient(#8f321e, #4a160e 52%, #6b2114);
}

.AccountActionSecondary {
  border-color: #80602f;
  background: linear-gradient(#66502d, #352713 52%, #4d391d);
}

.AccountAction:hover,
.AccountAction:focus {
  border-color: #e09854;
  color: #fff3d5 !important;
  filter: brightness(1.22);
  transform: translateY(-1px);
}

#LeftDownloadShortcut {
  margin-bottom: 16px;
}

#LeftDownloadShortcut #DownloadBox.BaiakerosDownloadBox {
  height: 150px;
  border: 1px solid #6f2b1c;
  background-position: center top;
  box-shadow: inset 0 0 0 2px #150604, 0 4px 14px rgba(0, 0, 0, .84);
}

#LeftDownloadShortcut #DownloadBox.BaiakerosDownloadBox #DownloadBoxCopy {
  top: 40px;
  left: 12px;
  box-sizing: border-box;
  width: 156px;
  padding: 5px 4px;
  background: rgba(7, 3, 2, .78);
}

#LeftDownloadShortcut #DownloadBox.BaiakerosDownloadBox #DownloadBoxCopy strong {
  color: #f1c174;
  font-size: 10pt;
  letter-spacing: .35px;
}

#LeftDownloadShortcut #DownloadBox.BaiakerosDownloadBox #DownloadBoxCopy span {
  color: #d5c19c;
  font-size: 7.5pt;
}

#LeftDownloadShortcut #DownloadBox .DownloadAction {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 15px;
  left: 12px;
  box-sizing: border-box;
  width: 156px;
  height: 40px;
  border: 1px solid #b4532d;
  background: linear-gradient(#9b381f, #4d160e 52%, #712316) !important;
  color: #fff0cf !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px #000;
  box-shadow: inset 0 0 0 1px #210906, inset 0 1px rgba(255, 218, 159, .24),
    0 2px 7px rgba(0, 0, 0, .9), 0 0 8px rgba(176, 53, 25, .26);
  transition: filter .16s ease, transform .16s ease;
}

#LeftDownloadShortcut #DownloadBox .DownloadAction:hover,
#LeftDownloadShortcut #DownloadBox .DownloadAction:focus {
  filter: brightness(1.2);
  transform: translateY(-1px);
}

.DownloadActionIcon {
  margin-right: 7px;
  color: #ffd990;
  font: bold 20px/1 Georgia, serif;
}

.DownloadActionText {
  font: bold 11px/1 Verdana, Arial, sans-serif;
  letter-spacing: .3px;
}

/* Baiakeros account dashboard */
#account-management {
  --account-accent: #9a3b22;
  --account-accent-bright: #df8a4d;
  --account-gold: #d8ad62;
  color: #3f2a19;
}

#account-management.AccountRoleAdmin {
  --account-accent: #8e2418;
  --account-accent-bright: #ed6540;
  --account-gold: #f0bd5d;
}

.AccountDashboardHero {
  position: relative;
  box-sizing: border-box;
  min-height: 168px;
  margin: 0 0 10px;
  padding: 19px 20px 18px;
  overflow: hidden;
  border: 1px solid #71301e;
  background:
    linear-gradient(90deg, rgba(10, 5, 4, .97), rgba(34, 11, 7, .9)),
    url(images/themeboxes/download/baiakeros-inferno-dragon-v8.jpg) right center / 58% auto no-repeat;
  color: #ead9b8;
  box-shadow: inset 0 0 0 2px #180704, inset 0 0 28px #000,
    0 4px 12px rgba(49, 17, 9, .38);
}

.AccountDashboardHero::after {
  content: "";
  position: absolute;
  right: -25px;
  bottom: -65px;
  width: 210px;
  height: 145px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(196, 48, 22, .24), transparent 68%);
  pointer-events: none;
}

.AccountDashboardEyebrow {
  color: var(--account-gold);
  font: bold 9px/1 Verdana, Arial, sans-serif;
  letter-spacing: 1.8px;
  text-shadow: 0 1px 2px #000;
}

.AccountDashboardIdentity {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-top: 7px;
}

.AccountDashboardIdentity h1 {
  margin: 0;
  color: #fff0cc;
  font: bold 21px/26px Georgia, "Times New Roman", serif;
  text-shadow: 0 2px 3px #000;
}

.AccountDashboardIdentity p {
  max-width: 490px;
  margin: 5px 0 0;
  color: #cbb99a;
  font: 10px/15px Verdana, Arial, sans-serif;
}

.AccountRoleBadge {
  flex: 0 0 auto;
  padding: 5px 8px;
  border: 1px solid var(--account-accent-bright);
  background: rgba(72, 21, 13, .86);
  color: #ffe0a1;
  font: bold 8px/1 Verdana, Arial, sans-serif;
  letter-spacing: .75px;
  box-shadow: inset 0 0 7px #160503, 0 0 7px rgba(175, 54, 27, .25);
}

.AccountRolePlayer .AccountRoleBadge {
  border-color: #94703d;
  background: rgba(50, 36, 18, .88);
  color: #e6c88c;
}

.AccountDashboardStatus {
  display: flex;
  flex: 0 0 145px;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
}

.AccountDashboardStatus .AccountRoleBadge {
  align-self: flex-end;
}

.AccountDashboardCoins {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 128px;
  padding: 7px 9px;
  border: 1px solid #8f522d;
  background: rgba(22, 8, 4, .88);
  color: #cbb99a;
  font: 8px/1 Verdana, Arial, sans-serif;
  box-shadow: inset 0 0 8px #080201;
}

.AccountDashboardCoins strong {
  color: #ffd480;
  font-size: 12px;
}

.AccountQuickActions {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 15px;
}

.AccountQuickActions a,
.AccountQuickActions form,
.AccountQuickActions button {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}

.AccountQuickActions a,
.AccountQuickActions button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 7px;
  border: 1px solid #874126;
  background: linear-gradient(#6f2919, #34110b 55%, #531a10);
  color: #f4dfb9 !important;
  font: bold 8px/1 Verdana, Arial, sans-serif;
  letter-spacing: .25px;
  text-decoration: none !important;
  text-shadow: 0 1px 2px #000;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #160604, inset 0 1px rgba(255, 214, 147, .15);
}

.AccountQuickActions a:hover,
.AccountQuickActions button:hover {
  border-color: #df8a4d;
  background: linear-gradient(#9b3c23, #4b170f 55%, #702416);
  color: #fff4d6 !important;
}

.AccountSectionNav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 13px;
  border: 1px solid #89653a;
  background: #d2ba91;
  box-shadow: 0 2px 6px rgba(60, 36, 16, .25);
}

.AccountSectionNav a {
  padding: 9px 5px;
  border-right: 1px solid #a98752;
  color: #50321b !important;
  font: bold 8px/1 Verdana, Arial, sans-serif;
  letter-spacing: .45px;
  text-align: center;
  text-decoration: none !important;
}

.AccountSectionNav a:last-child {
  border-right: 0;
}

.AccountSectionNav a:hover {
  background: #bea06f;
  color: #7b2416 !important;
}

#account-management .SmallBox {
  margin: 0 0 13px;
}

#account-management .SmallBox .Message {
  box-sizing: border-box;
  min-height: 66px;
  padding: 12px 15px;
  border: 1px solid #ad824a;
  background: linear-gradient(90deg, #dfcba7, #d3b98b);
  color: #49301d;
}

#account-management .SmallBox .LabelV {
  color: #812719;
}

#account-management .TopButtonContainer {
  display: none;
}

#account-management .TableContainer {
  margin: 0 0 15px;
  border-color: #795129;
  box-shadow: 0 3px 9px rgba(75, 43, 17, .25);
}

#account-management .TableContainer .CaptionContainer {
  background: linear-gradient(90deg, #160b08, #32150e 55%, #140906) !important;
}

#account-management .TableContainer .CaptionInnerContainer {
  color: #efcf8d;
  font-size: 11px;
  letter-spacing: .2px;
  text-shadow: 0 1px 2px #000;
}

#account-management .TableContent {
  border-collapse: separate;
  border-spacing: 1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

#account-management .TableContent td {
  padding: 6px 8px;
}

#account-management .TableContent .LabelV {
  width: 135px;
  color: #4b2c17;
  font-weight: bold;
}

#account-management .InnerTableButtonRow {
  width: 100%;
  margin-top: 5px;
}

#account-management .InnerTableButtonRow > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

#account-management .InnerTableButtonRow > tbody > tr > td {
  display: block;
  width: auto !important;
}

#account-management a[name] {
  scroll-margin-top: 12px;
}

@media (max-width: 760px) {
  .AccountDashboardIdentity {
    display: block;
  }

  .AccountRoleBadge {
    display: inline-block;
    margin-top: 9px;
  }

  .AccountQuickActions,
  .AccountSectionNav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .AccountSectionNav a:nth-child(2) {
    border-right: 0;
  }

  .AccountSectionNav a:nth-child(-n+2) {
    border-bottom: 1px solid #a98752;
  }
}

/* Keep account notices content-sized; legacy SmallBox uses height: 100%. */
#account-management .SmallBox,
#account-management .SmallBox .MessageContainer,
#account-management .SmallBox .Message {
  height: auto !important;
  min-height: 0 !important;
}

#account-management .SmallBox .MessageContainer {
  display: block;
}

#account-management .SmallBox .Message {
  padding: 9px 13px;
}

#account-management .SmallBox .Message > table {
  width: 100%;
  margin: 0;
}

#account-management .SmallBox .Message > div[style*="text-align:center"] {
  margin-top: 5px;
}

#account-management .SmallBox .Message > div[style*="text-align:center"] table {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Baiakeros character creation */
.CharacterCreatePage { color:#402817; }
.CharacterCreateHero { display:flex; align-items:center; justify-content:space-between; min-height:105px; padding:18px 22px; border:1px solid #74301d; background:linear-gradient(90deg,rgba(12,5,3,.97),rgba(62,17,9,.88)),url(images/themeboxes/download/baiakeros-inferno-dragon-v8.jpg) right 40%/55% auto no-repeat; box-shadow:inset 0 0 0 2px #170604,inset 0 0 24px #000,0 3px 10px rgba(45,18,8,.35); }
.CharacterCreateEyebrow { color:#e3a552; font:bold 8px/1 Verdana,Arial,sans-serif; letter-spacing:1.8px; }
.CharacterCreateHero h2 { margin:6px 0 3px; color:#ffe8bd; font:bold 22px/26px Georgia,"Times New Roman",serif; text-shadow:0 2px 3px #000; }
.CharacterCreateHero p { max-width:500px; margin:0; color:#cbb797; font:10px/15px Verdana,Arial,sans-serif; }
.CharacterCreateStep { color:rgba(228,152,73,.22); font:bold 58px/1 Georgia,serif; text-shadow:0 0 12px rgba(190,53,22,.25); }
.CharacterCreateAlert { margin:10px 0; padding:10px 13px; border:1px solid #a33c25; background:#e0bca1; color:#771d13; font-weight:bold; }
.CharacterCreateForm { margin-top:10px; }
.CharacterCreateSection { margin-bottom:10px; padding:0 12px 13px; border:1px solid #9a7748; background:linear-gradient(#ead9b8,#dbc299); box-shadow:inset 0 0 0 2px rgba(255,245,214,.45),0 2px 6px rgba(55,30,12,.22); }
.CharacterCreateSectionHead { display:flex; align-items:center; gap:9px; margin:0 -12px 12px; padding:9px 12px; border-bottom:1px solid #8d5d31; background:linear-gradient(90deg,#1b0a07,#3c160d,#170806); color:#efd094; }
.CharacterCreateSectionHead>span { display:flex; align-items:center; justify-content:center; width:24px; height:24px; border:1px solid #b26936; border-radius:50%; background:#611e12; color:#ffd793; font:bold 11px/1 Verdana,sans-serif; }
.CharacterCreateSectionHead strong,.CharacterCreateSectionHead small { display:block; }
.CharacterCreateSectionHead strong { font:bold 12px/15px Georgia,serif; }
.CharacterCreateSectionHead small { color:#bfa789; font:8px/11px Verdana,sans-serif; }
.CharacterCreateIdentityGrid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(190px,.8fr); gap:14px; }
.CharacterCreateField>span,.CharacterCreateChoices legend { display:block; margin-bottom:6px; color:#5c2a16; font:bold 10px/14px Verdana,sans-serif; }
.CharacterNameControl { display:flex; align-items:center; gap:7px; }
.CharacterNameControl input { box-sizing:border-box; width:100%; height:35px; padding:0 10px; border:1px solid #89683e; background:#fff7df; color:#321b0f; box-shadow:inset 0 1px 3px rgba(55,31,12,.25); }
.CharacterNameControl input:focus { border-color:#b34726; outline:1px solid #d99350; }
.CharacterCreateField small { display:block; min-height:12px; margin-top:5px; color:#78583b; font:8px/12px Verdana,sans-serif; }
.CharacterCreateChoices { min-width:0; margin:0; padding:0; border:0; }
.CharacterSexChoices>div,.CharacterVocationGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.CharacterCreateChoices label,.CharacterVocationGrid label { cursor:pointer; }
.CharacterCreateChoices input,.CharacterVocationGrid input { position:absolute; opacity:0; pointer-events:none; }
.CharacterCreateChoices label span,.CharacterVocationGrid label span { display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:35px; padding:6px 9px; border:1px solid #a17c48; background:linear-gradient(#f0dfbd,#ceb181); color:#50301a; font:bold 9px/13px Verdana,sans-serif; text-align:center; box-shadow:inset 0 0 0 1px rgba(255,248,220,.5); }
.CharacterCreateChoices input:checked+span,.CharacterVocationGrid input:checked+span { border-color:#8e2d19; background:linear-gradient(#87301c,#4a160e); color:#ffe7bc; text-shadow:0 1px 2px #000; box-shadow:inset 0 0 0 1px #210805,0 0 6px rgba(139,39,20,.35); }
.CharacterVocationGrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.CharacterCreateRules { margin:7px 2px 12px; color:#6e5035; font:8px/13px Verdana,sans-serif; text-align:center; }
.CharacterCreateRules a { color:#8d2917!important; font-weight:bold; }
.CharacterCreateActions { display:flex; justify-content:flex-end; gap:9px; }
.CharacterCreateBack,.CharacterCreateSubmit { display:flex; align-items:center; justify-content:center; box-sizing:border-box; height:38px; padding:0 22px; border:1px solid #7f5f31; color:#f8e5be!important; font:bold 9px/1 Verdana,sans-serif; text-decoration:none!important; text-shadow:0 1px 2px #000; cursor:pointer; box-shadow:inset 0 0 0 1px #190704,0 2px 5px rgba(0,0,0,.45); }
.CharacterCreateBack { background:linear-gradient(#66502c,#332612); }
.CharacterCreateSubmit { border-color:#a94b28; background:linear-gradient(#91331d,#48140c 55%,#6c2113); }
.CharacterCreateBack:hover,.CharacterCreateSubmit:hover { filter:brightness(1.18); }

/* Baiakeros client download page */
.BaiakerosDownloadPage { padding:0!important; overflow:hidden; border:1px solid #78301d; background:linear-gradient(#ead8b6,#d7bd91)!important; }
.BaiakerosDownloadHero { display:flex; align-items:center; gap:17px; padding:22px; background:linear-gradient(90deg,rgba(10,4,3,.97),rgba(52,14,8,.88)),url(images/themeboxes/download/baiakeros-inferno-dragon-v8.jpg) right center/58% auto no-repeat; color:#ead7b3; box-shadow:inset 0 0 0 2px #170604,inset 0 0 28px #000; }
.BaiakerosDownloadPage .BaiakerosDownloadEmblem { flex:0 0 auto; width:110px; height:110px; margin:0; filter:drop-shadow(0 4px 6px #000); }
.BaiakerosDownloadIntro>span { color:#e0a04e; font:bold 8px/1 Verdana,sans-serif; letter-spacing:1.7px; }
.BaiakerosDownloadIntro h2 { margin:7px 0 5px; color:#ffe9bf; font:bold 22px/26px Georgia,serif; text-shadow:0 2px 3px #000; }
.BaiakerosDownloadIntro p { margin:0; color:#cbb99a; font:10px/15px Verdana,sans-serif; }
.BaiakerosDownloadCard { display:grid; grid-template-columns:52px minmax(0,1fr) 165px; align-items:center; gap:12px; margin:16px; padding:13px; border:1px solid #957040; background:#ead9b8; box-shadow:inset 0 0 0 2px rgba(255,247,220,.55),0 3px 8px rgba(63,35,15,.25); }
.BaiakerosDownloadFileIcon { display:flex; align-items:center; justify-content:center; width:50px; height:50px; border:1px solid #8c321d; background:linear-gradient(#7f2c19,#3d120c); color:#ffd899; font:bold 10px/1 Verdana,sans-serif; box-shadow:inset 0 0 0 1px #190604; }
.BaiakerosDownloadFileInfo strong,.BaiakerosDownloadFileInfo span { display:block; }
.BaiakerosDownloadFileInfo strong { color:#4a2815; font:bold 12px/17px Georgia,serif; }
.BaiakerosDownloadFileInfo span { color:#806041; font:8px/14px Verdana,sans-serif; }
.BaiakerosDownloadPage .BaiakerosDownloadPageButton { display:flex; align-items:center; justify-content:center; gap:7px; width:auto; height:42px; margin:0; border:1px solid #b2512b; background:linear-gradient(#97351e,#48140c 55%,#6c2113); color:#ffedc9!important; font:bold 9px/1 Verdana,sans-serif; text-decoration:none!important; text-shadow:0 1px 2px #000; box-shadow:inset 0 0 0 1px #1b0704,0 2px 6px rgba(0,0,0,.48); }
.BaiakerosDownloadPage .BaiakerosDownloadPageButton:hover { filter:brightness(1.2); transform:translateY(-1px); }
.BaiakerosDownloadArrow { color:#ffd484; font:bold 20px/1 Georgia,serif!important; }
.BaiakerosInstallSteps { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:0 16px 13px; }
.BaiakerosInstallSteps>div { display:flex; align-items:center; gap:9px; min-height:53px; padding:8px; border:1px solid #ad8953; background:rgba(242,225,192,.65); }
.BaiakerosInstallSteps b { display:flex; align-items:center; justify-content:center; flex:0 0 28px; height:28px; border-radius:50%; background:#652014; color:#f7ce85; }
.BaiakerosInstallSteps strong,.BaiakerosInstallSteps small { display:block; }
.BaiakerosInstallSteps strong { color:#532b16; font:bold 9px/13px Verdana,sans-serif; }
.BaiakerosInstallSteps small { color:#7b5d40; font:8px/12px Verdana,sans-serif; }
.BaiakerosDownloadNotice { margin:0 16px 16px; padding:9px 12px; border-left:3px solid #9d3b20; background:rgba(115,51,25,.09); color:#6e4b30; font:8px/13px Verdana,sans-serif; }
@media(max-width:760px){.CharacterCreateIdentityGrid{grid-template-columns:1fr}.CharacterVocationGrid{grid-template-columns:repeat(2,1fr)}.BaiakerosDownloadCard{grid-template-columns:52px 1fr}.BaiakerosDownloadPage .BaiakerosDownloadPageButton{grid-column:1/-1}.BaiakerosInstallSteps{grid-template-columns:1fr}.BaiakerosDownloadHero{align-items:flex-start}.BaiakerosDownloadPage .BaiakerosDownloadEmblem{width:78px;height:78px}}

/* Professional refinement: restrained Tibia-style account and download screens. */
.CharacterCreatePage {
  --cc-ink:#3b2718;
  --cc-line:#927044;
  --cc-paper:#e2cda6;
  font-family:Verdana,Arial,sans-serif;
}
.CharacterCreateHero {
  min-height:0;
  padding:15px 18px 14px;
  border-color:#6f3c21;
  border-bottom:3px solid #8e4b26;
  background:linear-gradient(90deg,#160b07 0%,#271109 70%,#3b160b 100%);
  box-shadow:inset 0 0 0 1px #080302,0 2px 5px rgba(35,18,8,.28);
}
.CharacterCreateEyebrow { color:#b88a4f; font-size:7px; letter-spacing:1.4px; }
.CharacterCreateHero h2 { margin:4px 0 2px; font-size:19px; line-height:23px; font-weight:normal; letter-spacing:.15px; }
.CharacterCreateHero p { max-width:590px; color:#bca98b; font-size:9px; line-height:14px; }
.CharacterCreateStep { display:none; }
.CharacterCreateForm { margin-top:8px; padding:10px; border:1px solid #8d6b40; background:#d8c092; box-shadow:inset 0 0 0 3px #ead9b7; }
.CharacterCreateSection { margin:0; padding:13px 12px; border:0; border-bottom:1px solid #ae8c59; background:transparent; box-shadow:none; }
.CharacterCreateSection:last-of-type { border-bottom:0; }
.CharacterCreateSectionHead { gap:8px; margin:0 0 11px; padding:0 0 7px; border:0; border-bottom:1px solid rgba(119,78,37,.34); background:none; color:#572c17; }
.CharacterCreateSectionHead>span { width:auto; height:auto; border:0; border-radius:0; background:none; color:#9b4b25; font:bold 8px/1 Verdana,sans-serif; }
.CharacterCreateSectionHead>span::after { content:"."; }
.CharacterCreateSectionHead strong { color:#4a2817; font:bold 11px/14px Georgia,serif; letter-spacing:.2px; }
.CharacterCreateSectionHead small { color:#816445; font:7.5px/11px Verdana,sans-serif; }
.CharacterCreateIdentityGrid { grid-template-columns:minmax(0,1.55fr) minmax(180px,.75fr); gap:22px; }
.CharacterCreateField>span,.CharacterCreateChoices legend { margin-bottom:5px; color:#51301d; font-size:9px; }
.CharacterNameControl input { height:32px; border:1px solid #80613d; background:#f3e5c8; box-shadow:inset 0 1px 2px rgba(55,31,12,.18); }
.CharacterNameControl input:focus { border-color:#9d4524; outline:0; box-shadow:inset 0 1px 2px rgba(55,31,12,.18),0 0 0 1px rgba(157,69,36,.2); }
.CharacterSexChoices>div,.CharacterVocationGrid { gap:5px; }
.CharacterCreateChoices label span,.CharacterVocationGrid label span { min-height:31px; border-color:#a08050; background:#e9d5ae; color:#573820; font-size:8px; font-weight:normal; box-shadow:none; }
.CharacterCreateChoices label span:hover,.CharacterVocationGrid label span:hover { border-color:#86502d; background:#efdfbf; }
.CharacterCreateChoices input:checked+span,.CharacterVocationGrid input:checked+span { border-color:#6f2c19; background:#572014; color:#f0d6a8; box-shadow:inset 0 0 0 1px #2b0d08; }
.CharacterVocationGrid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.CharacterCreateRules { margin:10px 8px 9px; }
.CharacterCreateActions { padding:0 8px 5px; }
.CharacterCreateBack,.CharacterCreateSubmit { height:34px; min-width:118px; padding:0 18px; font-size:8px; box-shadow:inset 0 0 0 1px rgba(20,6,3,.8),0 1px 3px rgba(0,0,0,.35); }
.CharacterCreateBack { border-color:#735d37; background:#4a3b24; }
.CharacterCreateSubmit { min-width:168px; border-color:#88401f; background:#642313; }

.BaiakerosDownloadPage { border-color:#846137; background:#ddc69d!important; box-shadow:inset 0 0 0 3px #edddbd!important; }
.BaiakerosDownloadHero { gap:18px; padding:19px 22px; border-bottom:3px solid #86441f; background:linear-gradient(90deg,#150a06 0%,#261008 65%,#3a150a 100%); box-shadow:inset 0 0 0 1px #090302; }
.BaiakerosDownloadPage .BaiakerosDownloadEmblem { width:86px; height:86px; filter:drop-shadow(0 3px 4px #000); }
.BaiakerosDownloadIntro>span { color:#b98a4c; font-size:7px; letter-spacing:1.5px; }
.BaiakerosDownloadIntro h2 { margin:5px 0 3px; font-size:20px; line-height:24px; font-weight:normal; }
.BaiakerosDownloadIntro p { max-width:520px; color:#bca98b; font-size:9px; line-height:14px; }
.BaiakerosDownloadCard { grid-template-columns:44px minmax(0,1fr) 158px; gap:11px; margin:14px 16px 11px; padding:11px; border-color:#987544; background:#e7d3ad; box-shadow:inset 0 0 0 1px #f3e5c9; }
.BaiakerosDownloadFileIcon { width:42px; height:42px; border-color:#754124; background:#492015; color:#dcb778; font-size:8px; box-shadow:inset 0 0 0 1px #210b06; }
.BaiakerosDownloadFileInfo strong { color:#432817; font:normal 12px/16px Georgia,serif; }
.BaiakerosDownloadFileInfo span { color:#80664a; font-size:7.5px; }
.BaiakerosDownloadPage .BaiakerosDownloadPageButton { height:36px; border-color:#88401f; background:#642313; font-size:8px; box-shadow:inset 0 0 0 1px #230a05,0 1px 3px rgba(0,0,0,.38); }
.BaiakerosDownloadArrow { color:#dcb778; font-size:17px!important; }
.BaiakerosInstallSteps { gap:0; margin:0 16px 11px; border:1px solid #a17e4e; background:#dbc398; }
.BaiakerosInstallSteps>div { min-height:45px; padding:7px 10px; border:0; border-right:1px solid #ad8d5f; background:transparent; }
.BaiakerosInstallSteps>div:last-child { border-right:0; }
.BaiakerosInstallSteps b { flex-basis:20px; height:20px; border:1px solid #8b4a27; border-radius:0; background:transparent; color:#7d361d; font-size:8px; }
.BaiakerosInstallSteps strong { color:#4d301d; font-size:8px; }
.BaiakerosInstallSteps small { color:#80664a; font-size:7px; }
.BaiakerosDownloadNotice { margin:0 16px 14px; padding:7px 10px; border-left:2px solid #88401f; background:rgba(91,53,26,.06); font-size:7.5px; }
@media(max-width:760px){.CharacterVocationGrid{grid-template-columns:repeat(2,1fr)}.CharacterCreateIdentityGrid{grid-template-columns:1fr}.BaiakerosDownloadHero{align-items:center}.BaiakerosDownloadPage .BaiakerosDownloadEmblem{width:68px;height:68px}}

/* Minimal character creation: familiar structure, clearer typography. */
.CharacterCreateMinimal { font-family:Verdana,Arial,sans-serif; color:#3d291a; }
.CharacterCreateMinimal .CharacterCreateIntro { padding:13px 15px; border:1px solid #967247; border-bottom:0; background:#dfc89f; box-shadow:inset 0 0 0 2px #ecdbb9; }
.CharacterCreateMinimal .CharacterCreateIntro h2 { margin:0 0 4px; color:#4c2918; font:bold 17px/21px Georgia,"Times New Roman",serif; }
.CharacterCreateMinimal .CharacterCreateIntro p { margin:0; color:#694c34; font:11px/16px Verdana,Arial,sans-serif; }
.CharacterCreateMinimal .CharacterCreateForm { margin:0; padding:0 14px 12px; border:1px solid #967247; border-top:1px solid #b49363; background:#dfc89f; box-shadow:inset 0 0 0 2px #ecdbb9; }
.CharacterCreateMinimal .CharacterSimpleRow { padding:14px 3px; border-bottom:1px solid #b39160; }
.CharacterCreateMinimal .CharacterIdentityRow { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(210px,.65fr); gap:22px; }
.CharacterCreateMinimal .CharacterCreateField>strong,.CharacterCreateMinimal .CharacterCreateChoices legend,.CharacterCreateMinimal .CharacterSimpleLabel strong { display:block; margin:0 0 7px; color:#4d2d1b; font:bold 12px/16px Verdana,Arial,sans-serif; }
.CharacterCreateMinimal .CharacterSimpleLabel { display:flex; align-items:baseline; gap:9px; margin-bottom:8px; }
.CharacterCreateMinimal .CharacterSimpleLabel strong { margin:0; }
.CharacterCreateMinimal .CharacterSimpleLabel small { color:#745a40; font:10px/14px Verdana,Arial,sans-serif; }
.CharacterCreateMinimal .CharacterNameControl input { height:34px; font:12px/32px Verdana,Arial,sans-serif; }
.CharacterCreateMinimal .CharacterCreateField small { margin-top:6px; color:#71563b; font:10px/14px Verdana,Arial,sans-serif; }
.CharacterCreateMinimal .CharacterSexChoices>div { grid-template-columns:repeat(2,1fr); gap:6px; }
.CharacterCreateMinimal .CharacterCreateChoices label span,.CharacterCreateMinimal .CharacterVocationGrid label span { min-height:34px; padding:7px 8px; font:11px/16px Verdana,Arial,sans-serif; }
.CharacterCreateMinimal .CharacterVocationGrid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
.CharacterCreateMinimal .CharacterCreateFooter { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 3px 1px; }
.CharacterCreateMinimal .CharacterCreateFooter p { margin:0; color:#6c5036; font:10px/15px Verdana,Arial,sans-serif; }
.CharacterCreateMinimal .CharacterCreateFooter p a { color:#872b18!important; font-weight:bold; }
.CharacterCreateMinimal .CharacterCreateActions { flex:0 0 auto; padding:0; }
.CharacterCreateMinimal .CharacterCreateBack,.CharacterCreateMinimal .CharacterCreateSubmit { min-width:112px; height:36px; padding:0 17px; font:bold 10px/1 Verdana,Arial,sans-serif; text-transform:none; }
.CharacterCreateMinimal .CharacterCreateSubmit { min-width:155px; }
@media(max-width:760px){.CharacterCreateMinimal .CharacterIdentityRow{grid-template-columns:1fr}.CharacterCreateMinimal .CharacterVocationGrid{grid-template-columns:repeat(2,1fr)}.CharacterCreateMinimal .CharacterCreateFooter{display:block}.CharacterCreateMinimal .CharacterCreateActions{margin-top:10px}}

/* Fixed full-page artwork: foreground scrolls, background stays in place. */
html {
  min-height: 100%;
  background: #070302;
}
body {
  min-height: 100vh;
  background-color: #070302;
  background-image: url(images/header/baiakeros-inferno-background-v8.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 1920px auto;
}
#ArtworkHelper {
  min-height: 100vh;
  background-image: none !important;
  background-color: transparent;
}
#Bodycontainer {
  min-height: 100vh;
}
@media (max-width: 760px) {
  body {
    background-attachment: fixed;
    background-position: top center;
    background-size: auto 100vh;
  }
}

/* Minimal download page v2 */
.BaiakerosDownloadMinimal {
  padding:0!important;
  overflow:hidden;
  border:1px solid #927044;
  background:#dfc89f!important;
  color:#422b1b;
  font-family:Verdana,Arial,sans-serif;
  box-shadow:inset 0 0 0 3px #edddbd!important;
}
.DownloadMinimalMain {
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  align-items:center;
  min-height:260px;
  padding:26px 34px;
}
.DownloadMinimalEmblem {
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.DownloadMinimalEmblem img {
  display:block;
  width:112px;
  height:112px;
  margin:0;
  filter:drop-shadow(0 4px 5px rgba(52,27,12,.35));
}
.DownloadMinimalContent {
  padding-left:25px;
  border-left:1px solid #b08e5e;
}
.DownloadMinimalEyebrow {
  display:block;
  margin-bottom:6px;
  color:#8a321b;
  font:bold 9px/12px Verdana,Arial,sans-serif;
  letter-spacing:1.4px;
}
.DownloadMinimalContent h2 {
  margin:0 0 7px;
  color:#452617;
  font:normal 25px/30px Georgia,"Times New Roman",serif;
}
.DownloadMinimalContent>p {
  max-width:470px;
  margin:0 0 18px;
  color:#654a34;
  font:12px/18px Verdana,Arial,sans-serif;
}
.DownloadMinimalFile {
  margin-bottom:14px;
}
.DownloadMinimalFile strong,
.DownloadMinimalFile span {
  display:block;
}
.DownloadMinimalFile strong {
  color:#4a2d1b;
  font:bold 11px/16px Verdana,Arial,sans-serif;
}
.DownloadMinimalFile span {
  color:#806347;
  font:10px/15px Verdana,Arial,sans-serif;
}
.DownloadMinimalButton {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:205px;
  height:43px;
  padding:0 23px;
  border:1px solid #8b3d21;
  background:#672514;
  color:#f6dfb4!important;
  font:bold 11px/1 Verdana,Arial,sans-serif;
  text-decoration:none!important;
  text-shadow:0 1px 2px #220906;
  box-shadow:inset 0 0 0 1px #2b0c06,0 2px 4px rgba(49,23,10,.32);
}
.DownloadMinimalButton>span {
  margin-right:8px;
  color:#e3b66d;
  font:bold 20px/1 Georgia,serif;
}
.DownloadMinimalButton:hover,
.DownloadMinimalButton:focus {
  border-color:#b85b31;
  background:#7c2c18;
  color:#fff0cf!important;
}
.DownloadMinimalHelp {
  margin:0 3px 3px;
  padding:13px 22px 14px;
  border-top:1px solid #a98555;
  background:#d4b98b;
}
.DownloadMinimalHelp strong {
  display:block;
  margin-bottom:3px;
  color:#512d1a;
  font:bold 11px/15px Verdana,Arial,sans-serif;
}
.DownloadMinimalHelp p {
  margin:0;
  color:#6c5036;
  font:10px/16px Verdana,Arial,sans-serif;
}
.BaiakerosDownloadMinimal .BaiakerosDownloadUnavailable {
  margin:12px 0 0;
  padding:11px 13px;
  font-size:11px;
}
@media(max-width:760px){
  .DownloadMinimalMain{grid-template-columns:1fr;padding:22px}
  .DownloadMinimalEmblem{justify-content:center;margin-bottom:18px}
  .DownloadMinimalContent{padding:0;border-left:0;text-align:center}
  .DownloadMinimalContent>p{margin-left:auto;margin-right:auto}
}

/* Baiakeros download showcase: native inferno identity. */
.BaiakerosDownloadShowcase {
  padding:0!important;
  overflow:hidden;
  border:1px solid #6d2a1a;
  background:#120806!important;
  color:#e7d3ad;
  font-family:Verdana,Arial,sans-serif;
  box-shadow:inset 0 0 0 2px #050201,0 3px 10px rgba(0,0,0,.42)!important;
}
.DownloadShowcaseHero {
  position:relative;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  min-height:330px;
  padding:39px 37px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(8,3,2,.98) 0%,rgba(20,7,4,.94) 43%,rgba(28,8,4,.48) 70%,rgba(8,3,2,.2) 100%),
    url(images/themeboxes/download/baiakeros-inferno-dragon-v8.jpg) right center/cover no-repeat;
}
.DownloadShowcaseHero::before {
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(203,101,45,.32);
  box-shadow:inset 0 0 65px rgba(0,0,0,.82);
  pointer-events:none;
}
.DownloadShowcaseHero::after {
  content:"";
  position:absolute;
  left:37px;
  bottom:24px;
  width:260px;
  height:1px;
  background:linear-gradient(90deg,#9d4727,rgba(157,71,39,0));
  pointer-events:none;
}
.DownloadShowcaseContent {
  position:relative;
  z-index:2;
  width:58%;
  text-align:left;
}
.DownloadShowcaseKicker {
  display:block;
  margin-bottom:8px;
  color:#cf8b4b;
  font:bold 9px/13px Verdana,Arial,sans-serif;
  letter-spacing:1.7px;
}
.DownloadShowcaseContent h2 {
  margin:0 0 9px;
  color:#f6dfb3;
  font:normal 29px/34px Georgia,"Times New Roman",serif;
  letter-spacing:.2px;
  text-shadow:0 2px 3px #000;
}
.DownloadShowcaseContent>p {
  max-width:390px;
  margin:0 0 22px;
  color:#c5b08e;
  font:11px/17px Verdana,Arial,sans-serif;
}
.DownloadShowcaseButton {
  display:inline-flex;
  align-items:center;
  box-sizing:border-box;
  min-width:252px;
  height:54px;
  padding:0 20px;
  border:1px solid #b15a31;
  background:linear-gradient(#89341d,#53180e 58%,#6e2314);
  color:#ffedc7!important;
  text-decoration:none!important;
  text-shadow:0 1px 2px #1c0603;
  box-shadow:inset 0 0 0 1px #240905,inset 0 1px rgba(255,222,161,.18),0 4px 12px rgba(0,0,0,.55);
  transition:border-color .16s ease,filter .16s ease,transform .16s ease;
}
.DownloadShowcaseButton:hover,
.DownloadShowcaseButton:focus {
  border-color:#e09253;
  color:#fff5db!important;
  filter:brightness(1.12);
  transform:translateY(-1px);
}
.DownloadShowcaseButtonIcon {
  margin-right:12px;
  color:#efbd69;
  font:bold 25px/1 Georgia,serif;
}
.DownloadShowcaseButton strong,
.DownloadShowcaseButton small {
  display:block;
  text-align:left;
}
.DownloadShowcaseButton strong { font:bold 12px/17px Verdana,Arial,sans-serif; }
.DownloadShowcaseButton small { color:#d2b890; font:8px/12px Verdana,Arial,sans-serif; }
.DownloadShowcaseFile {
  margin-top:8px;
  color:#8f7862;
  font:8px/12px Verdana,Arial,sans-serif;
}
.DownloadShowcaseBrand {
  position:absolute;
  z-index:1;
  top:13px;
  right:17px;
  width:210px;
  height:125px;
  object-fit:contain;
  opacity:.76;
  filter:drop-shadow(0 5px 6px #000);
}
.DownloadShowcaseFooter {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:62px;
  padding:12px 21px;
  border-top:1px solid #71301d;
  background:linear-gradient(90deg,#1a0b07,#2b1009 58%,#160806);
  text-align:left;
}
.DownloadShowcaseFooter strong,
.DownloadShowcaseFooter span,
.DownloadShowcaseFooter small { display:block; }
.DownloadShowcaseFooter strong { margin-bottom:3px;color:#e0bb7b;font:bold 10px/14px Verdana,Arial,sans-serif; }
.DownloadShowcaseFooter>div>span { color:#aa9478;font:9px/14px Verdana,Arial,sans-serif; }
.DownloadShowcasePlatform { flex:0 0 auto;padding-left:18px;border-left:1px solid #65311f;text-align:right; }
.DownloadShowcasePlatform span { color:#d49a56!important;font:bold 9px/13px Verdana,Arial,sans-serif!important;letter-spacing:1px; }
.DownloadShowcasePlatform small { color:#88715c;font:8px/12px Verdana,Arial,sans-serif; }

/* Continue the fixed inferno artwork naturally through the viewport. */
html { background:#170b07; }
body {
  background-color:#170b07;
  background-image:
    linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 58%,rgba(46,18,9,.16) 72%,rgba(35,14,8,.72) 100%),
    url(images/header/baiakeros-inferno-background-v8.jpg);
  background-position:top center,top center;
  background-repeat:no-repeat,no-repeat;
  background-attachment:fixed,fixed;
  background-size:100% 100vh,1920px auto;
}
#ArtworkHelper { background:transparent!important; }
@media(max-width:760px){
  .DownloadShowcaseHero{min-height:330px;padding:30px 24px;background-position:center,right center}
  .DownloadShowcaseContent{width:76%}
  .DownloadShowcaseBrand{width:155px;height:92px;right:5px;opacity:.48}
  .DownloadShowcaseFooter{display:block}
  .DownloadShowcasePlatform{margin-top:10px;padding:8px 0 0;border-top:1px solid #65311f;border-left:0;text-align:left}
  body{background-size:100% 100vh,auto 100vh}
}

/* Full fixed artwork: no solid or gradient strip at the bottom. */
html,
body {
  min-height:100%;
  background-color:#090403;
}
body {
  background-image:url(images/header/baiakeros-inferno-background-v8.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  /* Keep the illustrated portion present through the entire viewport. */
  background-size:auto 380vh;
}
#ArtworkHelper {
  min-height:100vh;
  background:none!important;
}
@media(max-width:760px){
  body {
    background-position:top center;
    background-size:auto 380vh;
  }
}

/* Independent fixed background layer: preserved after account layout rollback. */
html {
  position:relative;
  min-height:100%;
  background:#090403;
}
html::before {
  content:"";
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:#090403 url(images/header/baiakeros-inferno-background-v8.jpg) top center/auto 380vh no-repeat;
}
body {
  position:relative;
  z-index:1;
  min-height:100vh;
  background:none!important;
}
#ArtworkHelper {
  min-height:100vh;
  background:none!important;
}
@media(max-width:760px){
  html::before { background-size:auto 380vh; }
}

/* Baiakeros Downloads 2026 — launcher landing page. */
.BaiakerosDownloads {
  --downloads-ink:#160906;
  --downloads-panel:#20100a;
  --downloads-gold:#e8b96f;
  --downloads-copper:#b9572e;
  --downloads-cream:#f7e4bd;
  overflow:hidden;
  border:1px solid #71331f;
  background:#120805;
  color:#d8c3a0;
  font-family:Verdana,Arial,sans-serif;
  box-shadow:0 8px 24px rgba(0,0,0,.42),inset 0 0 0 1px rgba(244,183,102,.12);
}
.DownloadsHero {
  position:relative;
  min-height:350px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(9,3,2,.99) 0%,rgba(19,7,4,.96) 42%,rgba(31,9,4,.48) 70%,rgba(8,3,2,.18) 100%),
    url(images/themeboxes/download/baiakeros-inferno-dragon-v8.jpg) 72% center/cover no-repeat;
}
.DownloadsHero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,169,77,.04),transparent 42%,rgba(3,1,0,.68));
  box-shadow:inset 0 0 80px rgba(0,0,0,.82);
  pointer-events:none;
}
.DownloadsHero::after {
  content:"";
  position:absolute;
  z-index:2;
  left:34px;
  right:34px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#a84b28 22%,#e6a65a 48%,#a84b28 74%,transparent);
  opacity:.72;
}
.DownloadsHeroGlow {
  position:absolute;
  z-index:0;
  width:260px;
  height:260px;
  right:6%;
  bottom:-52%;
  border-radius:50%;
  background:rgba(205,69,20,.18);
  filter:blur(44px);
}
.DownloadsHeroContent {
  position:relative;
  z-index:3;
  box-sizing:border-box;
  width:62%;
  padding:42px 0 34px 37px;
  text-align:left;
}
.DownloadsEyebrow {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:11px;
  color:#d39550;
  font:bold 8px/12px Verdana,Arial,sans-serif;
  letter-spacing:2.2px;
}
.DownloadsEyebrow span {
  width:20px;
  height:1px;
  background:#d9803d;
  box-shadow:0 0 6px rgba(217,128,61,.7);
}
.DownloadsHeroContent h2 {
  margin:0 0 12px;
  color:var(--downloads-cream);
  font:normal 31px/35px Georgia,"Times New Roman",serif;
  letter-spacing:-.4px;
  text-shadow:0 3px 5px #000;
}
.DownloadsHeroContent h2 em {
  color:#e3a75e;
  font-style:normal;
}
.DownloadsHeroContent>p {
  max-width:390px;
  margin:0 0 22px;
  color:#c2ad8d;
  font:10px/16px Verdana,Arial,sans-serif;
}
.DownloadsBrand {
  position:absolute;
  z-index:2;
  top:13px;
  right:13px;
  width:200px;
  height:116px;
  object-fit:contain;
  opacity:.76;
  filter:drop-shadow(0 5px 7px #000);
}
.DownloadsPrimaryButton {
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:290px;
  min-height:58px;
  padding:8px 12px;
  border:1px solid #c36b37;
  border-radius:2px;
  background:linear-gradient(180deg,#a74624 0%,#70230f 52%,#501609 100%);
  color:#fff0ce!important;
  text-decoration:none!important;
  text-shadow:0 1px 2px #250601;
  box-shadow:inset 0 0 0 1px rgba(255,211,137,.18),inset 0 1px rgba(255,255,255,.12),0 6px 18px rgba(0,0,0,.52);
  transition:transform .16s ease,filter .16s ease,border-color .16s ease;
}
.DownloadsPrimaryButton:hover,
.DownloadsPrimaryButton:focus {
  border-color:#efad69;
  color:#fff8e8!important;
  filter:brightness(1.13);
  transform:translateY(-2px);
}
.DownloadsPrimaryIcon {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 37px;
  width:37px;
  height:37px;
  margin-right:11px;
  border:1px solid rgba(255,214,145,.4);
  border-radius:50%;
  color:#ffd48d;
  font:bold 20px/1 Georgia,serif;
}
.DownloadsPrimaryCopy {
  min-width:0;
  flex:1 1 auto;
}
.DownloadsPrimaryCopy strong,
.DownloadsPrimaryCopy small { display:block; text-align:left; }
.DownloadsPrimaryCopy strong { font:bold 11px/17px Verdana,Arial,sans-serif; }
.DownloadsPrimaryCopy small { overflow:hidden;color:#dfbd91;font:7.5px/12px Verdana,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap; }
.DownloadsPrimaryArrow { padding:0 4px;color:#efbd72;font:normal 26px/1 Georgia,serif; }
.DownloadsAvailability {
  display:flex;
  align-items:center;
  gap:6px;
  margin:9px 0 0 13px;
  color:#947d65;
  font:7.5px/11px Verdana,Arial,sans-serif;
}
.DownloadsAvailability span {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#73aa62;
  box-shadow:0 0 6px rgba(115,170,98,.8);
}
.DownloadsUnavailable {
  box-sizing:border-box;
  width:330px;
  padding:13px 15px;
  border:1px solid #78402a;
  background:rgba(42,15,8,.82);
}
.DownloadsUnavailable strong,.DownloadsUnavailable span { display:block; }
.DownloadsUnavailable strong { margin-bottom:4px;color:#e2b778;font:bold 10px/15px Verdana,Arial,sans-serif; }
.DownloadsUnavailable span { color:#aa9172;font:8px/13px Verdana,Arial,sans-serif; }
.DownloadsTrustBar {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:linear-gradient(90deg,#190a06,#271008 50%,#190a06);
  border-bottom:1px solid #5e2b1c;
}
.DownloadsTrustBar>div {
  position:relative;
  min-height:58px;
  padding:12px 9px 10px 50px;
  border-right:1px solid rgba(129,61,35,.52);
  text-align:left;
}
.DownloadsTrustBar>div:last-child { border-right:0; }
.DownloadsTrustIcon {
  position:absolute;
  left:16px;
  top:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  border:1px solid #744027;
  border-radius:50%;
  color:#e2a459;
  font:bold 12px/1 Georgia,serif;
}
.DownloadsTrustBar strong,.DownloadsTrustBar small { display:block; }
.DownloadsTrustBar strong { color:#e5c99e;font:bold 8.5px/14px Verdana,Arial,sans-serif; }
.DownloadsTrustBar small { color:#8e7963;font:7px/11px Verdana,Arial,sans-serif; }
.DownloadsBody {
  padding:25px 25px 22px;
  background:
    linear-gradient(rgba(229,207,169,.96),rgba(216,187,143,.96)),
    url(images/content/scroll.gif);
  color:#51341f;
}
.DownloadsSectionHeading { text-align:center; }
.DownloadsSectionHeading>span { color:#9f4d28;font:bold 7px/11px Verdana,Arial,sans-serif;letter-spacing:1.8px; }
.DownloadsSectionHeading h3 { margin:4px 0 4px;color:#3d2415;font:normal 21px/27px Georgia,"Times New Roman",serif; }
.DownloadsSectionHeading p { margin:0;color:#80664c;font:8.5px/14px Verdana,Arial,sans-serif; }
.DownloadsSteps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:20px 0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
.DownloadsSteps li {
  position:relative;
  min-height:94px;
  padding:15px 12px 12px;
  border:1px solid #a98455;
  background:rgba(247,232,202,.62);
  text-align:left;
  box-shadow:inset 0 0 0 1px rgba(255,251,233,.68),0 2px 5px rgba(76,42,18,.12);
}
.DownloadsSteps li b {
  display:block;
  margin-bottom:8px;
  color:#ad5c32;
  font:normal 17px/18px Georgia,"Times New Roman",serif;
}
.DownloadsSteps li strong,.DownloadsSteps li span { display:block; }
.DownloadsSteps li strong { margin-bottom:4px;color:#442918;font:bold 9px/14px Verdana,Arial,sans-serif; }
.DownloadsSteps li span { color:#755a40;font:7.5px/12px Verdana,Arial,sans-serif; }
.DownloadsRequirements {
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 16px;
  border:1px solid #7d4529;
  background:linear-gradient(100deg,#32150c,#1c0b07);
  color:#dec49c;
  box-shadow:inset 0 0 0 1px rgba(226,156,84,.12);
}
.DownloadsRequirementsTitle {
  display:flex;
  align-items:center;
  flex:1 1 42%;
  gap:10px;
  text-align:left;
}
.DownloadsRequirementsTitle>span { color:#dc9450;font-size:24px; }
.DownloadsRequirementsTitle strong,.DownloadsRequirementsTitle small { display:block; }
.DownloadsRequirementsTitle strong { color:#e8cda2;font:bold 9px/14px Verdana,Arial,sans-serif; }
.DownloadsRequirementsTitle small { color:#8f7862;font:7px/11px Verdana,Arial,sans-serif; }
.DownloadsRequirementGrid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  flex:1 1 58%;
  gap:0;
}
.DownloadsRequirementGrid>div { padding:2px 10px;border-left:1px solid #60301e;text-align:left; }
.DownloadsRequirementGrid small,.DownloadsRequirementGrid strong { display:block; }
.DownloadsRequirementGrid small { margin-bottom:3px;color:#a77449;font:bold 6px/10px Verdana,Arial,sans-serif;letter-spacing:.6px; }
.DownloadsRequirementGrid strong { color:#c9b08d;font:normal 7.5px/12px Verdana,Arial,sans-serif; }
.DownloadsHelp { margin:13px 4px 0!important;color:#765c43!important;font:7.5px/12px Verdana,Arial,sans-serif!important;text-align:center; }
.DownloadsHelp strong { color:#5a3620; }
@media(max-width:760px) {
  .DownloadsHero { min-height:380px;background-position:64% center; }
  .DownloadsHeroContent { width:78%;padding:38px 0 32px 22px; }
  .DownloadsHeroContent h2 { font-size:26px;line-height:31px; }
  .DownloadsBrand { width:145px;height:86px;right:0;opacity:.48; }
  .DownloadsPrimaryButton { width:270px;max-width:100%; }
  .DownloadsTrustBar { grid-template-columns:1fr; }
  .DownloadsTrustBar>div { min-height:45px;padding:9px 10px 8px 45px;border-right:0;border-bottom:1px solid rgba(129,61,35,.42); }
  .DownloadsTrustIcon { top:9px;left:13px; }
  .DownloadsSteps { grid-template-columns:1fr; }
  .DownloadsSteps li { min-height:64px;padding-left:52px; }
  .DownloadsSteps li b { position:absolute;left:14px;top:18px; }
  .DownloadsRequirements { display:block; }
  .DownloadsRequirementGrid { margin-top:12px; }
  .DownloadsRequirementGrid>div:first-child { border-left:0; }
}

/* Baiakeros Downloads — minimal launcher page. */
.DownloadMinimal2026 {
  overflow:hidden;
  border:1px solid #6f3521;
  background:#e3cfaa;
  color:#4b301e;
  font-family:Verdana,Arial,sans-serif;
  box-shadow:0 5px 16px rgba(26,10,4,.32),inset 0 0 0 1px rgba(255,241,207,.65);
}
.DownloadMinimalHero {
  position:relative;
  box-sizing:border-box;
  min-height:310px;
  padding:28px 34px 27px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(10,4,2,.74),rgba(12,4,2,.93)),
    url(images/themeboxes/download/baiakeros-inferno-dragon-v8.jpg) center 44%/cover no-repeat;
  text-align:center;
}
.DownloadMinimalHero::after {
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#bd6938 30%,#e5ab63 50%,#bd6938 70%,transparent);
}
.DownloadMinimalLogo {
  display:block;
  width:176px;
  height:96px;
  margin:0 auto 5px;
  object-fit:contain;
  filter:drop-shadow(0 5px 7px #000);
}
.DownloadMinimalEyebrow {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-bottom:7px;
  color:#c18a53;
  font:bold 7px/11px Verdana,Arial,sans-serif;
  letter-spacing:1.65px;
}
.DownloadMinimalEyebrow span {
  width:23px;
  height:1px;
  background:#98512e;
}
.DownloadMinimalHero h2 {
  margin:0 0 6px;
  color:#f4dfb9;
  font:normal 27px/32px Georgia,"Times New Roman",serif;
  text-shadow:0 2px 4px #000;
}
.DownloadMinimalHero>p {
  max-width:400px;
  margin:0 auto 18px;
  color:#bca88b;
  font:9px/15px Verdana,Arial,sans-serif;
}
.DownloadMinimalButton {
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:260px;
  min-height:50px;
  margin:0 auto;
  padding:7px 15px;
  border:1px solid #c6733e;
  border-radius:2px;
  background:linear-gradient(#98401f,#67200e);
  color:#fff0d0!important;
  text-decoration:none!important;
  text-shadow:0 1px 2px #240701;
  box-shadow:inset 0 0 0 1px rgba(255,218,151,.16),0 4px 12px rgba(0,0,0,.46);
  transition:transform .15s ease,filter .15s ease,border-color .15s ease;
}
.DownloadMinimalButton:hover,
.DownloadMinimalButton:focus {
  border-color:#edaa69;
  color:#fff8e8!important;
  filter:brightness(1.12);
  transform:translateY(-1px);
}
.DownloadMinimalButtonIcon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  margin-right:11px;
  border:1px solid rgba(255,220,155,.38);
  border-radius:50%;
  color:#f1c27a;
  font:bold 17px/1 Georgia,serif;
}
.DownloadMinimalButton>span:last-child { min-width:0;text-align:left; }
.DownloadMinimalButton strong,.DownloadMinimalButton small { display:block; }
.DownloadMinimalButton strong { font:bold 10px/15px Verdana,Arial,sans-serif; }
.DownloadMinimalButton small { color:#d6b78e;font:7px/11px Verdana,Arial,sans-serif; }
.DownloadMinimalFilename { margin-top:7px;color:#7f6b59;font:7px/11px Verdana,Arial,sans-serif; }
.DownloadMinimalUnavailable {
  width:300px;
  margin:0 auto;
  padding:11px;
  border:1px solid #75402a;
  background:rgba(39,14,8,.8);
}
.DownloadMinimalUnavailable strong,.DownloadMinimalUnavailable span { display:block; }
.DownloadMinimalUnavailable strong { color:#dfb67c;font:bold 9px/14px Verdana,Arial,sans-serif; }
.DownloadMinimalUnavailable span { color:#99836d;font:7px/12px Verdana,Arial,sans-serif; }
.DownloadMinimalContent { padding:18px 22px 16px; }
.DownloadMinimalSecurity {
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border:1px solid #a58459;
  background:rgba(247,231,198,.62);
  box-shadow:inset 0 0 0 1px rgba(255,249,228,.7);
  text-align:left;
}
.DownloadMinimalShield {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 31px;
  width:31px;
  height:31px;
  border:1px solid #8d5b37;
  border-radius:50%;
  background:#3c2115;
  color:#d9a35f;
  font:bold 13px/1 Georgia,serif;
}
.DownloadMinimalSecurityCopy { flex:1 1 auto; }
.DownloadMinimalSecurityCopy strong,.DownloadMinimalSecurityCopy span { display:block; }
.DownloadMinimalSecurityCopy strong { margin-bottom:2px;color:#432817;font:bold 8.5px/13px Verdana,Arial,sans-serif; }
.DownloadMinimalSecurityCopy span { color:#796047;font:7px/11px Verdana,Arial,sans-serif; }
.DownloadMinimalSecurity>a {
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid #8f4d2d;
  color:#7d321d!important;
  font:bold 7px/11px Verdana,Arial,sans-serif;
  text-decoration:none!important;
}
.DownloadMinimalSecurity>a:hover { background:#8f4d2d;color:#fff0cf!important; }
.DownloadMinimalScanPending {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
  color:#8a7157;
  font:7px/11px Verdana,Arial,sans-serif;
}
.DownloadMinimalScanPending span {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#c08a49;
}
.DownloadMinimalSteps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:17px 0 14px;
}
.DownloadMinimalSteps>div {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:34px;
  border-right:1px solid #b18d60;
}
.DownloadMinimalSteps>div:last-child { border-right:0; }
.DownloadMinimalSteps b {
  color:#a04b27;
  font:normal 18px/22px Georgia,"Times New Roman",serif;
}
.DownloadMinimalSteps span { color:#73583e;font:7.5px/12px Verdana,Arial,sans-serif; }
.DownloadMinimalSteps strong { color:#442817; }
.DownloadMinimalNote {
  margin:0!important;
  color:#8a6d4f!important;
  font:7px/11px Verdana,Arial,sans-serif!important;
  text-align:center;
}
@media(max-width:760px) {
  .DownloadMinimalHero { min-height:320px;padding:25px 18px; }
  .DownloadMinimalLogo { width:150px;height:82px; }
  .DownloadMinimalContent { padding:14px; }
  .DownloadMinimalSecurity { align-items:flex-start;flex-wrap:wrap; }
  .DownloadMinimalSecurity>a,.DownloadMinimalScanPending { margin-left:42px; }
  .DownloadMinimalSteps { grid-template-columns:1fr;margin:13px 0; }
  .DownloadMinimalSteps>div { justify-content:flex-start;padding:6px 18%;border-right:0;border-bottom:1px solid #b18d60; }
  .DownloadMinimalSteps>div:last-child { border-bottom:0; }
}

/* Compact sidebar account login. */
#Loginbox.BaiakerosAccountPanel.AccountPanelGuest {
  height:226px;
  padding:40px 12px 10px;
}
#Loginbox.BaiakerosAccountPanel.AccountPanelLogged {
  height:145px;
  padding:42px 12px 10px;
}
.AccountPanelLogged .AccountAction {
  height:30px;
  margin-top:6px;
  font-size:9px;
  line-height:28px;
}
.AccountQuickLogin { margin:0;padding:0; }
.AccountQuickField {
  display:block;
  margin:0 0 6px;
  color:#bda788;
  font:7px/10px Verdana,Arial,sans-serif;
  text-align:left;
}
.AccountQuickField>span {
  display:block;
  margin:0 0 2px 1px;
}
.AccountQuickField input {
  display:block;
  box-sizing:border-box;
  width:154px;
  height:26px;
  margin:0;
  padding:5px 7px;
  border:1px solid #68402c;
  border-radius:1px;
  outline:0;
  background:rgba(12,7,5,.9);
  color:#ead8b9;
  font:8px/14px Verdana,Arial,sans-serif;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.8),0 0 0 1px rgba(199,124,70,.05);
}
.AccountQuickField input::placeholder { color:#776759;opacity:1; }
.AccountQuickField input:focus {
  border-color:#b7683b;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.8),0 0 5px rgba(180,82,38,.35);
}
.AccountQuickRemember {
  display:flex;
  align-items:center;
  gap:4px;
  height:15px;
  margin:-1px 0 4px;
  color:#8f7a65;
  font:6.5px/11px Verdana,Arial,sans-serif;
  cursor:pointer;
}
.AccountQuickRemember input { width:11px;height:11px;margin:0;accent-color:#8c3b22; }
.AccountQuickSubmit {
  box-sizing:border-box;
  width:154px;
  height:28px;
  margin:0;
  padding:0;
  border:1px solid #974426;
  background:linear-gradient(#87311c,#4a150c);
  color:#f7e3bd;
  font:bold 8.5px/26px Verdana,Arial,sans-serif;
  letter-spacing:.5px;
  text-align:center;
  text-shadow:0 1px 2px #000;
  box-shadow:inset 0 0 0 1px #1b0704,0 2px 4px rgba(0,0,0,.65);
  cursor:pointer;
}
.AccountQuickSubmit:hover,
.AccountQuickSubmit:focus { border-color:#d58b50;filter:brightness(1.16); }
.AccountQuickLinks {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  height:20px;
  color:#684b39;
  font:6.5px/12px Verdana,Arial,sans-serif;
}
.AccountQuickLinks a { color:#ad9475!important;text-decoration:none!important; }
.AccountQuickLinks a:hover { color:#efd39f!important;text-decoration:underline!important; }

/* Account box refinement: classic buttons and light fields. */
#Loginbox.BaiakerosAccountPanel.AccountPanelGuest {
  height:240px;
}
.AccountQuickField input {
  border-color:#8c6a50;
  background:#f5f0e8;
  color:#17120f;
  font-size:8px;
  box-shadow:inset 0 1px 3px rgba(54,37,25,.2),0 0 0 1px rgba(255,255,255,.12);
}
.AccountQuickField input::placeholder { color:#766b62;opacity:1; }
.AccountQuickField input:focus {
  border-color:#c2703f;
  background:#fffdf8;
  color:#000;
  box-shadow:inset 0 1px 2px rgba(54,37,25,.14),0 0 5px rgba(190,91,42,.42);
}
.AccountQuickSubmit,
.AccountQuickCreate {
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:154px;
  height:31px;
  margin:0;
  padding:0;
  border:1px solid #a24b29;
  background:linear-gradient(#96371f,#50160d 55%,#6d2114);
  color:#f9e8c4!important;
  font:bold 9px/29px Verdana,Arial,sans-serif;
  letter-spacing:.35px;
  text-align:center;
  text-decoration:none!important;
  text-shadow:0 1px 2px #000;
  box-shadow:inset 0 0 0 1px #190704,inset 0 1px rgba(255,214,150,.2),0 2px 5px rgba(0,0,0,.76);
  cursor:pointer;
  transition:filter .15s ease,transform .15s ease,border-color .15s ease;
}
.AccountQuickCreate {
  height:29px;
  margin-top:6px;
  border-color:#856633;
  background:linear-gradient(#6a542e,#352713 55%,#4d391d);
  font-size:8px;
  line-height:27px;
}
.AccountQuickSubmit:hover,
.AccountQuickSubmit:focus,
.AccountQuickCreate:hover,
.AccountQuickCreate:focus {
  border-color:#dda05d;
  color:#fff4d8!important;
  filter:brightness(1.18);
  transform:translateY(-1px);
}
.AccountQuickLost {
  display:block;
  height:17px;
  color:#a89174!important;
  font:6.5px/17px Verdana,Arial,sans-serif;
  text-align:center;
  text-decoration:none!important;
}
.AccountQuickLost:hover { color:#efd39f!important;text-decoration:underline!important; }

/* Inline authentication feedback. */
#Loginbox.BaiakerosAccountPanel.AccountPanelGuest.AccountPanelHasError {
  height:276px;
}
.AccountQuickFeedback {
  box-sizing:border-box;
  width:154px;
  margin:5px 0 0;
  padding:5px 6px;
  border-left:2px solid #c85834;
  background:rgba(105,27,14,.32);
  color:#f0b29a;
  font:6.5px/10px Verdana,Arial,sans-serif;
  text-align:left;
}
.AccountQuickFeedback[hidden] { display:none; }
.AccountQuickSubmit:disabled {
  cursor:wait;
  filter:saturate(.55) brightness(.8);
}

/* Larger account panel and lower header logo. */
#LeftArtwork {
  top:-130px;
  left:-25px;
  width:230px;
  height:137px;
}
#LeftArtwork #TibiaLogoArtworkTop {
  width:230px;
  height:137px;
}
#Loginbox.BaiakerosAccountPanel {
  width:190px;
  margin-left:-5px;
}
#Loginbox.BaiakerosAccountPanel::before {
  width:164px;
}
.AccountPanelTitle {
  width:164px;
  font-size:15px;
}
#Loginbox.BaiakerosAccountPanel.AccountPanelGuest {
  height:258px;
  padding-top:42px;
}
#Loginbox.BaiakerosAccountPanel.AccountPanelGuest.AccountPanelHasError {
  height:296px;
}
.AccountQuickField {
  margin-bottom:7px;
  font-size:8px;
  line-height:11px;
}
.AccountQuickField input {
  width:166px;
  height:30px;
  padding:6px 8px;
  font-size:9px;
  line-height:16px;
}
.AccountQuickRemember {
  height:17px;
  margin:0 0 5px;
  font-size:7px;
}
.AccountQuickRemember input {
  width:12px;
  height:12px;
}
.AccountQuickSubmit,
.AccountQuickCreate {
  width:166px;
  height:33px;
  font-size:10px;
  line-height:31px;
}
.AccountQuickCreate {
  height:31px;
  margin-top:7px;
  font-size:9px;
  line-height:29px;
}
.AccountQuickLost {
  height:19px;
  font-size:7px;
  line-height:19px;
}
.AccountQuickFeedback {
  width:166px;
  margin:0 0 6px;
  padding:6px 7px;
  font-size:7.5px;
  line-height:11px;
}
@media(max-width:760px) {
  #MenuColumn { width:190px; }
  #LeftArtwork { left:-20px; }
}
/* Header and sidebar alignment refinement. */
#LeftArtwork {
  top:-146px;
  left:calc(50vw - 120px);
  width:240px;
  height:145px;
  z-index:20;
}
#LeftArtwork #TibiaLogoArtworkTop {
  width:240px;
  height:145px;
  object-fit:contain;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.7));
}
#Loginbox.BaiakerosAccountPanel .AccountAction {
  margin-right:auto;
  margin-left:auto;
}
#Themeboxes #BoostedBox .BoostedDivider {
  display:none;
}
@media(max-width:760px) {
  #LeftArtwork {
    left:calc(50vw - 95px);
    width:190px;
    height:125px;
  }
  #LeftArtwork #TibiaLogoArtworkTop {
    width:190px;
    height:125px;
  }
}
/* Keep the header crest over the left account column. */
#LeftArtwork {
  top:-130px;
  left:-25px;
}
@media(max-width:760px) {
  #LeftArtwork {
    left:-20px;
  }
}
/* Center logo and BaiakEros shortcuts above the news ticker. */ #LeftArtwork{display:none!important}.BaiakerosTopBrand{position:relative;z-index:4;height:105px;margin:-112px 5px 2px;text-align:center;pointer-events:none}.BaiakerosTopBrand a{display:inline-block;height:112px;pointer-events:auto}.BaiakerosTopBrand img{width:190px;height:112px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.9));transition:.18s}.BaiakerosTopBrand a:hover img{filter:drop-shadow(0 5px 8px #000) drop-shadow(0 0 7px rgba(198,80,39,.55));transform:translateY(-2px)}.BaiakerosQuickBar{position:relative;z-index:3;box-sizing:border-box;min-height:48px;margin:0 5px 20px;padding:6px 38px;border:2px solid #6e2b18;outline:1px solid #21100b;background:linear-gradient(90deg,rgba(81,24,13,.94),rgba(22,12,10,.97) 18%,rgba(48,14,10,.98) 50%,rgba(22,12,10,.97) 82%,rgba(81,24,13,.94));box-shadow:inset 0 0 0 1px #c0713e,inset 0 0 14px rgba(0,0,0,.9),0 4px 10px rgba(0,0,0,.72);font:600 12px/32px Inter,Verdana,Arial,sans-serif}.BaiakerosQuickBar:before,.BaiakerosQuickBar:after{content:"";position:absolute;top:5px;bottom:5px;width:24px;border-top:1px solid #d28a4e;border-bottom:1px solid #7b351e;opacity:.85}.BaiakerosQuickBar:before{left:7px;transform:skewX(-28deg)}.BaiakerosQuickBar:after{right:7px;transform:skewX(28deg)}.BaiakerosQuickBarLinks{display:flex;align-items:center;justify-content:center;min-height:32px}.BaiakerosQuickBarItem{display:flex;align-items:center;gap:7px;box-sizing:border-box;height:32px;padding:0 17px;color:#f2dec1!important;text-decoration:none!important;text-shadow:0 1px 2px #000;white-space:nowrap;transition:.15s}.BaiakerosQuickBarIcon{color:#d88449;font:bold 20px/18px Arial,sans-serif;text-shadow:0 1px 2px #000}.BaiakerosQuickBarItem:hover{color:#fff3d7!important;background:rgba(167,69,34,.2);transform:translateY(-1px)}.BaiakerosQuickBarDivider{width:1px;height:20px;background:linear-gradient(transparent,#8d4b30,transparent)}.BaiakerosQuickBarOnline{color:#8fe29f!important}.BaiakerosQuickBarOnline .BaiakerosQuickBarIcon{color:#42cf72}.BaiakerosQuickBarOnline.IsOffline{color:#e28f82!important}@media(max-width:900px){.BaiakerosQuickBar{padding-left:28px;padding-right:28px}.BaiakerosQuickBarItem{padding-left:10px;padding-right:10px;font-size:11px}}
/* Compact left download shortcut: action button only. */
#Loginbox.BaiakerosAccountPanel.AccountPanelGuest{height:236px;padding-bottom:8px}
#Loginbox.BaiakerosAccountPanel.AccountPanelGuest.AccountPanelHasError{height:274px}
#LeftDownloadShortcut{height:42px;margin:8px 0 12px}
#LeftDownloadShortcut #DownloadBox.BaiakerosDownloadBox{top:0;height:42px;margin:0;border:0;background:none!important;box-shadow:none;overflow:visible}
#LeftDownloadShortcut #DownloadBox.BaiakerosDownloadBox:before,#LeftDownloadShortcut #DownloadBoxCopy,#LeftDownloadShortcut #DownloadBox .Bottom{display:none!important}
#LeftDownloadShortcut #DownloadBox .DownloadAction{position:relative;inset:auto;display:flex;width:166px;height:38px;margin:0 auto;border-color:#b4532d}

/* Enhanced Discord banner after removing the Newcomer box. */
#Themeboxes #NetworksBox{height:215px;margin-top:0;border:1px solid #71301e;background:linear-gradient(rgba(35,10,8,.15),rgba(8,3,3,.8)),url(images/themeboxes/networks/baiakeros-nightfall-discordbox-v7.png) center top/180px 204px no-repeat!important;box-shadow:inset 0 0 0 1px #1b0805,0 4px 12px rgba(0,0,0,.82)}
#Themeboxes #NetworksBox #DiscordBlock{top:34px;left:8px;width:162px;height:162px;padding-top:7px;border-color:#8b4228;background:linear-gradient(rgba(28,9,7,.88),rgba(7,3,3,.97))!important;box-shadow:inset 0 0 20px #000,0 0 8px rgba(167,54,27,.3)}
#Themeboxes #NetworksBox #DiscordLogo{width:62px;height:62px;margin:0 auto;filter:drop-shadow(0 0 7px rgba(210,91,53,.85)) brightness(1.16)}
#Themeboxes #NetworksBox #DiscordCopy{margin-top:2px;line-height:13px}
#Themeboxes #NetworksBox #DiscordCopy strong{color:#f1c178;font-size:13px;text-shadow:0 1px 2px #000,0 0 6px #7f2717}
#Themeboxes #NetworksBox #DiscordCopy span{color:#d9c19c;font-size:9px}
#Themeboxes #NetworksBox #DiscordButton{position:absolute;top:119px;left:9px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:142px;height:34px;border:1px solid #df7842;background:linear-gradient(#aa4727,#661e12 52%,#8b301c);color:#fff1cf!important;font:bold 9px/32px Verdana,Arial,sans-serif;letter-spacing:.35px;text-decoration:none!important;text-shadow:0 1px 2px #000;box-shadow:inset 0 0 0 1px #2a0a06,inset 0 1px rgba(255,223,167,.32),0 0 9px rgba(213,77,37,.55),0 3px 7px #000;transition:.16s}
#Themeboxes #NetworksBox #DiscordButton:hover,#Themeboxes #NetworksBox #DiscordButton:focus{border-color:#ffc078;background:linear-gradient(#d26938,#812717 52%,#ad4226);color:#fff9e8!important;box-shadow:inset 0 0 0 1px #2a0a06,0 0 14px rgba(255,127,61,.85),0 3px 8px #000;transform:translateY(-1px)}
#Themeboxes #NetworksBox>.Bottom{display:none}

/* Discord uses the same visual system as the Boosted card. */
#Themeboxes #NetworksBox{box-sizing:border-box;height:205px;margin-top:0;margin-bottom:10px;overflow:hidden;border:1px solid #6f2b1c;background:linear-gradient(135deg,transparent 6px,rgba(125,45,27,.42) 0) top left,linear-gradient(225deg,transparent 6px,rgba(125,45,27,.42) 0) top right,linear-gradient(315deg,transparent 6px,rgba(125,45,27,.42) 0) bottom right,linear-gradient(45deg,transparent 6px,rgba(125,45,27,.42) 0) bottom left,linear-gradient(#170b08,#050302 58%,#120705)!important;background-size:52% 52%,52% 52%,52% 52%,52% 52%,100% 100%!important;background-repeat:no-repeat!important;box-shadow:inset 0 0 0 1px #020100,inset 0 0 16px rgba(178,51,24,.2),0 2px 5px rgba(0,0,0,.82)}
#Themeboxes #NetworksBox:before{content:"";position:absolute;z-index:2;top:29px;left:7px;right:7px;height:1px;background:linear-gradient(90deg,transparent,#9d5c2f 16%,#e0aa59 50%,#9d5c2f 84%,transparent);box-shadow:0 1px #1d0805}
#Themeboxes #NetworksBox .DiscordHeader{position:relative;z-index:3;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;height:30px;color:#edc77f;font-family:"Palatino Linotype",Georgia,serif;font-size:15px;font-variant:small-caps;letter-spacing:1.1px;text-shadow:0 1px 2px #000,0 0 6px rgba(187,48,23,.55)}
#Themeboxes #NetworksBox .DiscordHeaderGem{width:6px;height:6px;transform:rotate(45deg);border:1px solid #d28a3d;background:#8d1e16;box-shadow:inset 0 0 2px #ff7a46,0 0 4px rgba(199,45,23,.7)}
#Themeboxes #NetworksBox #DiscordBlock{position:absolute;z-index:3;top:36px;left:8px;box-sizing:border-box;width:162px;height:157px;padding-top:6px;border:1px solid #643020;background:radial-gradient(circle at 50% 35%,rgba(107,48,92,.42),rgba(73,25,36,.2) 42%,rgba(5,3,2,.96) 78%),linear-gradient(135deg,#24100a,#090403)!important;box-shadow:inset 0 0 0 1px #160806,inset 0 -12px 15px rgba(0,0,0,.68),0 0 6px rgba(0,0,0,.65)}
#Themeboxes #NetworksBox #DiscordLogo{width:60px;height:60px;margin:0 auto;filter:drop-shadow(0 0 6px rgba(169,72,171,.82)) brightness(1.12)}
#Themeboxes #NetworksBox #DiscordCopy{margin-top:0;line-height:12px}
#Themeboxes #NetworksBox #DiscordCopy strong{color:#f0dfbd;font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:normal;text-shadow:0 1px 2px #000}
#Themeboxes #NetworksBox #DiscordCopy span{color:#d8c49b;font:8px/11px Verdana,Arial,sans-serif}
#Themeboxes #NetworksBox #DiscordButton{top:116px;left:10px;width:140px;height:32px;font-size:9px;line-height:30px}

/* Minimal editorial news presentation for BaiakEros. */
.BaiakerosTopBrand{height:112px;margin-top:-118px}.BaiakerosTopBrand a{height:120px}.BaiakerosTopBrand img{width:330px;height:120px}
.Content #News .BoxContent{padding:18px 20px 22px;background-color:#eadabd!important;background-image:linear-gradient(rgba(249,239,216,.92),rgba(224,205,170,.95))!important}
.Content #News .NewsHeadline{margin:0 0 20px}
.Content #News .NewsHeadlineBackground{display:grid;grid-template-columns:10px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;box-sizing:border-box;height:auto;min-height:58px;margin:0;padding:10px 13px;border:0;border-left:3px solid #91361f;background:linear-gradient(90deg,#1a0a07,#321008 55%,#160806);box-shadow:0 3px 8px rgba(53,22,11,.32)}
.Content #News .NewsHeadlineMarker{grid-row:1/3;width:7px;height:7px;transform:rotate(45deg);border:1px solid #d58a46;background:#8c2016;box-shadow:0 0 5px rgba(215,76,39,.65)}
.Content #News .NewsHeadlineText{position:static;grid-column:2;grid-row:1;color:#f0d7aa;font:600 18px/24px Cinzel,Georgia,serif;letter-spacing:.25px}
.Content #News .NewsHeadlineDate{position:static;grid-column:2;grid-row:2;width:auto;color:#a99073;font:10px/15px Inter,Verdana,sans-serif}
.Content #News .NewsHeadlineAuthor{position:static;grid-column:3;grid-row:1/3;color:#a99073;font:9px/15px Inter,Verdana,sans-serif}.Content #News .NewsHeadlineAuthor b{font-weight:400}.Content #News .NewsHeadlineAuthor i{color:#d1b98f;font-style:normal}
.NewsArticleBody{color:#493522;font:12px/1.65 Inter,Verdana,Arial,sans-serif}
.BaiakerosWelcome{max-width:720px;margin:0 auto}.WelcomeLead{max-width:650px;margin:0 auto 24px;color:#4c321f;font:16px/1.65 Georgia,"Times New Roman",serif;text-align:center}.WelcomeLead strong{color:#8b321d}
.WelcomePillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.WelcomePillars section{position:relative;min-height:126px;padding:16px 14px;border-top:2px solid #8d3a23;background:rgba(255,248,229,.46);box-shadow:inset 0 0 0 1px rgba(132,93,52,.2)}.WelcomePillars section>span{color:#a96a45;font:600 9px/12px Inter,Verdana,sans-serif;letter-spacing:1px}.WelcomePillars h3{margin:6px 0 7px;color:#572b1b;font:600 13px/18px Cinzel,Georgia,serif}.WelcomePillars p{margin:0;color:#71563d;font-size:10px;line-height:1.55}
.WelcomeSpecs{display:flex;justify-content:center;gap:0;margin:0 0 22px;border-top:1px solid #bea071;border-bottom:1px solid #bea071}.WelcomeSpecs span{flex:1;padding:10px 8px;color:#755a3e;font-size:9px;text-align:center}.WelcomeSpecs span+span{border-left:1px solid #cdb489}.WelcomeSpecs b{display:block;margin-bottom:2px;color:#8d321d;font:600 11px/14px Cinzel,Georgia,serif}
.BaiakerosWelcome footer{text-align:center;padding:20px 16px;background:linear-gradient(135deg,#1b0a07,#35120b 52%,#160705);box-shadow:inset 0 0 0 1px #6e2d1c}.BaiakerosWelcome footer>strong{color:#e9bf78;font:600 17px/22px Cinzel,Georgia,serif;letter-spacing:.7px}.BaiakerosWelcome footer p{margin:5px 0 14px;color:#b9a484;font-size:10px}.BaiakerosWelcome footer div{display:flex;justify-content:center;gap:8px}.BaiakerosWelcome footer a{min-width:116px;padding:8px 12px;border:1px solid #a54b2a;background:#652015;color:#f4ddb6!important;font:bold 9px/14px Inter,Verdana,sans-serif;text-decoration:none!important}.BaiakerosWelcome footer a:hover{border-color:#dd8c50;background:#85301d;color:#fff3d8!important}
.NewsComments{text-align:right;margin-top:14px}.NewsComments a{font-size:9px;text-decoration:none!important}
@media(max-width:760px){.BaiakerosTopBrand img{width:260px}.WelcomePillars{grid-template-columns:1fr}.WelcomeSpecs{flex-direction:column}.WelcomeSpecs span+span{border-left:0;border-top:1px solid #cdb489}}

/* Larger, clearer central BaiakEros wordmark. */
.BaiakerosTopBrand{height:145px;margin-top:-148px;margin-bottom:4px}
.BaiakerosTopBrand a{height:150px}
.BaiakerosTopBrand img{width:410px;height:150px;filter:brightness(1.18) contrast(1.08) drop-shadow(0 6px 9px rgba(0,0,0,.95)) drop-shadow(0 0 6px rgba(163,46,24,.38))}
.BaiakerosTopBrand a:hover img{filter:brightness(1.25) contrast(1.1) drop-shadow(0 6px 10px #000) drop-shadow(0 0 10px rgba(205,70,34,.6))}
@media(max-width:900px){.BaiakerosTopBrand img{width:350px;height:145px}}

/* Latest News: apresentação do mundo clássico Yourots do Baiakeros. */
.BaiakerosLegacy{max-width:760px;margin:0 auto;color:#493522}
.LegacyHero{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:330px;margin-bottom:25px;overflow:hidden;border:1px solid #522116;background:#0b0705 url("images/news/baiakeros-yourots-hero-v1.png") 62% center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(221,137,70,.24),0 8px 20px rgba(52,23,11,.32)}
.LegacyHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,4,3,.98) 0%,rgba(10,6,4,.91) 34%,rgba(10,5,3,.35) 66%,rgba(6,3,2,.16)),linear-gradient(0deg,rgba(5,2,1,.68),transparent 48%)}
.LegacyHeroContent{position:relative;z-index:1;box-sizing:border-box;width:55%;padding:35px 30px}
.LegacyEyebrow,.LegacyIntro>span,.LegacyHelper span{color:#d7854a;font:700 9px/13px Inter,Verdana,sans-serif;letter-spacing:1.8px}
.LegacyHero h2{margin:10px 0 12px;color:#f1d3a0;font:600 26px/1.15 Cinzel,Georgia,serif;text-shadow:0 2px 4px #000}
.LegacyHero p{margin:0;color:#c5ae8a;font-size:11px;line-height:1.65}
.LegacyHeroActions{display:flex;gap:8px;margin-top:20px}.LegacyHeroActions a{box-sizing:border-box;min-width:112px;padding:9px 12px;border:1px solid #a84b2a;background:linear-gradient(#792719,#4d140e);color:#f6ddb4!important;font:bold 9px/14px Inter,Verdana,sans-serif;text-align:center;text-decoration:none!important;box-shadow:inset 0 0 0 1px rgba(246,179,101,.13)}.LegacyHeroActions a:hover{border-color:#df8c50;background:linear-gradient(#97331f,#631a11);color:#fff5df!important}
.LegacyIntro{max-width:630px;margin:0 auto 24px;text-align:center}.LegacyIntro h3{margin:7px 0 8px;color:#602d1b;font:600 19px/1.35 Cinzel,Georgia,serif}.LegacyIntro p{margin:0;color:#6f543b;font-size:11px;line-height:1.7}
.LegacyFeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.LegacyFeatures section{box-sizing:border-box;min-height:150px;padding:16px 14px;border:1px solid rgba(116,73,37,.3);border-top:2px solid #8e3821;background:linear-gradient(145deg,rgba(255,249,232,.7),rgba(222,201,164,.42));box-shadow:inset 0 0 12px rgba(255,255,255,.25)}.LegacyFeatures b{color:#ad6b43;font:700 9px/12px Inter,Verdana,sans-serif;letter-spacing:1px}.LegacyFeatures h3{margin:7px 0;color:#5b2b1b;font:600 13px/18px Cinzel,Georgia,serif}.LegacyFeatures p{margin:0;color:#70553c;font-size:10px;line-height:1.55}
.LegacyHelper{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:24px;margin-bottom:15px;padding:18px 22px;border:1px solid #692719;background:radial-gradient(circle at 15% 50%,rgba(145,46,25,.36),transparent 30%),linear-gradient(120deg,#160805,#321009 52%,#120604);box-shadow:inset 0 0 0 1px rgba(223,120,64,.13)}.LegacyHelper h3{margin:4px 0 0;color:#edca8e;font:600 19px/24px Cinzel,Georgia,serif}.LegacyHelper p{margin:0;padding-left:22px;border-left:1px solid #6f321f;color:#baa586;font-size:10px;line-height:1.65}
.LegacyFooter{padding:22px 16px;text-align:center;border-top:1px solid #b48e62}.LegacyFooter>span{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:13px;color:#906342;font:700 8px/12px Inter,Verdana,sans-serif;letter-spacing:1.2px}.LegacyFooter i{width:4px;height:4px;transform:rotate(45deg);background:#9b3520}.LegacyFooter strong{display:block;color:#632c1a;font:600 17px/22px Cinzel,Georgia,serif}.LegacyFooter p{margin:5px 0 0;color:#765b40;font-size:10px}
@media(max-width:760px){.LegacyHero{min-height:360px;background-position:70% center}.LegacyHero:before{background:linear-gradient(90deg,rgba(7,4,3,.98),rgba(8,4,3,.82) 65%,rgba(6,3,2,.44))}.LegacyHeroContent{width:72%;padding:26px 20px}.LegacyHero h2{font-size:21px}.LegacyFeatures{grid-template-columns:repeat(2,1fr)}.LegacyHelper{grid-template-columns:1fr;gap:10px}.LegacyHelper p{padding:10px 0 0;border-top:1px solid #6f321f;border-left:0}}
@media(max-width:480px){.LegacyHero{min-height:390px;background-position:73% center}.LegacyHeroContent{width:88%;padding:24px 16px}.LegacyHeroActions{flex-direction:column;align-items:flex-start}.LegacyHeroActions a{width:128px}.LegacyFeatures{grid-template-columns:1fr}.LegacyFeatures section{min-height:0}.LegacyFooter>span{flex-wrap:wrap}}

/* Dark News: substitui o pergaminho claro pela superfície medieval aprovada. */
.Content #News .BoxContent{padding:18px 20px 22px;background-color:#100b08!important;background-image:radial-gradient(circle at 50% 0,rgba(113,47,25,.16),transparent 38%),linear-gradient(135deg,rgba(255,211,143,.025) 25%,transparent 25%,transparent 75%,rgba(255,211,143,.025) 75%),linear-gradient(#17110d,#0b0806 58%,#130c08)!important;background-size:auto,8px 8px,auto!important;box-shadow:inset 0 0 0 1px #392217,inset 0 0 35px rgba(0,0,0,.72)}
.Content #News .NewsHeadline{margin-bottom:14px}.Content #News .NewsHeadlineBackground{border:1px solid #5d321f;border-left:3px solid #a24326;background:linear-gradient(90deg,#170c08,#2b120b 55%,#110806);box-shadow:inset 0 0 0 1px rgba(224,150,83,.08),0 4px 10px #050302}
.NewsArticleBody{color:#c8b391}.BaiakerosLegacy{color:#c8b391}
.LegacyHero{margin-bottom:0;border-color:#6a3d24;box-shadow:inset 0 0 0 1px rgba(221,137,70,.2),0 7px 15px rgba(0,0,0,.76)}
.LegacyIntro{box-sizing:border-box;max-width:none;margin:0;padding:25px 32px 23px;border-right:1px solid #3f281a;border-left:1px solid #3f281a;background:radial-gradient(circle at 50% 0,rgba(119,51,27,.15),transparent 62%),linear-gradient(#17110d,#120d09)}
.LegacyIntro h3{color:#e5c58f;text-shadow:0 1px 2px #000}.LegacyIntro p{color:#b8a485}
.LegacyFeatures{gap:9px;margin:0;padding:0 0 15px;background:#100b08}.LegacyFeatures section{border:1px solid #684127;border-top:2px solid #a54a29;background:linear-gradient(145deg,rgba(43,28,19,.97),rgba(18,13,9,.98));box-shadow:inset 0 0 14px rgba(203,119,61,.045),0 2px 5px rgba(0,0,0,.5)}.LegacyFeatures section:hover{border-color:#8e5731;background:linear-gradient(145deg,#332117,#18100b)}.LegacyFeatures b{color:#ce7541}.LegacyFeatures h3{color:#e7c48a;text-shadow:0 1px 1px #000}.LegacyFeatures p{color:#b7a181}
.LegacyHelper{margin-bottom:0;border-color:#784029;background:radial-gradient(circle at 15% 50%,rgba(159,54,27,.38),transparent 31%),linear-gradient(120deg,#170a07,#321209 52%,#100604)}
.LegacyFooter{border:1px solid #3f281a;border-top:1px solid #795033;background:linear-gradient(#17110d,#0e0a07)}.LegacyFooter>span{color:#b77b50}.LegacyFooter strong{color:#e5c28a;text-shadow:0 1px 2px #000}.LegacyFooter p{color:#aa987c}

/* News Ticker escuro e estático, sem controle de expansão/comentário. */
.Content #newsticker .BoxContent,.Content #NewsTicker .BoxContent{padding:7px!important;background-color:#0d0907!important;background-image:linear-gradient(90deg,#160d09,#23120c 52%,#110a07)!important;box-shadow:inset 0 0 0 1px #402417,inset 0 0 12px #050302}
.Content #newsticker .Row,.Content #NewsTicker .Row{min-height:30px;border:1px solid #5a3521;background:linear-gradient(90deg,rgba(54,31,20,.96),rgba(25,16,11,.98))}
.Content #newsticker .Odd,.Content #newsticker .Even,.Content #NewsTicker .Odd,.Content #NewsTicker .Even{min-height:28px;background:transparent!important}
.Content #newsticker .NewsTickerText,.Content #NewsTicker .NewsTickerText{right:8px;color:#d8c4a2}.Content #newsticker .NewsTickerDate,.Content #NewsTicker .NewsTickerDate{color:#b68a61}.Content #newsticker .NewsTickerShortText,.Content #NewsTicker .NewsTickerShortText{color:#dbc7a5}
@media(max-width:760px){.Content #News .BoxContent{padding:12px}.LegacyIntro{padding:22px 18px}.LegacyFeatures{gap:7px}.LegacyFooter{padding-right:12px;padding-left:12px}}

/* Latest News compacta: ícones do próprio servidor e leitura direta. */
.BaiakerosLegacyCompact .LegacyHero{min-height:270px}.BaiakerosLegacyCompact .LegacyHeroContent{width:52%;padding:28px 25px}.BaiakerosLegacyCompact .LegacyHero h2{margin:8px 0 9px;font-size:23px}.BaiakerosLegacyCompact .LegacyHero p{max-width:280px}.BaiakerosLegacyCompact .LegacyHeroActions{margin-top:16px}
.BaiakerosLegacyCompact .LegacyIntro{padding:19px 24px 18px}.BaiakerosLegacyCompact .LegacyIntro h3{margin:5px 0 0;font-size:17px}
.BaiakerosLegacyCompact .LegacyFeatures{grid-template-columns:repeat(2,1fr);gap:7px;padding:0 0 12px}.BaiakerosLegacyCompact .LegacyFeatures section{display:flex;align-items:center;box-sizing:border-box;min-height:86px;padding:10px 12px;border-top-width:1px}.BaiakerosLegacyCompact .LegacyFeatures section>div{min-width:0}.BaiakerosLegacyCompact .LegacyFeatures h3{margin:0 0 4px;font-size:12px;line-height:16px}.BaiakerosLegacyCompact .LegacyFeatures p{font-size:9px;line-height:1.45}
.LegacyFeatureIcon{display:flex;flex:0 0 58px;align-items:center;justify-content:center;width:58px;height:58px;margin-right:11px;border-right:1px solid rgba(157,94,52,.32)}.LegacyFeatureIcon img{display:block;max-width:52px;max-height:52px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 3px #000)}.LegacyFeatureIcon img[src*="Category_Mounts"]{width:34px;height:34px;image-rendering:pixelated}.LegacyFeatureIcon img[src*="demon.gif"]{image-rendering:pixelated}
.BaiakerosLegacyCompact .LegacyHelper{grid-template-columns:58px 150px 1fr;gap:12px;padding:12px 16px}.BaiakerosLegacyCompact .LegacyHelper h3{font-size:16px;line-height:20px}.BaiakerosLegacyCompact .LegacyHelper p{padding-left:15px}.LegacyHelperIcon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-right:1px solid #6f321f}.LegacyHelperIcon img{max-width:45px;max-height:45px;filter:drop-shadow(0 2px 3px #000)}
.BaiakerosLegacyCompact .LegacyFooter{padding:14px}.BaiakerosLegacyCompact .LegacyFooter strong{display:flex;align-items:center;justify-content:center;gap:10px;color:#b88a60;font:700 8px/12px Inter,Verdana,sans-serif;letter-spacing:1.2px}.BaiakerosLegacyCompact .LegacyFooter strong i{display:block;width:4px;height:4px;transform:rotate(45deg);background:#a14226}
@media(max-width:760px){.BaiakerosLegacyCompact .LegacyHero{min-height:300px}.BaiakerosLegacyCompact .LegacyHeroContent{width:70%}.BaiakerosLegacyCompact .LegacyFeatures{grid-template-columns:1fr}.BaiakerosLegacyCompact .LegacyHelper{grid-template-columns:48px 1fr}.BaiakerosLegacyCompact .LegacyHelper p{grid-column:1/3;padding:9px 0 0;border-top:1px solid #6f321f;border-left:0}.LegacyHelperIcon{width:44px;height:44px}.LegacyHelperIcon img{max-width:38px;max-height:38px}}
@media(max-width:480px){.BaiakerosLegacyCompact .LegacyHeroContent{width:88%}.BaiakerosLegacyCompact .LegacyFeatures section{min-height:78px;padding:8px}.LegacyFeatureIcon{flex-basis:52px;width:52px;height:52px;margin-right:9px}.LegacyFeatureIcon img{max-width:46px;max-height:46px}.BaiakerosLegacyCompact .LegacyFooter strong{flex-wrap:wrap}}

/* News sem o contorno claro herdado do pergaminho original. */
.Content #newsticker .Border_3,.Content #News .Border_3{border-color:#2b1810}
.Content #newsticker .BoxContent,.Content #News .BoxContent{border:0}

/* Correção definitiva: sem moldura interna e ticker alinhado em uma linha. */
.Content #newsticker .Border_2,.Content #newsticker .Border_3,.Content #News .Border_2,.Content #News .Border_3{border:0;background:transparent}
.Content #newsticker .Row,.Content #NewsTicker .Row{min-height:28px;border:0;background:linear-gradient(90deg,rgba(45,25,16,.96),rgba(20,13,9,.98));box-shadow:none}
.Content #newsticker .Odd,.Content #newsticker .Even,.Content #NewsTicker .Odd,.Content #NewsTicker .Even{display:flex;align-items:center;box-sizing:border-box;min-height:28px;padding:4px 7px!important}
.Content #newsticker .NewsTickerIcon,.Content #NewsTicker .NewsTickerIcon{position:static;flex:0 0 16px;width:16px;height:16px;margin:0 7px 0 0;background-position:center;background-repeat:no-repeat}
.Content #newsticker .NewsTickerText,.Content #NewsTicker .NewsTickerText{position:static;display:flex;flex:1;align-items:center;min-width:0;margin:0;gap:8px;font-size:9pt;line-height:16px}
.Content #newsticker .NewsTickerDate,.Content #NewsTicker .NewsTickerDate{position:static;flex:0 0 auto;float:none;white-space:nowrap;font-size:7pt;line-height:16px}
.Content #newsticker .NewsTickerShortText,.Content #NewsTicker .NewsTickerShortText{min-width:0;height:auto;margin:0;overflow:hidden;line-height:16px;text-overflow:ellipsis;white-space:nowrap}

/* News Ticker expansível: ícone, conteúdo e botão +/- sem perder o alinhamento. */
.Content #newsticker .Row,.Content #NewsTicker .Row{cursor:pointer}
.Content #newsticker .Odd,.Content #newsticker .Even,.Content #NewsTicker .Odd,.Content #NewsTicker .Even{display:grid;grid-template-columns:16px minmax(0,1fr) 12px;column-gap:7px}
.Content #newsticker .NewsTickerIcon,.Content #NewsTicker .NewsTickerIcon{grid-column:1}
.Content #newsticker .NewsTickerText,.Content #NewsTicker .NewsTickerText{grid-column:2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
.Content #newsticker .NewsTickerDate,.Content #NewsTicker .NewsTickerDate{grid-column:1}
.Content #newsticker .NewsTickerShortText,.Content #NewsTicker .NewsTickerShortText,.Content #newsticker .NewsTickerFullText,.Content #NewsTicker .NewsTickerFullText{grid-column:2;min-width:0;margin:0;line-height:16px}
.Content #newsticker .NewsTickerFullText,.Content #NewsTicker .NewsTickerFullText{display:none;white-space:normal}
.Content #newsticker .NewsTickerExtend,.Content #NewsTicker .NewsTickerExtend{position:static;grid-column:3;grid-row:1;align-self:center;box-sizing:border-box;width:12px;height:12px;float:none;background-position:center;background-repeat:no-repeat;cursor:pointer}
.Icon{filter:drop-shadow(0 0 3px rgba(255,126,48,.42));background-position:center;background-repeat:no-repeat}

/* Superfície escura global: elimina o pergaminho claro das páginas internas. */
.Content .BoxContent{border-color:#3f281a;background-color:#100b08!important;background-image:radial-gradient(circle at 50% 0,rgba(111,46,24,.12),transparent 38%),linear-gradient(#17110d,#0b0806 62%,#120c08)!important;color:#c8b391;box-shadow:inset 0 0 0 1px rgba(185,105,56,.045),inset 0 0 30px rgba(0,0,0,.68)}
.Content .BoxContent td,.Content .BoxContent th,.Content .BoxContent label,.Content .BoxContent p{color:#c8b391}
.Content .BoxContent a{color:#d39a61}.Content .BoxContent a:hover{color:#f0c489}
.Content .Border_2{border-color:#3f2417;background:#080504}.Content .Border_3{border-color:#2d1a11}
.TableContainer{border-color:#5d3822;background:#080504}.TableContentContainer,.TableContainer .Table1,.TableContainer .Table2,.TableContainer .Table3,.TableContainer .Table4,.TableContainer .Table5{border-color:#53331f!important;background-color:#130d09!important}
.TableContainer .Odd,.Content .BoxContent .Odd,.myaac-table>tbody>tr:nth-child(odd){background-color:#211610!important;color:#c8b391}.TableContainer .Even,.Content .BoxContent .Even,.myaac-table>tbody>tr:nth-child(even){background-color:#17100c!important;color:#c8b391}
.Content .TableContent,.Content .TableContentContainer table,.Content .myaac-table{border-color:#5b3823!important;background-color:#130d09!important;color:#c8b391}.Content .TableContent td,.Content .TableContent th,.Content .myaac-table td,.Content .myaac-table th{border-color:#493020!important;color:#c8b391!important}.Content .LabelH,.Content .LabelH td,.Content .moduleRowOver{background-color:#2b190f!important;color:#e2c294!important}
.Content input[type="text"],.Content input[type="password"],.Content input[type="email"],.Content input[type="number"],.Content input[type="date"],.Content select,.Content textarea{border-color:#6a4329;background:#17100c;color:#ead4b2;box-shadow:inset 0 1px 5px #050302}.Content input::placeholder,.Content textarea::placeholder{color:#806e5a}.Content select option{background:#17100c;color:#ead4b2}.Content input:focus,.Content select:focus,.Content textarea:focus{outline-color:#aa6035;box-shadow:0 0 6px rgba(188,76,35,.45)}

/* Downloads acompanha a mesma superfície escura do restante do site. */
.DownloadMinimal2026{border-color:#5d321f;background:#100b08;color:#c8b391;box-shadow:0 5px 16px rgba(0,0,0,.7),inset 0 0 0 1px rgba(190,98,48,.08)}
.DownloadMinimalContent{background:radial-gradient(circle at 50% 0,rgba(111,46,24,.13),transparent 48%),linear-gradient(#17110d,#0c0806)}
.DownloadMinimalSecurity{border-color:#5e3a24;background:rgba(30,20,14,.94);box-shadow:inset 0 0 0 1px rgba(206,123,69,.07)}.DownloadMinimalSecurityCopy strong{color:#e4c28e}.DownloadMinimalSecurityCopy span{color:#aa9678}.DownloadMinimalSecurity>a{border-color:#8f4d2d;color:#d99a64!important}.DownloadMinimalScanPending{color:#9e896e}
.DownloadMinimalSteps>div{border-color:#52331f}.DownloadMinimalSteps b{color:#d16e3d}.DownloadMinimalSteps span{color:#ad987b}.DownloadMinimalSteps strong{color:#e2c292}.DownloadMinimalNote{color:#907e67!important}.DownloadMinimalFilename{color:#a58f73}
@media(max-width:760px){.DownloadMinimalSteps>div{border-color:#52331f}}

/* Superficies internas legadas: neutraliza bege definido diretamente pelas paginas. */
.Content .BoxContent table[bgcolor],.Content .BoxContent tbody[bgcolor],.Content .BoxContent tr[bgcolor],.Content .BoxContent tr[style*="background-color"],.Content .BoxContent td[bgcolor],.Content .BoxContent td[style*="background-color"]{background-color:#17100c!important;color:#c8b391!important}
.Content .BoxContent tr:nth-child(odd)[bgcolor],.Content .BoxContent tr:nth-child(odd)[style*="background-color"]{background-color:#211610!important}
.Content .BoxContent tr:nth-child(even)[bgcolor],.Content .BoxContent tr:nth-child(even)[style*="background-color"]{background-color:#17100c!important}
.Content .BoxContent tr.white[bgcolor],.Content .BoxContent tr.LabelH[bgcolor],.Content .BoxContent tr.LabelH[style*="background-color"]{background-color:#2b190f!important;color:#e5c596!important}
.Content .BoxContent tr.white[bgcolor] td,.Content .BoxContent tr.LabelH td,.Content .BoxContent tr.LabelH th{color:#e5c596!important}
.Content .TableContentAndRightShadow,.Content .TableShadowRightTop,.Content .TableBottomShadow,.Content .TableBottomLeftShadow,.Content .TableBottomRightShadow{background-image:none!important;background-color:transparent!important}

/* Account Management: abas, alertas e dados seguem a paleta escura do tema. */
#account-management{color:#c8b391}
#account-management .AccountSectionNav{border-color:#5b3823;background:#120c08;box-shadow:inset 0 0 0 1px rgba(190,105,54,.06)}
#account-management .AccountSectionNav a{border-color:#4a2d1c;color:#d8bd91!important}
#account-management .AccountSectionNav a:hover,#account-management .AccountSectionNav a:focus{background:#2d170f;color:#f0c58a!important}
#account-management .SmallBox .Message{border-color:#633a23;background:linear-gradient(90deg,#1d120d,#150d09);color:#c8b391;box-shadow:inset 0 0 16px rgba(0,0,0,.35)}
#account-management .SmallBox .Message td{background-color:transparent!important;color:#c8b391!important}
#account-management .SmallBox .LabelV{color:#d87543!important}
#account-management .TableContent .LabelV{color:#d8bd91!important}
#account-management .TableContent tr[style*="background-color"],#account-management .TableContent td[style*="background-color"]{background-color:#17100c!important}
#account-management .TableContent tr:nth-child(odd)[style*="background-color"]{background-color:#211610!important}
#account-management .TableContent td,#account-management .TableContent th{border-color:#493020!important;color:#c8b391!important}
#account-management .InnerTableButtonRow,#account-management .InnerTableButtonRow td{background-color:transparent!important}

/* Criar personagem: remove o pergaminho claro do componente minimalista. */
.CharacterCreateMinimal{color:#c8b391}
.CharacterCreateMinimal .CharacterCreateIntro{border-color:#633a23;border-bottom:0;background:radial-gradient(circle at 85% 0,rgba(126,48,24,.13),transparent 38%),linear-gradient(#21140e,#160e0a);box-shadow:inset 0 0 0 1px rgba(202,122,67,.08)}
.CharacterCreateMinimal .CharacterCreateIntro h2{color:#e8c895;text-shadow:0 1px 2px #000}
.CharacterCreateMinimal .CharacterCreateIntro p{color:#a99476}
.CharacterCreateMinimal .CharacterCreateForm{border-color:#633a23;border-top-color:#4a2d1c;background:linear-gradient(#18100c,#100b08);box-shadow:inset 0 0 0 1px rgba(202,122,67,.06)}
.CharacterCreateMinimal .CharacterSimpleRow{border-bottom-color:#51301e}
.CharacterCreateMinimal .CharacterCreateField>strong,.CharacterCreateMinimal .CharacterCreateChoices legend,.CharacterCreateMinimal .CharacterSimpleLabel strong{color:#ddbd8c}
.CharacterCreateMinimal .CharacterSimpleLabel small,.CharacterCreateMinimal .CharacterCreateField small{color:#99866c}
.CharacterCreateMinimal .CharacterNameControl input{border-color:#6a4329;background:#0e0907;color:#ead4b2}
.CharacterCreateMinimal .CharacterCreateChoices label span,.CharacterCreateMinimal .CharacterVocationGrid label span{border-color:#60402a;background:linear-gradient(#281a12,#1a110c);color:#cdb795;box-shadow:inset 0 0 0 1px rgba(223,147,83,.04)}
.CharacterCreateMinimal .CharacterCreateChoices label span:hover,.CharacterCreateMinimal .CharacterVocationGrid label span:hover{border-color:#9a5832;background:linear-gradient(#3a2116,#21130e);color:#efd3a4}
.CharacterCreateMinimal .CharacterCreateChoices input:checked+span,.CharacterCreateMinimal .CharacterVocationGrid input:checked+span{border-color:#b3542d;background:linear-gradient(#792b19,#42130d);color:#ffe2b0;box-shadow:inset 0 0 0 1px #210805,0 0 6px rgba(154,55,25,.3)}
.CharacterCreateMinimal .CharacterCreateFooter p{color:#968268}
.CharacterCreateMinimal .CharacterCreateFooter p a{color:#d36f3d!important}