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

.TableContainer {
  border: 1px solid #471D0D;
  position: relative;
  width: 100%;
  font-size: 13px;
}
.TableContainer .Odd {
  background-color: #35170B;
}
.TableContainer .Even {
  background-color: #471D0D;
}

/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
  position: relative;
  font-size: 1pt;
  background-color: #271106 !important;
  height: 100%;
  width: 100%;
  text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
	position: relative;
  background-color: #1B0C05;
  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 #271106;
  position: relative;
  margin-right: 4px;
  height: 100%;
  background-color: #271106;
  padding: 0px;
}
.TableContent {border: 1px solid #4b2614;
  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: #271106;
  border: 2px solid #271106;
}
.TableContainer .Table1 .InnerTableContainer {
  padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
  width: 100%;
  border: 2px solid #271106;
  background-color: #44251B;
  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 #210a02;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
  width: 100%;
  border: 2px solid #271106;
  background-color: #44251B;
}
.TableContainer .Table3 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
  border: 1px solid #210a02;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
  width: 100%;
  border: 2px solid #271106;
  background-color: #44251B;
}
.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 #271106;
  background-color: #44251B;
}
.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: 13px;
  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: 13px;
}
.TableShadowContainer {
  position: relative;
  widht: 100%;
  margin-right: 5px;
}
.TableBottomShadow {
  position: relative;
  font-size: 13px;
  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;
}
/* LABELS */
.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.LabelH {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #35170B;

}
.LabelH td {
  background-color: #35170B;
  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;
}

/* Modern theme overrides */
:root {
  --theme-bg: #080506;
  --theme-bg-soft: #141012;
  --theme-panel: rgba(21, 12, 14, 0.92);
  --theme-panel-strong: rgba(31, 14, 17, 0.96);
  --theme-border: #5d2328;
  --theme-border-bright: #a63a43;
  --theme-text: #e9ddcf;
  --theme-text-soft: #c5b29c;
  --theme-accent: #d84a4a;
  --theme-accent-strong: #ff6a57;
  --theme-gold: #f0c36d;
  --theme-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

html {
  background:
    radial-gradient(circle at top, rgba(147, 21, 31, 0.3), transparent 36%),
    linear-gradient(180deg, #120709 0%, #070405 44%, #040203 100%);
}

body.theme-evolera {
  background: transparent;
  color: var(--theme-text);
  font-family: "Inter", Arial, sans-serif;
}

body.theme-evolera a {
  color: var(--theme-gold);
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

body.theme-evolera a:hover {
  color: #fff0bf;
}

.countdown-wrapper {
  position: relative;
  z-index: 5;
  padding: 18px 20px 10px;
  background: linear-gradient(180deg, rgba(8, 5, 6, 0.97), rgba(17, 8, 10, 0.94));
  border-bottom: 1px solid rgba(216, 74, 74, 0.35);
  box-shadow: 0 14px 45px rgba(0, 0, 0, 0.38);
}

.countdown-shell {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.countdown-kicker {
  display: inline-block;
  margin-bottom: 6px;
  color: var(--theme-accent-strong);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.countdown-title {
  color: #fff5e4;
  font-family: "Cinzel", Georgia, serif;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
}

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

.countdown-boxes div {
  min-width: 78px;
  padding: 12px 16px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(44, 17, 20, 0.95), rgba(15, 8, 10, 0.95));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 24px rgba(0, 0, 0, 0.35);
}

.countdown-boxes span {
  display: block;
  color: #fff7ea;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.countdown-boxes small {
  display: block;
  margin-top: 6px;
  color: var(--theme-text-soft);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#Main {
  background-color: transparent !important;
  background-image: none !important;
}

#MainTop {
  position: relative;
  margin: 0 auto !important;
  height: 430px !important;
  background-position: center -155px !important;
  background-size: cover;
  overflow: hidden;
}

#MainTop::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 5, 6, 0.92) 0%, rgba(8, 5, 6, 0.72) 42%, rgba(8, 5, 6, 0.18) 100%),
    linear-gradient(180deg, rgba(137, 21, 29, 0.12), transparent 44%, rgba(0, 0, 0, 0.68) 100%);
}

.HeroPanel {
  position: relative;
  z-index: 2;
  width: 500px;
  margin-left: 58px;
  padding-top: 94px;
  color: #fff4e8;
}

.HeroEyebrow {
  margin-bottom: 12px;
  color: var(--theme-accent-strong);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.HeroPanel h1 {
  margin: 0 0 14px;
  font-family: "Cinzel", Georgia, serif;
  font-size: 54px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

.HeroPanel p {
  max-width: 460px;
  margin: 0 0 26px;
  color: #e4d6ca;
  font-size: 15px;
  line-height: 1.75;
}

.HeroActions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.HeroButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  padding: 13px 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(15, 10, 12, 0.68);
  color: #fff3d9 !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

.HeroButton:hover {
  border-color: rgba(240, 195, 109, 0.45);
  background: rgba(34, 14, 17, 0.9);
}

.HeroButtonPrimary {
  border-color: rgba(255, 128, 106, 0.45);
  background: linear-gradient(135deg, #8f1e28, #d34846);
}

#MainCenter {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 222px 1fr 222px;
  gap: 14px;
  width: 1057px !important;
  margin: -108px auto 0 !important;
}

#MainCenterLeft,
#MainCenterMiddle,
#MainCenterRight {
  float: none !important;
  margin: 0 !important;
}

#MainCenterLeft,
#MainCenterRight {
  width: 222px !important;
}

#MainCenterMiddle {
  width: auto !important;
}

#MainCenterMiddle .Top {
  display: none !important;
}

#MainCenterMiddle .Online {
  margin-top: 12px !important;
  margin-left: 102px !important;
}

#MainCenterMiddle .Offline {
  margin-top: 49px !important;
  margin-left: 165px !important;
}

#MainCenterMiddle .Status {
  margin-top: 13px !important;
  margin-left: 224px !important;
  filter: none !important;
}

#MainCenterMiddle .Players {
  margin-top: 52px !important;
  margin-left: 310px !important;
  color: #d2ff00 !important;
  text-shadow: none !important;
}

#MainCenterMiddle .Uptime {
  margin-top: 52px !important;
  margin-left: 440px !important;
  color: #d2ff00 !important;
  text-shadow: none !important;
}

#MainCenterMiddle .Content,
#MainCenterLeft .Box,
#MainCenterRight .Box {
  position: relative;
}

#MainCenterMiddle .ContentTopFirst,
#MainCenterMiddle .ContentTop {
  width: 100% !important;
  margin-left: 0 !important;
  background: linear-gradient(180deg, rgba(24, 13, 15, 0.96), rgba(13, 8, 9, 0.96)) !important;
  box-shadow: var(--theme-shadow);
}

#MainCenterMiddle .ContentTopFirst {
  display: none !important;
}

#MainCenterMiddle .ContentTop {
  margin-top: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 22px;
  padding-bottom: 28px;
}

#MainCenterMiddle .Bottom {
  display: none;
}

#MainCenterMiddle .TextFull,
#MainCenterMiddle .Text {
  width: auto !important;
  margin: 0 28px 10px !important;
  color: var(--theme-text) !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

#MainCenterLeft .Latest,
#MainCenterLeft .Account,
#MainCenterLeft .Community,
#MainCenterLeft .Shop,
#MainCenterRight .Account1,
#MainCenterRight .TopExperience {
  position: relative;
  width: 222px !important;
  height: 62px !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #7f261d 0%, #9f3625 38%, #6a1e17 100%) !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#MainCenterLeft .Latest::before,
#MainCenterLeft .Account::before,
#MainCenterLeft .Community::before,
#MainCenterLeft .Shop::before,
#MainCenterRight .Account1::before,
#MainCenterRight .TopExperience::before {
  content: none !important;
}

#MainCenterLeft .Account,
#MainCenterLeft .Community,
#MainCenterLeft .Shop,
#MainCenterRight .Account1,
#MainCenterRight .TopExperience {
  margin-top: 18px !important;
}

.SectionTitle {
  color: #fff0d0 !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

#MainCenterLeft #24txt {
  color: #ffd700 !important;
}

#MainCenterLeft #25txt {
  color: #cf5353 !important;
}

#MainCenterLeft #26txt {
  color: #58d6ef !important;
}

#MainCenterLeft #27txt {
  color: #52da6f !important;
}

#MainCenterLeft #888txt {
  color: #ffb347 !important;
}

.StatusCard {
  margin-bottom: 18px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.StatusTitle {
  height: 62px;
  background: linear-gradient(180deg, #7f261d 0%, #9f3625 38%, #6a1e17 100%) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.StatusBody {
  padding: 0;
}

.StatusRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  background: linear-gradient(180deg, rgba(27, 14, 16, 0.95), rgba(15, 10, 12, 0.96)) !important;
}

.StatusRow:last-child {
  border-bottom: 0;
  border-radius: 0 0 18px 18px;
}

.StatusLabel {
  color: var(--theme-text-soft);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.StatusValue {
  color: #fff1d2;
  font-size: 14px;
  font-weight: 700;
}

.StatusValue a {
  color: inherit !important;
}

.StatusBadge {
  min-width: 52px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(10, 8, 9, 0.92);
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.StatusValue.is-online {
  color: #8ef0a4;
}

.StatusValue.is-offline {
  color: #ff8b8b;
}

.StatusValue.is-disabled {
  color: #f2c879;
}

#MainCenterLeft .Box,
#MainCenterRight .Box,
#MainCenterRight .Login {
  overflow: hidden !important;
}

#MainCenterLeft .Item,
#MainCenterLeft .ItemLast .Item,
#MainCenterRight .Item,
#MainCenterRight .ItemLast1 .Item {
  width: 100% !important;
  height: auto !important;
  min-height: 44px;
  margin: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(27, 14, 16, 0.95), rgba(15, 10, 12, 0.96)) !important;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

#MainCenterLeft .Item:hover,
#MainCenterLeft .ItemLast .Item:hover,
#MainCenterRight .Item:hover,
#MainCenterRight .ItemLast1 .Item:hover {
  transform: translateX(4px);
  border-color: rgba(216, 74, 74, 0.25);
  background: linear-gradient(180deg, rgba(45, 16, 21, 0.98), rgba(20, 10, 12, 0.98)) !important;
}

#MainCenterLeft .ItemLast,
#MainCenterRight .ItemLast,
#MainCenterRight .ItemLast1 {
  width: 100% !important;
  height: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 0;
  border-radius: 0 0 18px 18px;
  background: linear-gradient(180deg, rgba(15, 10, 12, 0.96), rgba(10, 7, 8, 0.98)) !important;
  overflow: hidden;
}

#MainCenterLeft .Img,
#MainCenterRight .Img {
  margin-top: 18px !important;
  margin-left: 14px !important;
}

#MainCenterLeft .Text,
#MainCenterLeft .TextB,
#MainCenterRight .TextL,
#MainCenterRight .TextLB,
#MainCenterRight .TextR,
#MainCenterRight .TextRB {
  margin-top: 16px !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 12px !important;
  color: var(--theme-text-soft) !important;
}

#MainCenterLeft .TextB,
#MainCenterRight .TextLB,
#MainCenterRight .TextRB {
  color: #fff1d2 !important;
}

#MainCenterRight .Login {
  width: 222px !important;
  height: auto !important;
  min-height: 220px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(39, 14, 18, 0.97), rgba(13, 8, 10, 0.98)),
    url("../images/login_ny2.png") top center/cover no-repeat !important;
  box-shadow: var(--theme-shadow);
}

.LoginTitle {
  height: 62px;
  margin-bottom: 18px;
  background: linear-gradient(180deg, #7f261d 0%, #9f3625 38%, #6a1e17 100%) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#MainCenterRight .LoginInput1,
#MainCenterRight .LoginInput2 {
  width: 168px !important;
  height: 42px !important;
  margin-left: 26px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 12px;
  background: rgba(7, 6, 8, 0.74) !important;
  color: #fff0db !important;
  font-family: "Inter", Arial, sans-serif !important;
  padding: 0 12px !important;
}

#MainCenterRight .LoginInput1 {
  margin-top: 18px !important;
}

#MainCenterRight .LoginInput2 {
  margin-top: 10px !important;
}

#MainCenterRight .LoginInput3 {
  margin-top: 14px !important;
  color: var(--theme-text-soft) !important;
}

#MainCenterRight .LoginInput4 {
  width: 170px !important;
  height: 42px !important;
  margin-left: 26px !important;
  margin-top: 16px !important;
  border-radius: 12px;
  background: linear-gradient(135deg, #8b1f28, #d44e49) !important;
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.32);
  border: 0 !important;
  color: #fff4de !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-indent: 0 !important;
  text-align: center;
  line-height: 42px;
}

.PrimarySubmit {
  min-width: 190px;
  padding: 12px 22px;
  border: 0 !important;
  border-radius: 12px;
  background: linear-gradient(135deg, #8b1f28, #d44e49) !important;
  color: #fff4de !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.32);
  cursor: pointer;
}

#MainCenterRight .Rot {
  width: 222px !important;
  height: 146px !important;
  margin: 18px 0 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--theme-shadow);
}

#MainCenterRight .RotText1 {
  margin-top: 44px !important;
  color: #fff2d5 !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-size: 24px !important;
  letter-spacing: 0.05em;
}

.SidePanel {
  margin-bottom: 18px;
}

#MainCenterLeft .Box,
#MainCenterRight .Box {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#MainCenterLeft .Latest,
#MainCenterLeft .Account,
#MainCenterLeft .Community,
#MainCenterLeft .Shop,
#MainCenterRight .Account1,
#MainCenterRight .TopExperience {
  box-shadow: none !important;
  border: 0 !important;
  background-color: #220d0f !important;
}

.SidePanelTitle {
  margin-bottom: 12px;
  color: #fff1d2;
  font-family: "Cinzel", Georgia, serif;
  font-size: 22px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.DiscordPanel {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(24, 13, 15, 0.96), rgba(11, 8, 9, 0.98));
  box-shadow: var(--theme-shadow);
}

.DiscordPanel iframe {
  width: 100%;
  border-radius: 16px;
}

#MainBottom {
  height: auto !important;
  margin-top: 28px;
  background-image: none !important;
  background: linear-gradient(180deg, rgba(8, 5, 6, 0), rgba(8, 5, 6, 0.98) 18%, rgba(5, 3, 4, 1) 100%) !important;
}

#MainBottomB {
  display: none;
}

#MainBottomContent {
  width: 1057px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 34px 28px 44px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

#MainBottomContent .BotBut {
  display: none;
}

#MainBottomContent .BotTxt1,
#MainBottomContent .BotTxt2,
#MainBottomContent .BotMenu {
  position: static !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#MainBottomContent .BotTxt1 {
  color: var(--theme-text-soft) !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
}

.FooterBrand {
  display: inline-block;
  margin-right: 8px;
  color: #fff0d0;
  font-family: "Cinzel", Georgia, serif;
  font-size: 18px;
}

#MainBottomContent .BotTxt2 {
  margin-top: 22px !important;
  color: var(--theme-accent-strong) !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-size: 18px !important;
  letter-spacing: 0.08em;
  text-align: left !important;
}

#MainBottomContent .BotMenu {
  margin-top: 10px !important;
}

table {
  margin: 14px 0 28px !important;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

table tr th,
table tr td,
tr.yellow td,
table tr td {
  border-top: 0 !important;
}

table tr th,
tr.yellow td {
  background: linear-gradient(135deg, #6b2229, #351418) !important;
  color: #fff3de !important;
  font-family: "Cinzel", Georgia, serif;
}

table tr td {
  background: rgba(20, 13, 15, 0.96) !important;
  color: var(--theme-text) !important;
}

table tr:nth-child(even) td {
  background: rgba(27, 16, 18, 0.96) !important;
}

input,
textarea,
select {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(11, 9, 10, 0.95);
  color: var(--theme-text);
  font-family: "Inter", Arial, sans-serif;
}

select {
  padding: 10px 12px;
}

@media (max-width: 1100px) {
  html,
  body {
    min-width: 1100px;
    overflow-x: auto;
  }

  .countdown-shell {
    flex-direction: row !important;
    align-items: center !important;
  }

  #MainTop,
  #MainCenter,
  #MainBottomContent {
    width: 1057px !important;
    max-width: 1057px !important;
  }

  #MainCenter {
    grid-template-columns: 222px 1fr 222px !important;
    margin-top: -108px !important;
  }

  .HeroPanel {
    width: 500px !important;
    margin-left: 58px !important;
    padding-top: 94px !important;
  }
}

@media (max-width: 700px) {
  html,
  body {
    min-width: 1100px;
    overflow-x: auto;
  }
}

.ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 135px;
  z-index: 20;
}
.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: #271106;
  padding: 2px;
}

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

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #271106;
  padding: 2px;
}

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

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #271106;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #35170B;
  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 #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;
}