/* Eclipse OT identity layer: red/black dark-fantasy background over classic Canary. */
:root {
  --arise-void: #020101;
  --arise-night: #080303;
  --arise-panel: #120606;
  --arise-ink: #1a0a08;
  --arise-red: #b41414;
  --arise-red-bright: #ff3b24;
  --arise-ember: #ff7a18;
  --arise-blood: #550808;
  --arise-ivory: #fff0d4;
  --arise-parchment: #f4e3bf;
  --arise-parchment-2: #e5c58e;
}

html, body {
  min-height: 100%;
  background-color: var(--arise-void) !important;
}

body {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.34) 46%, rgba(0,0,0,.90) 100%),
    linear-gradient(90deg, rgba(0,0,0,.16), transparent 18%, transparent 82%, rgba(0,0,0,.16)),
    url("images/header/bgs/arise-red-fortress.png") !important;
  background-position: top center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  color: var(--arise-ivory);
}

html.eclipse-theme-light,
html.eclipse-theme-light body {
  background-color: #7fa6c1 !important;
}

html.eclipse-theme-light body {
  background-image:
    url("images/header/bgs/arise-light-citadel.png"),
    linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 24%, rgba(141,185,213,.18) 42%, rgba(79,125,158,.58) 68%, rgba(36,74,106,.88) 100%),
    linear-gradient(90deg, rgba(255,255,255,.24), transparent 24%, transparent 76%, rgba(75,125,162,.30)),
    linear-gradient(180deg, #edf8ff 0%, #c5e1f2 38%, #83aec9 66%, #315f83 100%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: 100% auto, 100% 100%, 100% 100%, 100% 100% !important;
  background-position: center top, center top, center top, center top !important;
  background-attachment: scroll, fixed, fixed, fixed !important;
  color: #2c1a0d;
}

html.eclipse-theme-light #ArtworkHelper {
  background:
    linear-gradient(90deg, rgba(192,218,238,.22), rgba(255,255,255,.03) 30%, rgba(255,255,255,.03) 70%, rgba(192,218,238,.22)),
    linear-gradient(180deg, rgba(255,255,255,0), rgba(190,213,231,.16) 620px, rgba(135,160,183,.50));
}

html.eclipse-theme-light #EclipseCenteredLogo,
html.eclipse-theme-light #LeftArtwork #TibiaLogoArtworkTop {
  filter: drop-shadow(0 12px 18px rgba(122,78,20,.38)) drop-shadow(0 0 18px rgba(255,244,188,.82)) !important;
}


#Bodycontainer {
  max-width: 1500px !important;
  width: 100% !important;
}

#ContentColumn {
  margin-left: 205px !important;
  margin-right: 205px !important;
}

#ArtworkHelper {
  background:
    linear-gradient(90deg, rgba(0,0,0,.34), rgba(0,0,0,.03) 30%, rgba(0,0,0,.03) 70%, rgba(0,0,0,.34)),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.42) 620px, rgba(0,0,0,.88));
}

#ContentRow { top: 232px; }
#LeftArtwork { top: -220px; height: 218px; }
#LeftArtwork #LogoLink { display: none; }
#LeftArtwork #TibiaLogoArtworkTop {
  top: -16px;
  left: -73px;
  width: 318px;
  height: 226px;
  object-fit: contain;
  filter: drop-shadow(0 16px 22px rgba(0,0,0,.96)) drop-shadow(0 0 20px rgba(255,54,24,.58));
}

#MenuColumn,
#ThemeboxesColumn,
#ContentColumn {
  filter: drop-shadow(0 14px 22px rgba(0,0,0,.78));
}

/* Push legacy Canary/Tibia image chrome toward red iron instead of blue/green. */
.MenuButton,
.SmallMenuBox .SmallBoxButtonContainer,
#Loginbox,
#DownloadBox,
#ThemeboxesColumn .Themebox,
#ThemeboxesColumn .SmallBox,
#ThemeboxesColumn [class*="Box"],
.NewsHeadlineBackground,
.TableHeadline,
.CaptionContainer,
.CaptionInnerContainer,
.Border_1,
.Border_2,
.Border_3,
.Border_4,
.Border_5,
.Border_6,
.Border_7,
.Border_8,
.Border_9 {
  filter: hue-rotate(326deg) saturate(.82) brightness(.72) contrast(1.18);
}

#Loginbox img,
#DownloadBox img,
.MenuButton img,
.SmallMenuBox img,
#ThemeboxesColumn img {
  filter: saturate(.80) brightness(.88) contrast(1.12);
}

.MenuButton .Label,
.MenuButtonLabel,
.BigButtonText,
.MediumButtonText,
.SmallButtonText,
#Loginbox #ButtonText,
#DownloadBox #ButtonText {
  filter: sepia(.35) saturate(1.25) brightness(1.32) drop-shadow(0 0 7px rgba(255,68,28,.72));
}

.Submenu {
  background: linear-gradient(180deg, rgba(18,5,5,.98), rgba(5,2,2,.98)) !important;
  border-left: 1px solid rgba(255,70,32,.34) !important;
  border-right: 1px solid rgba(255,122,24,.22) !important;
  box-shadow: inset 0 0 24px rgba(180,20,20,.09);
}

.SubmenuitemLabel,
.SubmenuItemLabel {
  border-bottom-color: rgba(255, 95, 45, .22) !important;
}

.Submenu a:link,
.Submenu a:visited,
.SubmenuitemLabel,
.SubmenuItemLabel {
  color: #ffe7ca !important;
}

.Submenu a:hover,
.Submenu a:active {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(255,66,28,.90), 0 0 14px rgba(255,122,24,.42);
}

.InfoBar {
  background: linear-gradient(90deg, #130404, #3a0808 28%, #641010 50%, #3a0808 72%, #130404) !important;
  border: 1px solid rgba(255,70,32,.36) !important;
  border-radius: 3px;
  box-shadow: inset 0 0 18px rgba(255,80,30,.14), 0 10px 24px rgba(0,0,0,.62);
}

.InfoBar a,
.InfoBar div,
.InfoBar span {
  color: #fff2de !important;
  text-shadow: 0 0 8px rgba(255,70,32,.46);
}

.Content .Box {
  background-color: #100504 !important;
  border-left-color: #3a0b08 !important;
  border-right-color: #3a0b08 !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.66), 0 0 0 1px rgba(255,70,32,.10), 0 0 28px rgba(180,20,20,.09);
}

.Content .BoxContent {
  background:
    linear-gradient(180deg, rgba(255,246,224,.96), rgba(244,225,187,.98) 34%, rgba(229,197,142,.98)) !important;
  color: #32190c !important;
}

.Content th,
.Content .TableHeadline,
.Content .CaptionContainer,
.Content .CaptionInnerContainer {
  background-color: #2a0907 !important;
}

.Content a { color: #8a170f; }
.Content a:hover { color: #d52a18; }

#Footer {
  color: #ffe6c2 !important;
  text-shadow: 0 0 8px rgba(255,70,32,.48);
}

#Footer::before {
  content: "ECLIPSE OT - AWAKEN. HUNT. DOMINATE.";
  display: block;
  margin: 12px auto 6px;
  color: #ffd6b0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(255,70,32,.78);
}

.arise-news-intro {
  position: relative;
  overflow: hidden;
  padding: 22px 18px 16px;
  border: 1px solid rgba(110, 28, 14, .42);
  border-radius: 3px;
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 163, 56, .20), transparent 28%),
    radial-gradient(circle at 90% 6%, rgba(92, 18, 7, .20), transparent 34%),
    linear-gradient(135deg, rgba(255,247,229,.84), rgba(232,194,127,.94));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.44),
    0 8px 18px rgba(61, 27, 7, .16);
}

.arise-news-intro::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, rgba(255,66,28,.82), rgba(255,122,24,.58), transparent);
}

.arise-news-intro h1 {
  margin: 0 0 8px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 34px;
  line-height: 1.06;
  color: #2b0b07;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,.82), 0 0 12px rgba(198, 84, 23, .18);
}

.arise-news-intro .lead {
  max-width: 790px;
  margin: 0 auto 16px;
  text-align: center;
  color: #4b2817;
  font-size: 13.5px;
  line-height: 1.55;
  font-weight: 700;
}

.arise-news-kicker {
  display: table;
  margin: 0 auto 9px;
  padding: 4px 12px;
  border: 1px solid rgba(107, 30, 8, .45);
  border-radius: 999px;
  background: linear-gradient(180deg, #5f0f06, #260302);
  color: #ffffff !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #180301;
  box-shadow: inset 0 1px 0 rgba(255, 232, 166, .22), 0 2px 8px rgba(0, 0, 0, .22);
}

.arise-news-pillbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin: 0 auto 16px;
}

.arise-news-pillbar span {
  padding: 5px 10px;
  border: 1px solid rgba(94, 31, 9, .34);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 244, 213, .96), rgba(224, 176, 91, .96));
  color: #3a0905;
  font-size: 10.5px;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .50);
}

.arise-news-bulletlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid rgba(83, 24, 9, .34);
  border-radius: 3px;
  background:
    linear-gradient(180deg, rgba(255, 245, 222, .82), rgba(218, 174, 95, .78));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .38),
    0 3px 8px rgba(82, 38, 9, .10);
  list-style: none;
}

.arise-news-bulletlist li {
  position: relative;
  padding-left: 18px;
  color: #3e1e10;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.38;
}

.arise-news-bulletlist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .46em;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(69, 13, 5, .45);
  border-radius: 50%;
  background: radial-gradient(circle, #ffd778 0 35%, #a72b0d 36% 100%);
  box-shadow: 0 0 8px rgba(180, 54, 18, .28);
}

.arise-news-rate-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.arise-news-rate-strip div {
  min-height: 58px;
  padding: 9px 8px;
  border: 1px solid rgba(85, 19, 7, .42);
  border-radius: 3px;
  background:
    linear-gradient(180deg, rgba(92, 15, 5, .96), rgba(38, 4, 2, .96));
  text-align: center;
  box-shadow:
    inset 0 1px 0 rgba(255, 226, 154, .20),
    0 3px 9px rgba(0, 0, 0, .18);
}

.arise-news-rate-strip strong,
.arise-news-rate-strip span {
  display: block;
}

.arise-news-rate-strip strong {
  margin-bottom: 4px;
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  text-shadow: 0 1px 0 #1b0301, 0 0 8px rgba(255, 183, 76, .30);
}

.arise-news-rate-strip span {
  color: #ffffff !important;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
}

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

.arise-feature-grid-wide {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.arise-feature-grid div {
  min-height: 92px;
  padding: 12px;
  border: 1px solid rgba(92, 28, 12, .38);
  border-radius: 2px;
  background:
    linear-gradient(180deg, rgba(255,245,223,.98), rgba(226,190,124,.98));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.44),
    0 3px 8px rgba(82, 38, 9, .10);
}

.arise-feature-grid strong {
  display: block;
  margin-bottom: 5px;
  color: #3a0905;
  font-size: 13.5px;
  text-shadow: 0 1px 0 rgba(255,255,255,.56);
}

.arise-feature-grid span {
  display: block;
  color: #4b2817;
  font-size: 11.2px;
  line-height: 1.42;
}

.arise-news-callout {
  margin: 14px auto 0;
  padding: 12px 14px;
  border: 1px solid rgba(82, 16, 7, .40);
  border-left: 4px solid #8f210c;
  background: linear-gradient(180deg, rgba(84, 14, 5, .94), rgba(41, 5, 2, .94));
  color: #ffe8bd;
  box-shadow: inset 0 1px 0 rgba(255, 221, 152, .18), 0 4px 10px rgba(0,0,0,.18);
}

.arise-news-callout strong,
.arise-news-callout span {
  display: block;
}

.arise-news-callout strong {
  margin-bottom: 4px;
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  text-shadow: 0 1px 0 #1b0301;
}

.arise-news-callout span {
  color: #ffffff !important;
  font-size: 11.5px;
  line-height: 1.4;
}

.arise-news-linkbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 14px auto 0;
}

.arise-news-linkbar a,
.arise-news-linkbar a:link,
.arise-news-linkbar a:visited {
  min-width: 132px;
  padding: 8px 12px;
  border: 1px solid #ffe5a2;
  border-radius: 4px;
  background: linear-gradient(180deg, #ff9d26 0%, #c45608 100%);
  color: #fff8dc !important;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #4c1200;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .32),
    0 2px 7px rgba(0, 0, 0, .28);
}

.arise-news-linkbar a:hover {
  background: linear-gradient(180deg, #ffc04f 0%, #d86108 100%);
  color: #ffffff !important;
}

#ContentColumn #News .BoxContent .arise-news-kicker,
#ContentColumn #News .BoxContent .arise-news-rate-strip strong,
#ContentColumn #News .BoxContent .arise-news-rate-strip span,
#ContentColumn #News .BoxContent .arise-news-callout strong,
#ContentColumn #News .BoxContent .arise-news-callout span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.eclipse-theme-light .arise-news-intro {
  border-color: rgba(36, 89, 124, .42);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 218, 104, .26), transparent 30%),
    radial-gradient(circle at 88% 2%, rgba(54, 156, 220, .20), transparent 34%),
    linear-gradient(135deg, rgba(255,251,231,.90), rgba(213,232,241,.94));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.58),
    0 8px 18px rgba(26, 71, 101, .16);
}

html.eclipse-theme-light .arise-news-kicker {
  border-color: rgba(255, 223, 137, .82);
  background: linear-gradient(180deg, #2f9bd0, #0b3d66);
  color: #fff6d0;
}

html.eclipse-theme-light .arise-news-pillbar span {
  border-color: rgba(42, 99, 135, .30);
  background: linear-gradient(180deg, rgba(255, 249, 221, .98), rgba(187, 219, 238, .98));
  color: #12344c;
}

html.eclipse-theme-light .arise-news-bulletlist {
  border-color: rgba(38, 95, 132, .30);
  background: linear-gradient(180deg, rgba(255, 249, 226, .86), rgba(199, 225, 240, .82));
}

html.eclipse-theme-light .arise-news-bulletlist li {
  color: #213f54;
}

html.eclipse-theme-light .arise-news-bulletlist li::before {
  border-color: rgba(31, 83, 117, .44);
  background: radial-gradient(circle, #fff1ac 0 35%, #2679a8 36% 100%);
  box-shadow: 0 0 8px rgba(38, 121, 168, .28);
}

html.eclipse-theme-light .arise-news-rate-strip div {
  border-color: rgba(255, 223, 137, .72);
  background: linear-gradient(180deg, rgba(47, 155, 208, .98), rgba(6, 42, 83, .98));
}

html.eclipse-theme-light .arise-feature-grid div {
  border-color: rgba(38, 95, 132, .34);
  background: linear-gradient(180deg, rgba(255,248,226,.98), rgba(199,225,240,.98));
}

html.eclipse-theme-light .arise-feature-grid strong {
  color: #14344a;
}

html.eclipse-theme-light .arise-feature-grid span,
html.eclipse-theme-light .arise-news-intro .lead {
  color: #28465b;
}

html.eclipse-theme-light .arise-news-callout {
  border-color: rgba(26, 79, 118, .36);
  border-left-color: #2679a8;
  background: linear-gradient(180deg, rgba(20, 85, 122, .96), rgba(8, 42, 69, .96));
  color: #fff6d0;
}

html.eclipse-theme-light .arise-news-linkbar a,
html.eclipse-theme-light .arise-news-linkbar a:link,
html.eclipse-theme-light .arise-news-linkbar a:visited {
  border-color: rgba(255, 224, 137, .98);
  background: linear-gradient(180deg, #2f9bd0 0%, #0c4f84 48%, #031f49 100%);
  color: #fff8dc !important;
  text-shadow: 0 1px 1px #041f42, 0 0 8px rgba(255, 226, 127, .30);
}

@media (max-width: 980px) {
  #ContentRow { top: 190px; }
  .arise-feature-grid,
  .arise-feature-grid-wide { grid-template-columns: 1fr; }
  .arise-news-bulletlist,
  .arise-news-rate-strip { grid-template-columns: 1fr; }
  .arise-news-intro h1 { font-size: 26px; }
}

/* Eclipse menu readability pass: larger accordion blocks inspired by modern OT layouts. */
#MenuColumn {
  width: 206px !important;
  margin-left: 6px !important;
  margin-right: 12px !important;
}

#ContentColumn {
  margin-left: 226px !important;
  margin-right: 205px !important;
}

#LeftArtwork #TibiaLogoArtworkTop {
  left: -54px;
}

#Menu {
  left: 0 !important;
  width: 206px;
  padding: 4px 0 8px;
}

#MenuTop,
#MenuBottom {
  display: none;
}

.menuitem {
  width: 206px;
  margin: 0 0 7px;
  position: relative;
}

.MenuButton {
  width: 206px !important;
  height: 37px !important;
  background-image: none !important;
  background:
    linear-gradient(90deg, rgba(18, 6, 5, .95), rgba(72, 16, 10, .98) 50%, rgba(18, 6, 5, .95)) !important;
  border: 1px solid rgba(255, 121, 37, .72);
  border-radius: 4px;
  box-shadow:
    inset 0 1px 0 rgba(255, 216, 132, .28),
    inset 0 -2px 0 rgba(0, 0, 0, .55),
    0 2px 0 rgba(0, 0, 0, .65),
    0 0 12px rgba(169, 21, 12, .28);
  overflow: hidden;
}

.MenuButton::before,
.MenuButton::after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 24px;
  pointer-events: none;
  opacity: .9;
}

.MenuButton::before {
  left: 4px;
  border-left: 1px solid rgba(255, 190, 80, .72);
  border-top: 1px solid rgba(255, 190, 80, .58);
}

.MenuButton::after {
  right: 4px;
  border-right: 1px solid rgba(255, 190, 80, .72);
  border-bottom: 1px solid rgba(255, 190, 80, .58);
}

.MenuButton .Button,
.MenuButton .Lights {
  display: none !important;
}

.MenuButton .Icon,
.Icon {
  top: 3px !important;
  left: 12px !important;
  width: 32px !important;
  height: 32px !important;
  filter: saturate(1.05) brightness(.95) drop-shadow(0 0 5px rgba(255, 68, 24, .42));
}

.MenuButton .Label,
.Label {
  top: 8px !important;
  left: 52px !important;
  width: 136px !important;
  height: 22px !important;
  filter: sepia(.26) saturate(1.3) brightness(1.45) drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px rgba(255, 105, 35, .52));
}

.MenuButton .Extend,
.Extend {
  top: 12px !important;
  right: 9px !important;
  width: 12px !important;
  height: 12px !important;
  filter: sepia(.8) saturate(2) brightness(1.12) drop-shadow(0 0 5px rgba(255, 96, 24, .65));
}

.menuitem:hover .MenuButton {
  background:
    linear-gradient(90deg, rgba(37, 8, 6, .98), rgba(113, 24, 12, .98) 50%, rgba(37, 8, 6, .98)) !important;
  border-color: rgba(255, 164, 61, .92);
  box-shadow:
    inset 0 1px 0 rgba(255, 225, 148, .36),
    inset 0 -2px 0 rgba(0, 0, 0, .55),
    0 2px 0 rgba(0, 0, 0, .72),
    0 0 16px rgba(255, 54, 22, .36);
}

.Submenu {
  width: 196px !important;
  margin: 0 5px 0 !important;
  padding: 5px 0 6px !important;
  background:
    linear-gradient(180deg, rgba(236, 199, 130, .94), rgba(190, 145, 76, .94)) !important;
  border: 1px solid rgba(92, 36, 12, .80) !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 202, .55),
    inset 0 -1px 0 rgba(72, 22, 10, .35),
    0 4px 10px rgba(0, 0, 0, .40);
  overflow: hidden;
}

.Submenuitem {
  min-height: 28px;
  margin: 0 6px 2px !important;
  border-radius: 3px;
}

.Submenuitem:hover {
  background: rgba(90, 29, 13, .18) !important;
}

.SubmenuitemLabel,
.SubmenuItemLabel {
  min-height: 20px;
  padding: 5px 8px 4px 30px !important;
  border-bottom: 1px solid rgba(109, 57, 22, .22) !important;
  color: #3d1c0d !important;
  font-size: 12px;
  line-height: 16px;
  text-shadow: 0 1px 0 rgba(255, 239, 190, .65);
  white-space: normal;
}

.Submenu a:link,
.Submenu a:visited {
  color: #3d1c0d !important;
}

.Submenu a:hover,
.Submenu a:active {
  color: #140503 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.42), 0 0 7px rgba(255, 90, 28, .35);
}

.ActiveSubmenuItemIcon {
  top: 8px !important;
  left: 12px !important;
  filter: hue-rotate(320deg) saturate(1.5) brightness(.95);
}

.LeftChain,
.RightChain {
  display: none !important;
}

@media (min-width: 1360px) {
  #MenuColumn {
    margin-left: 0 !important;
  }
}


/* Let CSS handle submenu hover without JavaScript color blocks. */
.Submenuitem,
.Submenuitem:hover,
.Submenuitem:focus {
  transition: background-color .12s ease, box-shadow .12s ease;
}

.Submenuitem[style] {
  background-color: transparent !important;
}

.Submenuitem:hover {
  background: linear-gradient(90deg, rgba(92, 31, 13, .22), rgba(255, 129, 38, .16)) !important;
  box-shadow: inset 2px 0 0 rgba(174, 38, 18, .82);
}


/* Prevent legacy menu label/icon sprites from repeating after wider menu sizing. */
.MenuButton .Icon,
.Icon,
.MenuButton .Label,
.Label,
.MenuButton .Extend,
.Extend {
  background-repeat: no-repeat !important;
}

.MenuButton .Label,
.Label {
  background-position: center center !important;
  background-size: contain !important;
}

.MenuButton .Icon,
.Icon {
  background-position: center center !important;
}

.MenuButton .Button {
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Portuguese menu labels and polished account/download boxes. */
#news_Label,
#account_Label,
#community_Label,
#library_Label,
#charactertrade_Label,
#shops_Label,
#support_Label,
#events_Label,
#wars_Label {
  background-image: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #fff0c6;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-shadow:
    0 1px 0 #000,
    0 0 6px rgba(255, 93, 25, .55),
    0 0 12px rgba(0, 0, 0, .85);
}

#news_Label::before,
#account_Label::before,
#community_Label::before,
#library_Label::before,
#charactertrade_Label::before,
#shops_Label::before,
#support_Label::before,
#events_Label::before,
#wars_Label::before { content: none; }

#Loginbox,
#DownloadBox {
  width: 206px !important;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.72)) !important;
}

.eclipse-left-active-events {
  display: block;
  width: 206px;
  box-sizing: border-box;
  margin: 0 0 14px;
  padding: 8px 9px 10px;
  border: 1px solid rgba(255, 184, 67, .86);
  border-radius: 5px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 221, 128, .22), transparent 30%),
    linear-gradient(180deg, rgba(103, 23, 11, .98), rgba(35, 7, 5, .98));
  color: #fff2cf !important;
  text-align: center;
  text-decoration: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 232, 166, .34),
    inset 0 -2px 0 rgba(0, 0, 0, .48),
    0 2px 0 rgba(0, 0, 0, .70),
    0 0 14px rgba(255, 78, 22, .28);
}

.eclipse-left-active-events:hover {
  border-color: rgba(255, 219, 120, .98);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 230, 154, .30), transparent 32%),
    linear-gradient(180deg, rgba(139, 34, 14, .98), rgba(49, 9, 6, .98));
  color: #fff !important;
  text-decoration: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 241, 193, .46),
    inset 0 -2px 0 rgba(0, 0, 0, .52),
    0 2px 0 rgba(0, 0, 0, .72),
    0 0 18px rgba(255, 122, 38, .42);
}

.eclipse-left-active-events-kicker {
  color: #ffcd65;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #000;
}

.eclipse-left-active-events-list {
  display: grid;
  gap: 4px;
  margin-top: 7px;
}

.eclipse-left-active-events-list span {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  padding: 4px 6px;
  border: 1px solid rgba(255, 231, 164, .42);
  border-left: 4px solid var(--event-color, #ff9d26);
  border-radius: 3px;
  background: rgba(12, 4, 3, .38);
  color: #fff2cf;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.18;
  text-overflow: ellipsis;
  text-shadow: 0 1px 1px #000;
  white-space: nowrap;
}

#Loginbox #LoginTop,
#Loginbox #LoginBottom,
#Loginbox .LoginBorder,
#DownloadBox .SmallBoxTop,
#DownloadBox .SmallBoxBottom,
#DownloadBox .SmallBoxBorder {
  display: none !important;
}

#Loginbox #LoginButtonContainer,
#Loginbox .Loginstatus,
#DownloadBox .SmallBoxButtonContainer {
  width: 206px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  background-image: none !important;
  background: transparent !important;
}

#Loginbox #LoginButton,
#DownloadBox #PlayNowContainer,
#DownloadBox .MediumButtonBackground {
  width: 206px !important;
  height: 38px !important;
  position: relative;
  background-image: none !important;
}

#Loginbox #LoginButton > div,
#DownloadBox .MediumButtonBackground {
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 206px !important;
  height: 38px !important;
  border: 1px solid rgba(255, 136, 42, .78);
  border-radius: 4px;
  background:
    linear-gradient(180deg, rgba(107, 24, 12, .98), rgba(45, 8, 6, .98));
  box-shadow:
    inset 0 1px 0 rgba(255, 220, 140, .36),
    inset 0 -2px 0 rgba(0, 0, 0, .60),
    0 2px 0 rgba(0, 0, 0, .70),
    0 0 14px rgba(184, 31, 14, .30);
  cursor: pointer;
}

#Loginbox #LoginButton > div:hover,
#DownloadBox .MediumButtonBackground:hover {
  background:
    linear-gradient(180deg, rgba(150, 34, 14, .98), rgba(65, 11, 7, .98));
  border-color: rgba(255, 184, 67, .95);
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 160, .42),
    inset 0 -2px 0 rgba(0, 0, 0, .62),
    0 2px 0 rgba(0, 0, 0, .72),
    0 0 18px rgba(255, 58, 22, .40);
}

#Loginbox #LoginButton .Button,
#DownloadBox .MediumButtonOver,
#Loginbox #ButtonText,
#LoginstatusText_2_1,
#LoginstatusText_2_2,
#DownloadBox .MediumButtonText {
  background-image: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#Loginbox #ButtonText,
#DownloadBox .MediumButtonText {
  width: auto !important;
  height: auto !important;
  position: static !important;
  border: 0 !important;
  color: transparent !important;
}

#Loginbox #ButtonText::before,
#DownloadBox .MediumButtonBackground::after {
  display: block;
  color: #fff2cf;
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .02em;
  text-shadow: 0 1px 0 #000, 0 0 8px rgba(255, 88, 24, .50);
}

#Loginbox #ButtonText.login::before,
#Loginbox #ButtonText::before {
  content: attr(data-login-label);
}

#Loginbox #ButtonText.account::before {
  content: attr(data-account-label);
}

#DownloadBox .MediumButtonBackground::after {
  content: "Download";
}

#Loginbox .Loginstatus {
  box-sizing: border-box;
  width: 206px !important;
  min-height: 27px !important;
  border: 1px solid rgba(115, 52, 21, .72);
  border-radius: 3px;
  background:
    linear-gradient(180deg, rgba(49, 22, 12, .94), rgba(21, 8, 5, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 220, 140, .16), 0 1px 0 rgba(0,0,0,.55);
}

#LoginstatusText_2 {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 27px !important;
  cursor: pointer;
  background-image: none !important;
}

#LoginstatusText_2::before {
  content: attr(data-create-label);
  color: #f7d9a0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #000;
}

#LoginstatusText_2.logout::before {
  content: attr(data-logout-label);
}

#LoginstatusText_2:hover::before {
  color: #fff3c7;
  text-shadow: 0 1px 0 #000, 0 0 8px rgba(255, 103, 31, .55);
}

#DownloadBox {
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}

/* Text cleanup pass: no duplicated legacy button images. */

#Loginbox #ButtonText,
#DownloadBox .MediumButtonText {
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  color: #fff2cf !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1 !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .02em;
  text-shadow: 0 1px 0 #000, 0 0 8px rgba(255, 88, 24, .50);
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

#Loginbox #ButtonText::before {
  content: attr(data-login-label);
  display: block;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-shadow: inherit;
}

#Loginbox #ButtonText.account::before {
  content: attr(data-account-label);
}

#DownloadBox .MediumButtonBackground::after {
  content: none !important;
}

#DownloadBox .MediumButtonText {
  position: relative !important;
  appearance: none;
  -webkit-appearance: none;
}

#LoginstatusText_2::before {
  content: attr(data-create-label);
  font-size: 11px;
}

/* Hard center account/download button text inside the actual 206px button boxes. */
#Loginbox #LoginButton,
#Loginbox #LoginButton > div,
#DownloadBox #PlayNowContainer,
#DownloadBox .MediumButtonBackground {
  box-sizing: border-box !important;
  width: 206px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

#Loginbox #LoginButton #ButtonText,
#DownloadBox .MediumButtonText {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 206px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-align: center !important;
  background: none !important;
  transform: none !important;
}

#Loginbox #LoginButton #ButtonText::before,
#DownloadBox .MediumButtonText::before {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 206px;
  height: 38px;
  color: #fff2cf;
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .02em;
  text-shadow: 0 1px 0 #000, 0 0 8px rgba(255, 88, 24, .50);
  pointer-events: none;
}

#Loginbox #LoginButton #ButtonText::before {
  content: attr(data-login-label);
}

#Loginbox #LoginButton #ButtonText.account::before {
  content: attr(data-account-label);
}

#DownloadBox .MediumButtonText::before {
  content: attr(data-download-label);
}

#LoginstatusText_2 {
  position: relative !important;
  width: 206px !important;
  height: 27px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#LoginstatusText_2::before {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 206px;
  height: 27px;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* Align the entire left column around one centered vertical axis. */
#MenuColumn {
  width: 230px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#LeftArtwork {
  width: 230px !important;
  left: 0 !important;
  top: -226px !important;
  height: 220px !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  pointer-events: none;
}

#LeftArtwork #TibiaLogoArtworkTop {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 300px !important;
  height: 218px !important;
  object-fit: contain;
  pointer-events: auto;
}

#Loginbox,
#DownloadBox,
#Menu,
.menuitem {
  width: 206px !important;
  align-self: center;
}

#Loginbox {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}

#Loginbox #LoginButtonContainer {
  margin-bottom: 4px !important;
}

#Loginbox .Loginstatus {
  margin-bottom: 0 !important;
}

#DownloadBox {
  margin-top: 4px !important;
  margin-bottom: 10px !important;
}

#DownloadBox .SmallBoxButtonContainer {
  margin-bottom: 0 !important;
}

#Menu {
  padding-top: 0 !important;
}

#ContentColumn {
  margin-left: 236px !important;
}

@media (min-width: 1360px) {
  #MenuColumn {
    margin-left: 0 !important;
  }
}

/* Final sidebar rhythm: smaller centered controls with consistent vertical spacing. */
:root {
  --eclipse-side-width: 190px;
  --eclipse-side-column: 220px;
}

#MenuColumn {
  width: var(--eclipse-side-column) !important;
  align-items: center !important;
}

#LeftArtwork {
  width: var(--eclipse-side-column) !important;
}

#LeftArtwork #TibiaLogoArtworkTop {
  width: 286px !important;
  height: 208px !important;
}

#Loginbox,
#DownloadBox,
#Menu,
.menuitem,
.MenuButton,
.Submenu {
  box-sizing: border-box !important;
}

#Loginbox,
#DownloadBox,
#Menu,
.menuitem,
.MenuButton {
  width: var(--eclipse-side-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#Loginbox #LoginButton,
#Loginbox #LoginButton > div,
#Loginbox #LoginButtonContainer,
#DownloadBox #PlayNowContainer,
#DownloadBox .MediumButtonBackground,
#DownloadBox .SmallBoxButtonContainer {
  width: var(--eclipse-side-width) !important;
}

#Loginbox #LoginButton #ButtonText,
#Loginbox #LoginButton #ButtonText::before,
#DownloadBox .MediumButtonText,
#DownloadBox .MediumButtonText::before {
  width: var(--eclipse-side-width) !important;
}

#Loginbox .Loginstatus,
#LoginstatusText_2,
#LoginstatusText_2::before {
  width: var(--eclipse-side-width) !important;
}

#Loginbox {
  margin-bottom: 0 !important;
}

#Loginbox #LoginButtonContainer {
  margin-bottom: 3px !important;
}

#DownloadBox {
  margin-top: 12px !important;
  margin-bottom: 14px !important;
}

#Menu {
  padding-top: 0 !important;
}

.menuitem {
  margin-bottom: 7px !important;
}

.Submenu {
  width: calc(var(--eclipse-side-width) - 10px) !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.MenuButton .Icon,
.Icon {
  left: 10px !important;
}

.MenuButton .Label,
.Label {
  left: 44px !important;
  width: 126px !important;
}

.MenuButton .Extend,
.Extend {
  right: 7px !important;
}

#ContentColumn {
  margin-left: 226px !important;
}

/* Final single-axis alignment for the whole left sidebar. */
:root {
  --eclipse-side-width: 206px;
  --eclipse-side-column: 230px;
}

#MenuColumn {
  width: var(--eclipse-side-column) !important;
  min-width: var(--eclipse-side-column) !important;
  max-width: var(--eclipse-side-column) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#Loginbox,
#DownloadBox,
#Menu {
  width: var(--eclipse-side-width) !important;
  min-width: var(--eclipse-side-width) !important;
  max-width: var(--eclipse-side-width) !important;
  align-self: center !important;
  position: relative !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#Loginbox #LoginButtonContainer,
#Loginbox #LoginButton,
#Loginbox #LoginButton > div,
#Loginbox .Loginstatus,
#LoginstatusText_2,
#DownloadBox .SmallBoxButtonContainer,
#DownloadBox #PlayNowContainer,
#DownloadBox .MediumButtonBackground,
#Menu .menuitem,
#Menu .MenuButton {
  width: var(--eclipse-side-width) !important;
  min-width: var(--eclipse-side-width) !important;
  max-width: var(--eclipse-side-width) !important;
  position: relative !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#Loginbox #LoginButton #ButtonText,
#Loginbox #LoginButton #ButtonText::before,
#DownloadBox .MediumButtonText,
#DownloadBox .MediumButtonText::before,
#LoginstatusText_2::before {
  width: var(--eclipse-side-width) !important;
  min-width: var(--eclipse-side-width) !important;
  max-width: var(--eclipse-side-width) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#Loginbox #LoginButtonContainer,
#Loginbox .Loginstatus,
#DownloadBox .SmallBoxButtonContainer,
#Menu .menuitem {
  display: block !important;
}

#DownloadBox {
  margin-top: 12px !important;
  margin-bottom: 14px !important;
}

#Menu .Submenu {
  width: var(--eclipse-side-width) !important;
  min-width: var(--eclipse-side-width) !important;
  max-width: var(--eclipse-side-width) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Rubin-inspired right sidebar cards for Eclipse OT. */
:root {
  --eclipse-right-width: 188px;
  --eclipse-panel-gold: #d49a37;
  --eclipse-panel-cream: #e8cf9a;
  --eclipse-panel-cream-2: #c79d58;
  --eclipse-panel-blue: #12364a;
}

#ThemeboxesColumn {
  width: 210px !important;
  min-width: 210px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#Themeboxes {
  width: var(--eclipse-right-width) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 auto !important;
}

#RightArtwork {
  margin-left: 0 !important;
  width: var(--eclipse-right-width) !important;
}

#Themeboxes > br,
#Themeboxes .rank_bottom,
#Themeboxes .discord_bottom,
#Themeboxes .donate_bottom,
#Themeboxes .serversave_bottom,
#Themeboxes .searchchar_bottom,
#Themeboxes .rashid_bottom {
  display: none !important;
}

.eclipse-rightbox,
.donate,
.discord,
.serversave,
.searchchar,
.rank {
  width: var(--eclipse-right-width) !important;
  min-width: var(--eclipse-right-width) !important;
  max-width: var(--eclipse-right-width) !important;
  height: auto !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  position: relative !important;
}

.eclipse-rightbox-title,
.donate_header,
.discord_header,
.serversave_header,
.searchchar_header,
.rank_header {
  width: var(--eclipse-right-width) !important;
  height: 32px !important;
  line-height: 31px !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border: 2px solid #a86b23 !important;
  border-radius: 4px 4px 0 0 !important;
  color: #f7e7bd !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255, 176, 69, 0.55) !important;
  margin: 0 !important;
  padding: 0 !important;
  background-image: none !important;
}

.eclipse-rightbox-title::before,
.eclipse-rightbox-title::after,
.donate_header::before,
.donate_header::after,
.discord_header::before,
.discord_header::after,
.serversave_header::before,
.serversave_header::after,
.searchchar_header::before,
.searchchar_header::after,
.rank_header::before,
.rank_header::after {
  content: '*';
  color: #ffcb66;
  font-size: 12px;
  padding: 0 5px;
}

.eclipse-rightbox-content,
.donate_content,
.discord_content,
.serversave_content,
.searchchar_content,
.rank_content {
  width: var(--eclipse-right-width) !important;
  min-width: var(--eclipse-right-width) !important;
  max-width: var(--eclipse-right-width) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 12px 10px !important;
  box-sizing: border-box !important;
  background-color: #d9b36d !important; background-image: linear-gradient(180deg, rgba(239, 212, 158, 0.96), rgba(202, 156, 86, 0.96)) !important;
  border: 2px solid #a86b23 !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  color: #432816 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 244, 198, 0.55), 0 4px 12px rgba(0, 0, 0, 0.55) !important;
  
}

.donate {
  order: 1;
}

.eclipse-boosted {
  order: 2;
}

.discord {
  order: 3;
}

.eclipse-wiki {
  order: 4;
}

.serversave {
  order: 5;
}

.searchchar {
  order: 6;
}

.rank {
  order: 7;
}

.donate_header {
  color: #ffe0a2 !important;
}

.donate_content {
  padding: 9px !important;
}

.donate_content img {
  width: 166px !important;
  height: 78px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 auto 8px !important;
  border: 1px solid rgba(69, 24, 16, 0.85) !important;
  filter: saturate(1.15) contrast(1.08) brightness(0.88) !important;
}

.donate_content > div {
  position: relative;
}

.donate_content > div::after {
  content: attr(data-exclusive-label);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 13px;
  color: #ffe16c;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 800;
  font-style: italic;
  font-size: 14px;
  text-shadow: 0 2px 2px #160706, 0 0 5px #000;
}

.donate_button,
.discord_button,
.searchchar_button,
.rank_button,
.eclipse-action-button {
  width: 154px !important;
  height: 34px !important;
  line-height: 32px !important;
  display: inline-block !important;
  border: 1px solid #ffe5a2 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #ff9d26 0%, #c45608 100%) !important;
  color: #fff8dc !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 1px #4c1200 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.32), 0 2px 7px rgba(0, 0, 0, 0.45) !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.donate_button:hover,
.discord_button:hover,
.searchchar_button:hover,
.rank_button:hover,
.eclipse-action-button:hover {
  background: linear-gradient(180deg, #ffc04f 0%, #d86108 100%) !important;
  color: #fff !important;
}

/* Webshop spotlight: richer gold treatment without affecting other sidebar boxes. */
#Themeboxes .donate {
  border-radius: 5px !important;
  filter: drop-shadow(0 0 7px rgba(255, 190, 58, 0.34)) !important;
}

#Themeboxes .donate_header {
  height: 36px !important;
  line-height: 33px !important;
  background: linear-gradient(180deg, #7b3212 0%, #451307 52%, #210704 100%) !important;
  border-color: #f0bd52 !important;
  color: #fff1ba !important;
  font-size: 16px !important;
  text-shadow: 0 2px 0 #170301, 0 0 10px rgba(255, 209, 91, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 174, 0.38), inset 0 -3px 0 rgba(30, 5, 2, 0.58), 0 0 0 1px #6f3b0e !important;
}

#Themeboxes .donate_header::before,
#Themeboxes .donate_header::after {
  content: '\2726' !important;
  color: #ffd66e !important;
  font-size: 11px !important;
  padding: 0 7px !important;
  text-shadow: 0 0 7px rgba(255, 218, 112, 0.85) !important;
}

#Themeboxes .donate_content {
  padding: 10px 9px 11px !important;
  background-color: #d7a541 !important;
  background-image: linear-gradient(145deg, rgba(255, 235, 159, 0.98) 0%, rgba(220, 169, 70, 0.98) 46%, rgba(164, 102, 26, 0.98) 100%) !important;
  border-color: #efbd55 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 247, 205, 0.72), inset 0 -10px 20px rgba(91, 43, 8, 0.16), 0 5px 15px rgba(0, 0, 0, 0.62), 0 0 12px rgba(255, 183, 43, 0.2) !important;
}

#Themeboxes .donate_content > div {
  padding: 3px !important;
  background: linear-gradient(135deg, #fff0a8, #a45c13) !important;
  border: 1px solid #6f3109 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 244, 183, 0.55), 0 3px 8px rgba(70, 28, 4, 0.48) !important;
}

#Themeboxes .donate_content img {
  width: 158px !important;
  height: 76px !important;
  margin: 0 auto !important;
  border: 1px solid #3c1007 !important;
  filter: saturate(1.28) contrast(1.12) brightness(0.94) !important;
}

#Themeboxes .donate_content > div::after {
  content: attr(data-exclusive-label) !important;
  bottom: 8px !important;
  color: #ffe681 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 2px #190401, 0 0 7px #000 !important;
}

#Themeboxes .donate_content > a {
  display: block !important;
  margin-top: 9px !important;
  text-decoration: none !important;
}

#Themeboxes .donate_button {
  width: 160px !important;
  height: 36px !important;
  line-height: 34px !important;
  background: linear-gradient(180deg, #9f3516 0%, #681506 54%, #380804 100%) !important;
  border: 1px solid #ffe09a !important;
  color: #fff8e3 !important;
  font-size: 10px !important;
  text-shadow: 0 1px 1px #190200 !important;
  box-shadow: inset 0 1px 0 rgba(255, 232, 166, 0.44), inset 0 -3px 0 rgba(36, 3, 1, 0.5), 0 3px 8px rgba(61, 20, 3, 0.58), 0 0 8px rgba(255, 197, 70, 0.24) !important;
}

#Themeboxes .donate_button:hover {
  background: linear-gradient(180deg, #c94b1d 0%, #861e08 54%, #4b0b04 100%) !important;
  border-color: #fff0bd !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 241, 193, 0.55), inset 0 -3px 0 rgba(36, 3, 1, 0.5), 0 3px 9px rgba(61, 20, 3, 0.68), 0 0 14px rgba(255, 202, 76, 0.62) !important;
  transform: translateY(-1px) !important;
}

.eclipse-boosted-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  padding: 14px 9px !important;
}

.eclipse-boosted-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #274052;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1.2;
}

.eclipse-boosted-frame {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  background: rgba(13, 37, 53, 0.08);
  border: 2px solid #28516d;
  border-radius: 4px;
  margin-bottom: 5px;
  overflow: hidden;
}

.eclipse-boosted-frame img {
  max-width: 64px;
  max-height: 64px;
  object-fit: contain;
}

.eclipse-boosted-item strong {
  color: #18384f;
  font-size: 10px;
}

.eclipse-boosted-item span {
  max-width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.discord_content,
.eclipse-actionbox {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 116px !important;
}

.discord_content::before {
  content: '';
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 45%, #7d86ff 0 28%, #5865f2 29% 58%, #3540b8 59% 100%);
  border: 4px solid rgba(255,255,255,0.42);
  box-shadow: 0 0 18px rgba(88, 101, 242, 0.65);
}

.discord_content::after {
  content: none !important;
}

.discord_button {
  background: linear-gradient(180deg, #6777ff 0%, #3344cb 100%) !important;
  border-color: #cfd5ff !important;
}

.eclipse-action-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 50% 45%, #f4d06a 0 28%, #c8972e 29% 70%, #8d5b14 71% 100%);
  color: #fff5cd;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 30px;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(255, 180, 59, 0.5);
}

.eclipse-actionbox p {
  margin: 0;
  color: #4d3520;
  font-size: 10px;
  line-height: 1.35;
}

.serversave_content {
  display: grid !important;
  justify-content: stretch !important;
  align-items: center !important;
  gap: 7px !important;
}

.serversave_text {
  color: #4d3520 !important;
  font-weight: 700 !important;
}

.serversave_countdown {
  color: #fff3d5 !important;
  background: rgba(40, 18, 12, 0.72) !important;
  border-color: #ffe2a1 !important;
  border-radius: 4px !important;
  font-size: 22px !important;
  letter-spacing: 0 !important;
}

.searchchar_input {
  width: 154px !important;
  height: 32px !important;
  margin: 0 auto 7px !important;
  border: 1px solid #8a6230 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

.rank_content {
  padding: 8px 8px 11px !important;
}

.rank_player {
  position: relative !important;
  color: #4d3520 !important;
  min-height: 42px !important;
  padding: 6px 2px 6px 4px !important;
  border-bottom: 1px solid rgba(112, 73, 33, 0.35) !important;
  background-repeat: no-repeat !important;
  background-position: center 32% !important;
  background-size: cover !important;
  box-shadow: inset 0 0 0 1px rgba(255, 219, 135, 0.2) !important;
}

/* Character creation page polish. */
#ContentColumn .Content .eclipse-create-character-page {
  padding: 14px !important;
  background: linear-gradient(180deg, #f3dfa9 0%, #d7ae62 100%) !important;
  border: 1px solid #b36a15 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 244, 197, .38), 0 3px 12px rgba(0, 0, 0, .25) !important;
}

#ContentColumn .Content .eclipse-create-character-page,
#ContentColumn .Content .eclipse-create-character-page * {
  color: #24100a !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
}

#ContentColumn .Content .eclipse-character-create-hero {
  margin: 0 0 14px !important;
  padding: 22px 24px !important;
  border: 1px solid #9a4a0b !important;
  background:
    linear-gradient(90deg, rgba(58, 8, 5, .96), rgba(83, 18, 9, .88)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 223, 143, .22), 0 3px 10px rgba(0, 0, 0, .30) !important;
}

#ContentColumn .Content .eclipse-character-create-hero span {
  display: inline-block !important;
  margin-bottom: 8px !important;
  color: #ffcf75 !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

#ContentColumn .Content .eclipse-character-create-hero h2 {
  margin: 0 0 7px !important;
  color: #fff0bd !important;
  font: 900 25px Georgia, "Times New Roman", serif !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

#ContentColumn .Content .eclipse-character-create-hero p,
#ContentColumn .Content .eclipse-character-create-hero a {
  max-width: 760px !important;
  margin: 0 !important;
  color: #fce7b0 !important;
  font: 700 12px/1.55 Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-character-create-hero a {
  color: #ffd16c !important;
  text-decoration: underline !important;
}

#ContentColumn .Content .eclipse-character-create-alert {
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  border: 1px solid #9c1f10 !important;
  background: #fff0ca !important;
  color: #6c1309 !important;
  font: 900 12px/1.45 Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-character-create-form {
  display: block !important;
  margin: 0 !important;
}

#ContentColumn .Content .eclipse-character-create-section {
  margin: 0 0 14px !important;
  padding: 16px !important;
  border: 1px solid rgba(133, 82, 25, .70) !important;
  background: rgba(255, 239, 191, .66) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

#ContentColumn .Content .eclipse-character-create-section-title {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-bottom: 14px !important;
}

#ContentColumn .Content .eclipse-character-create-section-title > span {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border: 1px solid #a65612 !important;
  background: linear-gradient(180deg, #541307, #210503) !important;
  color: #ffe5a6 !important;
  font: 900 14px Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-character-create-section-title h3 {
  margin: 0 0 3px !important;
  color: #3a0905 !important;
  font: 900 18px Georgia, "Times New Roman", serif !important;
}

#ContentColumn .Content .eclipse-character-create-section-title p {
  margin: 0 !important;
  color: #503019 !important;
  font: 700 11px/1.45 Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-character-create-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(220px, .7fr) !important;
  gap: 14px !important;
}

#ContentColumn .Content .eclipse-character-field {
  display: block !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(127, 77, 20, .50) !important;
  background: rgba(255, 247, 218, .65) !important;
}

#ContentColumn .Content .eclipse-character-field > span {
  display: block !important;
  margin-bottom: 8px !important;
  color: #4b1308 !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

#ContentColumn .Content div.eclipse-character-name-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 22px !important;
  gap: 8px !important;
  align-items: center !important;
}

#ContentColumn .Content div.eclipse-character-name-row input {
  width: 100% !important;
  height: 35px !important;
  padding: 0 10px !important;
  border: 1px solid #8b5a22 !important;
  background: #fff6d6 !important;
  color: #190906 !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
  outline: none !important;
}

#ContentColumn .Content div.eclipse-character-name-row input:focus {
  border-color: #5f160c !important;
  box-shadow: 0 0 0 2px rgba(95, 22, 12, .18) !important;
}

#ContentColumn .Content div.eclipse-character-name-row img {
  width: 16px !important;
  height: 16px !important;
}

#ContentColumn .Content #character_error {
  display: block !important;
  min-height: 16px !important;
  margin-top: 7px !important;
  color: #6d1b0d !important;
  font: 800 11px Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-character-choice-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#ContentColumn .Content .eclipse-character-choice {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 35px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(114, 65, 20, .62) !important;
  background: #f4d89a !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

#ContentColumn .Content .eclipse-character-choice:has(input:checked) {
  border-color: #5f160c !important;
  background: #fff0bd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 0 0 2px rgba(95, 22, 12, .18) !important;
}

#ContentColumn .Content .eclipse-character-choice input {
  margin: 0 !important;
}

#ContentColumn .Content .eclipse-character-choice span {
  color: #2a1007 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-character-vocation-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}

#ContentColumn .Content .eclipse-create-character-page .eclipse-vocation-card {
  min-height: 260px !important;
  padding: 10px !important;
  border-radius: 4px !important;
}

#ContentColumn .Content .eclipse-create-character-page .eclipse-vocation-card img {
  height: 128px !important;
  object-fit: contain !important;
}

#ContentColumn .Content .eclipse-character-create-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 4px 0 2px !important;
}

#ContentColumn .Content .eclipse-character-back-button,
#ContentColumn .Content .eclipse-character-back-button:link,
#ContentColumn .Content .eclipse-character-back-button:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 18px !important;
  border: 1px solid #6d3f1a !important;
  background: linear-gradient(180deg, #8a5b2d, #523018) !important;
  color: #fff2c0 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 180, .32), 0 2px 6px rgba(0, 0, 0, .22) !important;
}

#ContentColumn .Content .eclipse-character-back-button:hover {
  filter: brightness(1.08) !important;
}

@media (max-width: 760px) {
  #ContentColumn .Content .eclipse-character-create-grid {
    grid-template-columns: 1fr !important;
  }

  #ContentColumn .Content .eclipse-character-create-hero {
    padding: 18px !important;
  }

  #ContentColumn .Content .eclipse-character-create-hero h2 {
    font-size: 21px !important;
  }
}

/* Eclipse plugin library */
#ContentColumn .eclipse-plugin-page { color:#321c10; font:12px Verdana,Arial,sans-serif; }
#ContentColumn .eclipse-plugin-page * { box-sizing:border-box; }
#ContentColumn .eclipse-plugin-hero { display:flex; flex-direction:column; justify-content:center; min-height:132px; margin:0 0 14px; padding:22px 24px; border:1px solid #8b4f16; border-radius:6px; background:#27130d; color:#fff4ce; box-shadow:inset 0 0 0 2px rgba(232,171,62,.18),0 3px 8px rgba(46,20,5,.28); }
#ContentColumn .eclipse-plugin-hero-compact { min-height:92px; }
#ContentColumn .eclipse-plugin-kicker { margin-bottom:6px; color:#efbc55; font-size:10px; font-weight:800; text-transform:uppercase; }
#ContentColumn .eclipse-plugin-hero h2 { margin:0; color:#fff4ce; font:700 25px Georgia,serif; text-shadow:0 2px 2px #000; }
#ContentColumn .eclipse-plugin-hero p { max-width:650px; margin:7px 0 0; color:#f3dfb0; line-height:1.55; }
#ContentColumn .eclipse-plugin-toolbar { display:flex; align-items:center; gap:10px; margin:0 0 14px; padding:10px; border:1px solid #b87b26; background:#ead08e; color:#2c180d; }
#ContentColumn .eclipse-plugin-toolbar-split { justify-content:space-between; flex-wrap:wrap; }
#ContentColumn .eclipse-plugin-toolbar form { display:flex; align-items:center; gap:8px; margin:0; }
#ContentColumn .eclipse-plugin-toolbar label { font-weight:800; }
#ContentColumn .eclipse-plugin-toolbar select,#ContentColumn .eclipse-plugin-toolbar input,#ContentColumn .eclipse-market-sell-form select,#ContentColumn .eclipse-market-sell-form input,#ContentColumn .eclipse-plugin-search { min-height:34px; border:1px solid #806035; border-radius:3px; background:#fff7df; color:#25140b; padding:6px 9px; }
#ContentColumn .eclipse-monster-card.is-search-hidden { display:none!important; }
#ContentColumn .eclipse-plugin-button { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:7px 14px; border:1px solid #ffd77b; border-radius:4px; background:#8b250f; color:#fff!important; -webkit-text-fill-color:#fff!important; font-weight:800; text-decoration:none!important; text-shadow:0 1px #300; cursor:pointer; }
#ContentColumn .eclipse-plugin-button:hover { filter:brightness(1.13); }
#ContentColumn .eclipse-plugin-button-secondary { border-color:#7d592c; background:#604628; }
#ContentColumn .eclipse-plugin-button-danger { background:#6e160c; }
#ContentColumn .eclipse-plugin-button:disabled { opacity:.55; cursor:not-allowed; }
#ContentColumn .eclipse-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#ContentColumn .eclipse-category-grid a { min-height:78px; padding:15px 17px; border:1px solid #ad7228; border-left:5px solid #8d2a12; border-radius:4px; background:#f0d796; color:#2b170c!important; text-decoration:none!important; box-shadow:0 2px 4px rgba(70,39,8,.2); }
#ContentColumn .eclipse-category-grid a:hover { background:#f8e6b5; transform:translateY(-1px); }
#ContentColumn .eclipse-category-grid strong,#ContentColumn .eclipse-category-grid span { display:block; }
#ContentColumn .eclipse-category-grid strong { margin-bottom:5px; font:700 16px Georgia,serif; }
#ContentColumn .eclipse-category-grid span { color:#684827; font-size:10px; }
#ContentColumn .eclipse-plugin-table-wrap { overflow:auto; border:1px solid #9b641f; background:#f1d99c; }
#ContentColumn .eclipse-plugin-table { width:100%; border-collapse:collapse; color:#25150c; }
#ContentColumn .eclipse-plugin-table th { padding:11px 10px; background:#092d3c; color:#fff4ce; text-align:left; }
#ContentColumn .eclipse-plugin-table td { padding:9px 10px; border-top:1px solid #c89a4c; background:#f3dda4; vertical-align:middle; }
#ContentColumn .eclipse-plugin-table tr:nth-child(even) td { background:#e7c678; }
#ContentColumn .eclipse-item-image img,#ContentColumn .eclipse-item-sprite { width:32px; height:32px; object-fit:contain; }
#ContentColumn .eclipse-plugin-empty { grid-column:1/-1; padding:24px!important; background:#ead08e!important; color:#3b2413!important; text-align:center; font-weight:700; }
#ContentColumn .eclipse-plugin-tab-list { display:flex; gap:3px; }
#ContentColumn .eclipse-plugin-tab-list button { flex:1; min-height:38px; border:1px solid #81521d; background:#d9b66b; color:#301a0d; font-weight:800; cursor:pointer; }
#ContentColumn .eclipse-plugin-tab-list button.is-active { background:#092d3c; color:#fff4ce; }
#ContentColumn .eclipse-plugin-tab-panel { display:none; padding-top:8px; }
#ContentColumn .eclipse-plugin-tab-panel.is-active { display:block; }
#ContentColumn .eclipse-plugin-filter-links { display:flex; gap:5px; }
#ContentColumn .eclipse-plugin-filter-links a { padding:7px 10px; border:1px solid #91611f; background:#fff0c4; color:#3a210f!important; font-weight:800; text-decoration:none!important; }
#ContentColumn .eclipse-bestiary-category-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:13px; }
#ContentColumn .eclipse-bestiary-category-grid.is-bosstiary { grid-template-columns:repeat(3,minmax(0,1fr)); }
#ContentColumn .eclipse-monster-page-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:10px; border:1px solid #8d531b; background:#c99b51; }
#ContentColumn .eclipse-monster-page-switch a { padding:9px 12px; color:#3a210f!important; font-size:11px; font-weight:900; text-align:center; text-decoration:none!important; text-transform:uppercase; }
#ContentColumn .eclipse-monster-page-switch a + a { border-left:1px solid #8d531b; }
#ContentColumn .eclipse-monster-page-switch a.is-active { background:linear-gradient(180deg,#8f2c13,#571005)!important; color:#fff3d0!important; -webkit-text-fill-color:#fff3d0!important; text-shadow:0 1px #260300!important; }
#ContentColumn .eclipse-bestiary-category { display:grid; grid-template-rows:auto 66px auto; min-height:116px; padding:8px; border:1px solid #a66c25; border-radius:3px; background:#dfbd76; color:#2b180d!important; text-align:center; text-decoration:none!important; box-shadow:inset 0 0 0 1px rgba(255,244,204,.45),0 2px 4px rgba(61,31,5,.2); }
#ContentColumn .eclipse-bestiary-category:hover { background:#efd797; transform:translateY(-1px); }
#ContentColumn .eclipse-bestiary-category.is-active { border-color:#70200e; background:#f2d997; box-shadow:inset 0 0 0 2px #a83a1a,0 3px 7px rgba(61,22,4,.32); }
#ContentColumn .eclipse-bestiary-category strong { overflow:hidden; color:#321b0e!important; font:700 13px Georgia,serif; text-overflow:ellipsis; white-space:nowrap; }
#ContentColumn .eclipse-bestiary-category-image { display:flex; align-items:center; justify-content:center; margin:5px auto; width:66px; height:62px; border:1px solid #9b6a2c; background:#cda65d; }
#ContentColumn .eclipse-bestiary-category-image img { max-width:60px; max-height:58px; image-rendering:auto; }
#ContentColumn .eclipse-bestiary-category-grid:not(.is-bosstiary) .eclipse-bestiary-category-image img { width:56px; height:56px; image-rendering:pixelated; }
#ContentColumn .eclipse-bestiary-category-grid.is-bosstiary .eclipse-bestiary-category-image img { width:58px; height:58px; object-fit:contain; }
#ContentColumn .eclipse-bestiary-category small { color:#6f4822!important; font-size:9px; font-weight:800; }
#ContentColumn .eclipse-bestiary-results-header { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:10px; padding:11px 13px; border:1px solid #a66c25; background:#ead08e; color:#2b180d; }
#ContentColumn .eclipse-bestiary-results-header span { color:#7a4e22!important; font-size:9px; font-weight:800; text-transform:uppercase; }
#ContentColumn .eclipse-bestiary-results-header h3 { margin:2px 0; color:#30190c!important; font:700 18px Georgia,serif; }
#ContentColumn .eclipse-bestiary-results-header p { margin:0; color:#60401f!important; font-size:10px; }
#ContentColumn .eclipse-bestiary-actions { display:flex; align-items:center; gap:8px; }
#ContentColumn .eclipse-bestiary-actions form { margin:0; }
#ContentColumn .eclipse-monster-search-empty[hidden] { display:none!important; }
#ContentColumn .eclipse-monster-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#ContentColumn .eclipse-monster-card { display:grid; grid-template-columns:70px 1fr; gap:9px; min-height:118px; padding:10px; border:1px solid #ae7324; border-radius:5px; background:#efd493; color:#27150b!important; text-decoration:none!important; box-shadow:0 2px 5px rgba(59,32,5,.2); }
#ContentColumn .eclipse-monster-card.is-boss { border-color:#d29022; box-shadow:inset 0 0 0 2px #f4ce66,0 2px 6px rgba(71,34,2,.3); }
#ContentColumn .eclipse-monster-portrait { display:flex; align-items:center; justify-content:center; width:70px; height:70px; background:#d8b466; border:1px solid #9e6b26; }
#ContentColumn .eclipse-monster-portrait img { max-width:64px; max-height:64px; }
#ContentColumn .eclipse-monster-card strong,#ContentColumn .eclipse-monster-card span { display:block; }
#ContentColumn .eclipse-monster-card span { margin-top:4px; color:#755028; font-size:10px; }
#ContentColumn .eclipse-monster-card dl { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; margin:0; border-top:1px solid #c4984e; }
#ContentColumn .eclipse-monster-card dl div { display:flex; justify-content:space-between; padding:7px 5px 0; }
#ContentColumn .eclipse-monster-card dt { font-weight:800; }
#ContentColumn .eclipse-monster-card dd { margin:0; }
#ContentColumn .eclipse-monster-detail-hero { flex-direction:row; align-items:center; justify-content:flex-start; gap:18px; }
#ContentColumn .eclipse-monster-detail-image { display:flex; align-items:center; justify-content:center; width:92px; height:92px; border:1px solid #bc7e27; background:rgba(0,0,0,.3); }
#ContentColumn .eclipse-monster-detail-image img { max-width:88px; max-height:88px; }
#ContentColumn .eclipse-stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:12px; }
#ContentColumn .eclipse-stat-grid div { padding:12px; border:1px solid #ad7228; background:#efd493; text-align:center; }
#ContentColumn .eclipse-stat-grid span,#ContentColumn .eclipse-stat-grid strong { display:block; }
#ContentColumn .eclipse-stat-grid span { margin-bottom:5px; color:#795126; font-size:10px; text-transform:uppercase; }
#ContentColumn .eclipse-stat-grid strong { font-size:16px; }
#ContentColumn .eclipse-plugin-section { margin:0 0 12px; padding:14px; border:1px solid #ad7228; background:#efd493; color:#2b180d; }
#ContentColumn .eclipse-plugin-section h3 { margin:-14px -14px 13px; padding:10px 13px; background:#092d3c; color:#fff4ce; font:700 15px Georgia,serif; }
#ContentColumn .eclipse-detail-list,#ContentColumn .eclipse-element-grid,#ContentColumn .eclipse-plugin-tags { display:flex; flex-wrap:wrap; gap:8px; }
#ContentColumn .eclipse-detail-list span,#ContentColumn .eclipse-element-grid span,#ContentColumn .eclipse-plugin-tags span { padding:8px 10px; border:1px solid #bd914b; background:#f8e5b4; color:#301b0e; }
#ContentColumn .eclipse-element-grid span strong { display:block; margin-bottom:3px; }
#ContentColumn .eclipse-loot-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
#ContentColumn .eclipse-loot-grid div { display:grid; grid-template-columns:40px minmax(0,1fr); grid-template-rows:auto auto; align-content:center; align-items:center; column-gap:7px; min-height:58px; padding:7px; border:1px solid #bd914b; background:#f8e5b4; }
#ContentColumn .eclipse-loot-grid img { grid-column:1; grid-row:1/3; justify-self:center; width:32px; height:32px; }
#ContentColumn .eclipse-loot-grid strong { grid-column:2; grid-row:1; min-width:0; line-height:1.2; overflow-wrap:anywhere; }
#ContentColumn .eclipse-loot-grid span { grid-column:2; grid-row:2; align-self:start; color:#785129; font-size:10px; font-weight:800; line-height:1.2; }
#ContentColumn .eclipse-monster-voice { color:#7c220d; font-weight:800; }
#ContentColumn .eclipse-plugin-notice,#ContentColumn .eclipse-plugin-note { padding:12px; border:1px solid #b87b26; background:#ead08e; color:#321d0f; }
#ContentColumn .eclipse-market-sell-form { display:grid; grid-template-columns:2fr 1fr auto; gap:10px; align-items:end; }
#ContentColumn .eclipse-market-sell-form label { display:grid; gap:5px; font-weight:800; }
#ContentColumn .eclipse-market-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
#ContentColumn .eclipse-market-card { display:grid; grid-template-columns:92px 1fr; gap:12px; padding:13px; border:1px solid #9b641f; border-top:4px solid #8d2a12; border-radius:5px; background:#efd493; }
#ContentColumn .eclipse-market-outfit { display:flex; align-items:center; justify-content:center; min-height:112px; border:1px solid #b07a32; background:#d9b66b; overflow:hidden; }
#ContentColumn .eclipse-market-outfit img { max-width:110px; }
#ContentColumn .eclipse-market-card h3 { margin:4px 0; color:#27150b; font:700 18px Georgia,serif; }
#ContentColumn .eclipse-market-card h3 a { color:#27150b!important; -webkit-text-fill-color:#27150b!important; text-decoration:none!important; }
#ContentColumn .eclipse-market-card h3 a:hover { color:#7a1f0d!important; -webkit-text-fill-color:#7a1f0d!important; }
#ContentColumn .eclipse-market-vocation { color:#7b260e; font-size:10px; font-weight:800; text-transform:uppercase; }
#ContentColumn .eclipse-market-price { display:block; margin-top:12px; color:#6d190d; font-size:15px; }
#ContentColumn .eclipse-market-details-link { display:inline-block; margin-top:8px; color:#6f1d0d!important; -webkit-text-fill-color:#6f1d0d!important; font-size:10px; font-weight:900; text-decoration:underline!important; text-transform:uppercase; }
#ContentColumn .eclipse-market-card form { grid-column:1/-1; margin:0; }
#ContentColumn .eclipse-market-card form button { width:100%; }
#ContentColumn .eclipse-market-detail-page { padding-bottom:14px; }
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section { margin:0 0 12px; border:1px solid #a9691c; background:#e4bd65; box-shadow:0 2px 0 rgba(77,34,10,.35); }
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section h3 { margin:0; padding:11px 14px; border-bottom:1px solid #c48522; background:linear-gradient(180deg,#064158 0%,#052a38 100%); color:#ffe7a6!important; -webkit-text-fill-color:#ffe7a6!important; font:700 17px Georgia,serif; letter-spacing:0; text-shadow:0 1px 1px #000; }
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section > .eclipse-market-detail-stats,
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section > .eclipse-market-info-list,
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section > .eclipse-market-skill-grid,
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section > .eclipse-market-equipment-grid,
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section > .eclipse-market-death-list,
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section > .eclipse-plugin-note,
#ContentColumn .eclipse-market-detail-page .eclipse-plugin-section > .eclipse-market-comment { margin:14px; }
#ContentColumn .eclipse-market-detail-hero { position:relative; display:grid; grid-template-columns:168px minmax(0,1fr); align-items:center; gap:18px; min-height:164px; padding:20px 24px; border:1px solid #a9671a; border-top:3px solid #d9a03c; background:linear-gradient(135deg,rgba(36,9,5,.97) 0%,rgba(70,18,8,.95) 48%,rgba(23,8,5,.98) 100%); box-shadow:0 2px 8px rgba(23,8,4,.55), inset 0 0 0 1px rgba(255,205,103,.16); overflow:hidden; text-align:left; }
#ContentColumn .eclipse-market-detail-hero:after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 82% 20%,rgba(218,145,42,.18),transparent 30%),linear-gradient(90deg,transparent,rgba(255,220,139,.08)); }
#ContentColumn .eclipse-market-detail-hero > * { position:relative; z-index:1; }
#ContentColumn .eclipse-market-detail-hero h2 { margin:2px 0 3px; color:#fff2c8!important; -webkit-text-fill-color:#fff2c8!important; font-size:29px; line-height:1.05; text-shadow:0 2px 2px #180603; }
#ContentColumn .eclipse-market-detail-hero p { margin:0; color:#f3d491!important; -webkit-text-fill-color:#f3d491!important; font-size:13px; font-weight:800; text-shadow:none!important; }
#ContentColumn .eclipse-market-detail-hero .eclipse-plugin-kicker { color:#e5a63a!important; -webkit-text-fill-color:#e5a63a!important; font-size:10px; font-weight:900; letter-spacing:0; text-shadow:none!important; }
#ContentColumn .eclipse-market-detail-hero .eclipse-market-price { display:inline-flex; align-items:center; min-height:28px; margin-top:12px; padding:0 12px; border:1px solid #e1a23f; background:linear-gradient(180deg,#9f260e 0%,#641205 100%); color:#fff3c9!important; -webkit-text-fill-color:#fff3c9!important; font-size:15px; font-weight:900; box-shadow:inset 0 1px 0 rgba(255,229,146,.25); text-shadow:0 1px 1px #280300!important; }
#ContentColumn .eclipse-market-detail-outfit { display:flex; align-items:center; justify-content:center; min-height:136px; border:1px solid #d69a38; background:linear-gradient(180deg,#f0d389 0%,#be832c 100%); box-shadow:inset 0 0 0 4px rgba(61,27,8,.16),0 2px 5px rgba(0,0,0,.35); overflow:hidden; }
#ContentColumn .eclipse-market-detail-outfit img { max-width:132px; filter:drop-shadow(0 3px 2px rgba(0,0,0,.35)); }
#ContentColumn .eclipse-market-detail-actions { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin:14px 0 12px; }
#ContentColumn .eclipse-market-detail-actions form { margin:0; }
#ContentColumn .eclipse-market-detail-stats,
#ContentColumn .eclipse-market-info-list,
#ContentColumn .eclipse-market-skill-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
#ContentColumn .eclipse-market-detail-stats div,
#ContentColumn .eclipse-market-info-list div,
#ContentColumn .eclipse-market-skill-grid div { min-height:58px; padding:10px 11px; border:1px solid #bd914b; border-left:3px solid #8e2d13; background:linear-gradient(180deg,#ffefbf 0%,#f1d38d 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.45); }
#ContentColumn .eclipse-market-detail-stats span,
#ContentColumn .eclipse-market-info-list span,
#ContentColumn .eclipse-market-skill-grid span { display:block; color:#7a4e22!important; -webkit-text-fill-color:#7a4e22!important; font-size:9px; font-weight:900; text-transform:uppercase; }
#ContentColumn .eclipse-market-detail-stats strong,
#ContentColumn .eclipse-market-info-list strong,
#ContentColumn .eclipse-market-skill-grid strong { display:block; margin-top:5px; color:#2b180d!important; -webkit-text-fill-color:#2b180d!important; font-size:14px; line-height:1.25; text-shadow:none!important; }
#ContentColumn .eclipse-market-equipment-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
#ContentColumn .eclipse-market-equipment-grid div { position:relative; min-height:96px; padding:8px; border:1px solid #bd914b; background:#f8e5b4; text-align:center; }
#ContentColumn .eclipse-market-equipment-grid img { display:block; width:32px; height:32px; margin:0 auto 6px; }
#ContentColumn .eclipse-market-equipment-grid span,
#ContentColumn .eclipse-market-equipment-grid small { display:block; color:#7a4e22!important; -webkit-text-fill-color:#7a4e22!important; font-size:9px; font-weight:900; text-transform:uppercase; }
#ContentColumn .eclipse-market-equipment-grid strong { display:block; color:#2b180d!important; -webkit-text-fill-color:#2b180d!important; font-size:11px; line-height:1.2; overflow-wrap:anywhere; text-shadow:none!important; }
#ContentColumn .eclipse-market-death-list { display:grid; gap:7px; }
#ContentColumn .eclipse-market-death-list div { padding:9px 10px; border:1px solid #bd914b; background:#f8e5b4; }
#ContentColumn .eclipse-market-death-list span,
#ContentColumn .eclipse-market-death-list small { display:block; color:#7a4e22!important; -webkit-text-fill-color:#7a4e22!important; font-size:10px; font-weight:800; }
#ContentColumn .eclipse-market-death-list strong { display:block; color:#2b180d!important; -webkit-text-fill-color:#2b180d!important; font-size:13px; text-shadow:none!important; }
#ContentColumn .eclipse-market-comment { margin:0; color:#2b180d!important; -webkit-text-fill-color:#2b180d!important; font-weight:800; text-shadow:none!important; }
#ContentColumn .eclipse-powerful-guilds { margin:0 0 15px; border:1px solid #8e551b; background:#efd493; color:#2e190d; }
#ContentColumn .eclipse-powerful-guilds-heading { padding:12px 15px; background:#092d3c; color:#fff4ce; }
#ContentColumn .eclipse-powerful-guilds-heading span { color:#e9b94f; font-size:9px; font-weight:800; text-transform:uppercase; }
#ContentColumn .eclipse-powerful-guilds-heading h2 { margin:3px 0 0; font:700 18px Georgia,serif; }
#ContentColumn .eclipse-powerful-guilds-list { display:grid; grid-template-columns:repeat(5,1fr); }
#ContentColumn .eclipse-powerful-guilds-list a { display:flex; flex-direction:column; align-items:center; gap:5px; min-width:0; padding:12px 5px; border-right:1px solid #c99b51; color:#2c180d!important; text-align:center; text-decoration:none!important; }
#ContentColumn .eclipse-powerful-guilds-list a:last-child { border-right:0; }
#ContentColumn .eclipse-powerful-guilds-list img { width:46px; height:46px; object-fit:contain; }
#ContentColumn .eclipse-powerful-guilds-list strong,#ContentColumn .eclipse-powerful-guilds-list small { display:block; overflow:hidden; text-overflow:ellipsis; }
#ContentColumn .eclipse-powerful-guilds-list small { margin-top:3px; color:#725027; font-size:9px; }
#ContentColumn .eclipse-guild-position { display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#8d2a12; color:#fff; font-weight:800; }
@media(max-width:900px){#ContentColumn .eclipse-bestiary-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#ContentColumn .eclipse-bestiary-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#ContentColumn .eclipse-monster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ContentColumn .eclipse-loot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ContentColumn .eclipse-market-detail-stats,#ContentColumn .eclipse-market-info-list,#ContentColumn .eclipse-market-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ContentColumn .eclipse-market-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#ContentColumn .eclipse-powerful-guilds-list{grid-template-columns:repeat(2,1fr)}#ContentColumn .eclipse-powerful-guilds-list a{border-bottom:1px solid #c99b51}#ContentColumn .eclipse-bestiary-results-header{align-items:stretch;flex-direction:column}#ContentColumn .eclipse-bestiary-actions{align-items:stretch}}
@media(max-width:520px){#ContentColumn .eclipse-category-grid,#ContentColumn .eclipse-monster-grid,#ContentColumn .eclipse-market-grid{grid-template-columns:1fr}#ContentColumn .eclipse-bestiary-category-grid,#ContentColumn .eclipse-bestiary-category-grid.is-bosstiary{grid-template-columns:repeat(2,minmax(0,1fr))}#ContentColumn .eclipse-stat-grid{grid-template-columns:repeat(2,1fr)}#ContentColumn .eclipse-market-sell-form,#ContentColumn .eclipse-market-detail-hero,#ContentColumn .eclipse-market-detail-stats,#ContentColumn .eclipse-market-info-list,#ContentColumn .eclipse-market-skill-grid{grid-template-columns:1fr}#ContentColumn .eclipse-market-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ContentColumn .eclipse-market-detail-actions{align-items:stretch;flex-direction:column}#ContentColumn .eclipse-market-detail-actions .eclipse-plugin-button,#ContentColumn .eclipse-market-detail-actions form,#ContentColumn .eclipse-market-detail-actions button{width:100%}#ContentColumn .eclipse-plugin-toolbar form{align-items:stretch;flex-direction:column;width:100%}#ContentColumn .eclipse-plugin-tab-list{display:grid;grid-template-columns:1fr}#ContentColumn .eclipse-monster-detail-hero{flex-direction:column;align-items:flex-start}#ContentColumn .eclipse-bestiary-actions{flex-direction:column}#ContentColumn .eclipse-bestiary-actions .eclipse-plugin-search,#ContentColumn .eclipse-bestiary-actions .eclipse-plugin-button{width:100%}}

#Themeboxes .rank_player.is-vocation-knight {
  background-image: linear-gradient(90deg, rgba(12, 10, 8, 0.84), rgba(12, 10, 8, 0.54)), url("images/vocations/knightbanner.png") !important;
}

#Themeboxes .rank_player.is-vocation-paladin {
  background-image: linear-gradient(90deg, rgba(12, 10, 8, 0.84), rgba(12, 10, 8, 0.54)), url("images/vocations/paladinbanner.png") !important;
}

#Themeboxes .rank_player.is-vocation-monk {
  background-image: linear-gradient(90deg, rgba(12, 10, 8, 0.84), rgba(12, 10, 8, 0.54)), url("images/vocations/monkbanner.png") !important;
}

#Themeboxes .rank_player.is-vocation-sorcerer {
  background-image: linear-gradient(90deg, rgba(12, 10, 8, 0.84), rgba(12, 10, 8, 0.54)), url("images/vocations/sorcererbanner.png") !important;
}

#Themeboxes .rank_player.is-vocation-druid {
  background-image: linear-gradient(90deg, rgba(12, 10, 8, 0.84), rgba(12, 10, 8, 0.54)), url("images/vocations/druidbanner.png") !important;
}

#Themeboxes .rank-vip-ribbon {
  position: absolute !important;
  z-index: 3 !important;
  top: 6px !important;
  right: -8px !important;
  width: 42px !important;
  padding: 2px 0 !important;
  transform: rotate(38deg) !important;
  border: 1px solid #fff0a6 !important;
  background: linear-gradient(180deg, #c8321e 0%, #761208 100%) !important;
  color: #fff !important;
  font: 800 8px/1 Verdana, Arial, sans-serif !important;
  text-align: center !important;
  text-shadow: 0 1px 1px #420300 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.72) !important;
  pointer-events: none !important;
}

#Themeboxes .rank_text {
  position: relative !important;
  z-index: 1 !important;
  margin-left: 46px !important;
  color: #fff1c7 !important;
  text-shadow: 0 1px 2px #000 !important;
}

#Themeboxes .rank_text a {
  color: #fff3c4 !important;
}

#Themeboxes .rank_text small {
  color: #f4dca9 !important;
}

/* Right column final arrangement: Donate, Boosted, Highscores, Discord. */
#ThemeboxesColumn {
  margin-left: 0 !important;
}

#Themeboxes .donate { order: 1 !important; }
#Themeboxes .eclipse-boosted { order: 2 !important; }
#Themeboxes .rank { order: 3 !important; }
#Themeboxes .discord { order: 4 !important; }

#Themeboxes .discord_content::before,
#Themeboxes .discord_content::after {
  content: none !important;
  display: none !important;
}

#Themeboxes .eclipse-discord-icon {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
  padding: 9px !important;
  border-radius: 50% !important;
  background: #5865f2 !important;
  border: 4px solid rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 0 18px rgba(88, 101, 242, 0.65) !important;
  box-sizing: border-box !important;
}

#Themeboxes .eclipse-discord-text {
  color: #4d3520 !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

#EclipseFooterServerSave {
  width: 190px;
  margin: 20px auto 8px;
  text-align: center;
}

#EclipseFooterServerSave .serversave {
  width: 188px !important;
  height: auto !important;
  margin: 0 auto !important;
}

#EclipseFooterServerSave .serversave_header {
  width: 188px !important;
  height: 28px !important;
  line-height: 28px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 100%) !important;
  border: 1px solid #a86b23 !important;
  border-radius: 4px 4px 0 0 !important;
  color: #f7e7bd !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  background-image: none !important;
}

#EclipseFooterServerSave .serversave_content {
  width: 188px !important;
  height: auto !important;
  padding: 8px !important;
  background-color: #d9b36d !important;
  background-image: linear-gradient(180deg, rgba(239,212,158,.97), rgba(202,156,86,.97)) !important;
  border: 1px solid #a86b23 !important;
  border-top: 0 !important;
  border-radius: 0 0 4px 4px !important;
  box-sizing: border-box !important;
}

#EclipseFooterServerSave .serversave_bottom {
  display: none !important;
}

#EclipseFooterServerSave .serversave_text {
  color: #4d3520 !important;
}

#EclipseFooterServerSave .serversave_countdown {
  color: #fff3d5 !important;
  background: rgba(40,18,12,.72) !important;
  border-color: #ffe2a1 !important;
  font-size: 18px !important;
}

#Footer {
  color: #f0c893 !important;
  text-shadow: 0 1px 2px #000 !important;
}



/* Right sidebar layout: anchored to the page edge with a small content gap. */
#ContentColumn {
  margin-right: 230px !important;
}

#ThemeboxesColumn {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  margin-right: 0 !important;
  margin-left: 15px !important;
}

#Themeboxes {
  gap: 14px !important;
}

/* Boosted box: keep monster sprites and names readable inside the right sidebar. */
#Themeboxes .eclipse-boosted-grid {
  gap: 10px !important;
  padding: 12px 8px 13px !important;
  overflow: visible !important;
}

#Themeboxes .eclipse-boosted-item {
  min-width: 0 !important;
  overflow: visible !important;
}

#Themeboxes .eclipse-boosted-frame {
  width: 58px !important;
  height: 58px !important;
  overflow: visible !important;
  margin-bottom: 6px !important;
}

#Themeboxes .eclipse-boosted-frame img {
  max-width: 76px !important;
  max-height: 76px !important;
  object-fit: contain !important;
}

#Themeboxes .eclipse-boosted-item span {
  max-width: 78px !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.15 !important;
  min-height: 21px !important;
}

/* Footer server save: compact dark style matching the site bottom. */
#EclipseFooterServerSave {
  width: 210px !important;
  margin: 22px auto 10px !important;
}

#EclipseFooterServerSave .serversave {
  width: 210px !important;
  filter: none !important;
}

#EclipseFooterServerSave .serversave_header {
  width: 210px !important;
  height: 26px !important;
  line-height: 25px !important;
  background: linear-gradient(180deg, rgba(47, 9, 6, .96), rgba(8, 3, 3, .98)) !important;
  border: 1px solid rgba(255, 122, 24, .75) !important;
  border-bottom: 0 !important;
  border-radius: 4px 4px 0 0 !important;
  color: #ffd494 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 8px rgba(255, 93, 32, .85), 0 1px 2px #000 !important;
}

#EclipseFooterServerSave .serversave_header::before,
#EclipseFooterServerSave .serversave_header::after {
  content: '*';
  color: #ffb653;
  padding: 0 5px;
}

#EclipseFooterServerSave .serversave_content {
  width: 210px !important;
  padding: 8px 10px 10px !important;
  background: linear-gradient(180deg, rgba(20, 5, 4, .94), rgba(3, 1, 1, .96)) !important;
  border: 1px solid rgba(255, 122, 24, .75) !important;
  border-top: 0 !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: 0 0 18px rgba(0,0,0,.72), inset 0 0 14px rgba(255,70,24,.10) !important;
}

#EclipseFooterServerSave .serversave_text {
  color: #d9a66c !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

#EclipseFooterServerSave .serversave_countdown {
  color: #ffe5bc !important;
  background: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(255, 195, 104, .50) !important;
  border-radius: 3px !important;
  font-size: 18px !important;
  text-shadow: 0 0 8px rgba(255,94,32,.55), 0 1px 2px #000 !important;
}

/* Final polish: boosted sprite centering and dark footer server save box. */
#Themeboxes .eclipse-boosted-grid {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  padding: 12px 8px 14px !important;
}

#Themeboxes .eclipse-boosted-item {
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  color: #18384f !important;
  text-decoration: none !important;
}

#Themeboxes .eclipse-boosted-footer {
  grid-column: 1 / -1 !important;
  margin-top: 10px !important;
  display: flex !important;
  justify-content: center !important;
}

#Themeboxes .eclipse-boosted-card-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  color: #18384f !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .15s ease, filter .15s ease;
}

#Themeboxes a.eclipse-boosted-card-link:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
}

#Themeboxes a.eclipse-boosted-card-link strong,
#Themeboxes a.eclipse-boosted-card-link span {
  color: inherit !important;
  text-decoration: none !important;
}

#Themeboxes .eclipse-boosted-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 126px !important;
  margin-top: 0 !important;
  padding: 6px 14px !important;
  border: 1px solid #ffe5a2 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #ff9d26 0%, #c45608 100%) !important;
  color: #fff8dc !important;
  font: 800 10px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 1px #4c1200 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 2px 7px rgba(0,0,0,.35) !important;
}

#Themeboxes .eclipse-boosted-action:hover {
  background: linear-gradient(180deg, #ffc04f 0%, #d86108 100%) !important;
  color: #fff !important;
}

#Themeboxes .eclipse-boosted-frame {
  width: 68px !important;
  height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#Themeboxes .eclipse-boosted-frame img {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  flex: 0 0 64px !important;
}

#Themeboxes .eclipse-boosted-boss .eclipse-boosted-frame img {
  width: 64px !important;
  height: 64px !important;
}

#Themeboxes .eclipse-boosted-creature .eclipse-boosted-frame img {
  width: 64px !important;
  height: 64px !important;
}

#Themeboxes .eclipse-boosted-item span {
  max-width: 74px !important;
  margin: 0 auto !important;
  white-space: normal !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

#EclipseFooterServerSave,
#EclipseFooterServerSave .serversave {
  width: 210px !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

#EclipseFooterServerSave {
  margin: 20px auto 8px !important;
}

#EclipseFooterServerSave .serversave_header {
  width: 210px !important;
  height: 28px !important;
  line-height: 28px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

#EclipseFooterServerSave .serversave_content {
  width: 210px !important;
  height: auto !important;
  min-height: 66px !important;
  padding: 9px 12px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
}

#EclipseFooterServerSave .serversave_text {
  width: 100% !important;
  line-height: 1.1 !important;
}

#EclipseFooterServerSave .serversave_countdown {
  width: 164px !important;
  height: 32px !important;
  line-height: 31px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Simple footer server save. */
#EclipseFooterServerSave {
  width: 190px !important;
  margin: 18px auto 8px !important;
  text-align: center !important;
}

#EclipseFooterServerSave .serversave {
  width: 190px !important;
  height: auto !important;
  margin: 0 auto !important;
  filter: none !important;
}

#EclipseFooterServerSave .serversave_header,
#EclipseFooterServerSave .serversave_text,
#EclipseFooterServerSave .serversave_bottom {
  display: none !important;
}

#EclipseFooterServerSave .serversave_content {
  width: 190px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#EclipseFooterServerSave .serversave_countdown {
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: inline-block !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffd494 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 10px rgba(255, 87, 28, .55), 0 1px 2px #000 !important;
}

/* Server save as a single footer line. */
#EclipseFooterServerSave .serversave_content {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
}

#EclipseFooterServerSave .serversave_content::before {
  content: attr(data-server-save-label) ':';
  color: #ffd494 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 8px rgba(255, 87, 28, .45), 0 1px 2px #000 !important;
}

#EclipseFooterServerSave .serversave_countdown {
  font-size: 18px !important;
}

/* Server save stacked footer text. */
#EclipseFooterServerSave .serversave_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}

#EclipseFooterServerSave .serversave_content::before {
  content: attr(data-server-save-label) ':';
  color: #ffd494 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: 0 0 8px rgba(255, 87, 28, .45), 0 1px 2px #000 !important;
}

#EclipseFooterServerSave .serversave_countdown {
  font-size: 18px !important;
  line-height: 1 !important;
}

.Content .BorderTitleText.eclipse-status-shell {
  height: 32px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  position: relative !important;
  background-image:
    linear-gradient(90deg, rgba(15, 4, 4, .98), rgba(77, 13, 9, .96) 50%, rgba(15, 4, 4, .98)) !important;
  border-top: 1px solid rgba(255, 174, 73, .35) !important;
  border-bottom: 1px solid rgba(255, 73, 32, .35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 214, 128, .14),
    inset 0 -1px 0 rgba(0, 0, 0, .72),
    0 0 18px rgba(0, 0, 0, .42) !important;
}

/* Status bar: compact centered server state. */
.eclipse-onlinebar {
  grid-column: 2 !important;
  width: auto !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  top: 0 !important;
  margin: 0 !important;
}

.eclipse-onlinebar-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 164px !important;
  height: 22px !important;
  gap: 7px !important;
  float: none !important;
  margin: 0 auto !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 176, 73, .72) !important;
  border-radius: 4px !important;
  background:
    linear-gradient(180deg, rgba(70, 14, 10, .92), rgba(18, 4, 4, .98)) !important;
  color: #ffe7bc !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px #000, 0 0 8px rgba(255, 99, 35, .38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 220, 135, .18),
    inset 0 -1px 0 rgba(0, 0, 0, .55),
    0 0 14px rgba(0, 0, 0, .62) !important;
  transition: border-color .15s ease, filter .15s ease, box-shadow .15s ease;
}

.eclipse-onlinebar-link:hover {
  border-color: rgba(255, 213, 126, .95) !important;
  color: #fff5d8 !important;
  filter: brightness(1.08);
  text-decoration: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 235, 170, .24),
    inset 0 -1px 0 rgba(0, 0, 0, .55),
    0 0 18px rgba(255, 72, 24, .30) !important;
}

.eclipse-status-dot {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
  background: #b52217 !important;
  box-shadow: 0 0 8px rgba(255, 45, 29, .85), 0 0 0 1px rgba(255, 218, 155, .35) !important;
}

.eclipse-onlinebar.is-online .eclipse-status-dot {
  background: #50d86b !important;
  box-shadow: 0 0 9px rgba(80, 216, 107, .95), 0 0 0 1px rgba(220, 255, 214, .4) !important;
}

.eclipse-onlinebar.is-offline .eclipse-onlinebar-link {
  border-color: rgba(255, 95, 61, .72) !important;
  background:
    linear-gradient(180deg, rgba(88, 12, 10, .96), rgba(15, 3, 3, .98)) !important;
}

.eclipse-onlinebar .InfoBarBigLogo {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  opacity: .82 !important;
  filter: sepia(.35) saturate(1.2) brightness(1.35) drop-shadow(0 0 5px rgba(255, 122, 35, .35)) !important;
}

.eclipse-onlinebar .InfoBarNumbers,
.eclipse-onlinebar .InfoBarSmallElement {
  float: none !important;
  position: static !important;
  margin: 0 !important;
  border: 0 !important;
}

.eclipse-onlinebar .eclipse-status-text {
  display: inline-block !important;
  color: inherit !important;
  line-height: 20px !important;
  white-space: nowrap !important;
}

/* Center Eclipse logo above the online players bar. */
#LeftArtwork {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  height: 210px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  pointer-events: none !important;
  z-index: 50000 !important;
}

#LeftArtwork #TibiaLogoArtworkTop {
  position: relative !important;
  top: 4px !important;
  left: auto !important;
  width: 286px !important;
  height: 208px !important;
  display: block !important;
  margin-left: 0 !important;
  transform: none !important;
  object-fit: contain !important;
  pointer-events: auto !important;
  z-index: 50000 !important;
}

#LeftArtwork {
  display: none !important;
}

#EclipseCenteredLogo {
  position: absolute !important;
  top: 4px !important;
  left: calc(50vw - 143px) !important;
  right: auto !important;
  width: 286px !important;
  height: 208px !important;
  display: block !important;
  margin: 0 !important;
  transform: translateZ(0) !important;
  object-fit: contain !important;
  cursor: pointer !important;
  z-index: 999999 !important;
  filter: drop-shadow(0 16px 22px rgba(0,0,0,.96)) drop-shadow(0 0 20px rgba(255,54,24,.58));
}

.eclipse-language-switcher {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  z-index: 5;
  display: inline-flex;
  gap: 4px;
  transform: none !important;
  margin-right: 12px;
  padding: 3px;
  border: 1px solid rgba(255, 189, 91, .42);
  border-radius: 4px;
  background: rgba(18, 4, 3, .82);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 230, 158, .08);
}

.Content .BorderTitleText.eclipse-status-shell .eclipse-status-language-switcher {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  position: static !important;
  transform: none !important;
  margin: 0 12px 0 0 !important;
}

.eclipse-language-switcher a {
  min-width: 32px;
  padding: 3px 7px;
  border: 1px solid rgba(255, 219, 137, .24);
  border-radius: 3px;
  color: #f6deb0 !important;
  -webkit-text-fill-color: #f6deb0 !important;
  font: 900 10px Verdana, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px #000 !important;
}

.eclipse-language-switcher a.is-active,
.eclipse-language-switcher a:hover {
  background: linear-gradient(180deg, #8d1d0d 0%, #3a0703 100%);
  border-color: rgba(255, 210, 112, .58);
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
}

/* Central content: dark Eclipse panels over legacy Canary boxes. */
.Content .Box {
  margin-bottom: 14px !important;
  background: rgba(6, 2, 2, .88) !important;
  border: 1px solid rgba(255, 112, 36, .42) !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  box-shadow:
    0 16px 32px rgba(0, 0, 0, .72),
    0 0 0 1px rgba(255, 203, 115, .08),
    inset 0 0 28px rgba(255, 54, 24, .07) !important;
}

.Content .Corner-tl,
.Content .Corner-tr,
.Content .Corner-bl,
.Content .Corner-br,
.Content .Border_1,
.Content .Border_2,
.Content .Border_3,
.Content .Border_4,
.Content .Border_5,
.Content .Border_6,
.Content .Border_7,
.Content .Border_8,
.Content .Border_9,
.Content .BottomCornersHelper,
.Content .CornerWrapper-b {
  display: none !important;
}

.Content .BoxContent {
  min-height: 76px !important;
  padding: 12px 14px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(160, 26, 17, .20), transparent 42%),
    linear-gradient(180deg, rgba(31, 8, 8, .94), rgba(13, 4, 4, .98)) !important;
  color: #f2d9be !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 219, 150, .10),
    inset 0 0 32px rgba(0, 0, 0, .46) !important;
}

.Content .Border_2,
.Content .Border_3 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.Content .BoxContent table,
.Content .BoxContent tbody,
.Content .BoxContent tr,
.Content .BoxContent td {
  background: transparent !important;
  color: inherit !important;
}

.Content .BoxContent td {
  padding: 8px 10px !important;
}

.Content .BoxContent p {
  margin: 0 0 10px !important;
}

.Content .BoxContent a {
  color: #ffb768 !important;
  text-decoration: none !important;
}

.Content .BoxContent a:hover {
  color: #ffe1a8 !important;
  text-shadow: 0 0 8px rgba(255, 112, 36, .55) !important;
}

.Content .Title {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  padding: 6px 12px 7px !important;
  color: #ffe2a8 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 2px #000, 0 0 10px rgba(255, 95, 35, .62) !important;
}

.Content .Title::first-letter {
  color: #5e170d !important;
}

.Content .BorderTitleText:not(.eclipse-status-shell) {
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(10, 3, 3, .98), rgba(61, 12, 8, .96) 48%, rgba(10, 3, 3, .98)) !important;
  border-bottom: 1px solid rgba(255, 105, 42, .45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 219, 150, .12),
    inset 0 -1px 0 rgba(0, 0, 0, .72),
    0 5px 14px rgba(0, 0, 0, .35) !important;
}

.Content #NewsTicker .BoxContent,
.Content #News .BoxContent,
.Content #FeaturedArticle .BoxContent {
  min-height: 88px !important;
}

.Content #NewsTicker .BoxContent {
  padding: 12px 14px !important;
}

.Content #NewsTicker .BoxContent .Row {
  min-height: 28px !important;
  padding: 7px 9px 7px 34px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 126, 45, .22) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, .38), rgba(0, 0, 0, .22)) !important;
}

.Content #NewsTicker .NewsTickerIcon {
  top: 8px !important;
  left: 9px !important;
  filter: drop-shadow(0 0 6px rgba(255, 95, 35, .55)) !important;
}

.Content #NewsTicker .NewsTickerText {
  margin-left: 0 !important;
  color: #ead0b8 !important;
}

.Content #NewsTicker .NewsTickerDate {
  position: static !important;
  display: inline-block !important;
  width: auto !important;
  margin-right: 16px !important;
  color: #c69a72 !important;
  font-size: 10px !important;
}

.Content #NewsTicker .NewsTickerShortText,
.Content #NewsTicker .NewsTickerFullText {
  margin-left: 0 !important;
  color: #f1d9bf !important;
}

.Content #NewsTicker .NewsTickerExtend {
  top: 1px !important;
  filter: sepia(.35) saturate(1.6) brightness(1.35) !important;
}

.Content #News .NewsHeadlineBackground,
.Content #FeaturedArticle .NewsHeadlineBackground,
.Content #NewsArchive .NewsHeadlineBackground {
  height: 32px !important;
  margin: 0 0 10px !important;
  border: 1px solid rgba(255, 126, 45, .28) !important;
  border-radius: 4px !important;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .78), rgba(50, 9, 8, .84), rgba(0, 0, 0, .78)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 218, 145, .10) !important;
}

.Content #News .NewsHeadlineIcon,
.Content #FeaturedArticle .NewsHeadlineIcon,
.Content #NewsArchive .NewsHeadlineIcon {
  top: 5px !important;
  left: 9px !important;
  margin: 0 !important;
  filter: drop-shadow(0 0 6px rgba(255, 95, 35, .50)) !important;
}

.Content #News .NewsHeadlineDate,
.Content #FeaturedArticle .NewsHeadlineDate,
.Content #NewsArchive .NewsHeadlineDate {
  top: 9px !important;
  left: 48px !important;
  width: 96px !important;
  color: #c69a72 !important;
  font-size: 10px !important;
}

.Content #News .NewsHeadlineText,
.Content #FeaturedArticle .NewsHeadlineText,
.Content #NewsArchive .NewsHeadlineText {
  top: 8px !important;
  left: 142px !important;
  color: #d8c1ad !important;
  font-size: 13px !important;
  text-shadow: 0 1px 2px #000 !important;
}

.Content #News .BoxContent > table td {
  padding: 0 10px 10px !important;
  color: #f0d7bf !important;
}

.Content #News .BoxContent > table td::first-letter {
  color: #5e170d !important;
}

/* Central content contrast pass: readable ticker and news body. */
.Content .BoxContent {
  background:
    radial-gradient(circle at 50% 0, rgba(189, 45, 22, .24), transparent 48%),
    linear-gradient(180deg, rgba(48, 16, 13, .97), rgba(26, 9, 8, .98)) !important;
  color: #ffe6ca !important;
}

.Content .BoxContent div,
.Content .BoxContent span,
.Content .BoxContent td,
.Content .BoxContent p,
.Content .BoxContent b,
.Content .BoxContent i {
  color: #ffe6ca !important;
  opacity: 1 !important;
}

.Content #NewsTicker .BoxContent {
  background:
    linear-gradient(180deg, rgba(52, 17, 13, .98), rgba(24, 7, 7, .98)) !important;
}

.Content #NewsTicker .BoxContent .Row {
  min-height: 38px !important;
  padding: 10px 38px 10px 38px !important;
  border-color: rgba(255, 160, 72, .40) !important;
  background:
    linear-gradient(180deg, rgba(92, 33, 24, .88), rgba(47, 15, 12, .92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 221, 158, .12),
    0 6px 16px rgba(0, 0, 0, .30) !important;
}

.Content #NewsTicker .NewsTickerText,
.Content #NewsTicker .NewsTickerText div,
.Content #NewsTicker .NewsTickerText span,
.Content #NewsTicker .NewsTickerShortText,
.Content #NewsTicker .NewsTickerFullText {
  color: #ffe3c1 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px #000 !important;
}

.Content #NewsTicker .NewsTickerDate {
  color: #ffbf7a !important;
  font-weight: 700 !important;
}

.Content #NewsTicker .NewsTickerIcon {
  top: 11px !important;
}

.Content #NewsTicker .NewsTickerExtend {
  position: absolute !important;
  top: 12px !important;
  right: 11px !important;
}

.Content #News .NewsHeadlineBackground,
.Content #FeaturedArticle .NewsHeadlineBackground,
.Content #NewsArchive .NewsHeadlineBackground {
  background:
    linear-gradient(90deg, rgba(15, 4, 4, .96), rgba(93, 25, 15, .92), rgba(15, 4, 4, .96)) !important;
  border-color: rgba(255, 160, 72, .42) !important;
}

.Content #News .NewsHeadlineDate,
.Content #FeaturedArticle .NewsHeadlineDate,
.Content #NewsArchive .NewsHeadlineDate {
  color: #ffbf7a !important;
  opacity: 1 !important;
}

.Content #News .NewsHeadlineText,
.Content #FeaturedArticle .NewsHeadlineText,
.Content #NewsArchive .NewsHeadlineText {
  color: #ffe3c1 !important;
  opacity: 1 !important;
}

.Content #News .BoxContent > table td {
  color: #ffe6ca !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .72) !important;
}

.Content #News .BoxContent > table td img[align="bottom"] {
  filter: sepia(.45) saturate(1.8) brightness(1.9) drop-shadow(0 0 7px rgba(255, 125, 45, .45)) !important;
}

/* Keep all central content text readable over dark panels. */
#ContentColumn .Content,
#ContentColumn .Content *,
#ContentColumn .Content .BoxContent,
#ContentColumn .Content .BoxContent *,
#ContentColumn .Content table,
#ContentColumn .Content tr,
#ContentColumn .Content td,
#ContentColumn .Content th,
#ContentColumn .Content div,
#ContentColumn .Content span,
#ContentColumn .Content p,
#ContentColumn .Content li,
#ContentColumn .Content label,
#ContentColumn .Content small,
#ContentColumn .Content strong,
#ContentColumn .Content b,
#ContentColumn .Content i {
  color: #ffe6ca !important;
}

#ContentColumn .Content a,
#ContentColumn .Content a * {
  color: #ffbf7a !important;
}

#ContentColumn .Content a:hover,
#ContentColumn .Content a:hover * {
  color: #fff1cf !important;
}

#ContentColumn .Content input,
#ContentColumn .Content select,
#ContentColumn .Content textarea {
  color: #24100a !important;
}

/* Ticker uses lowercase id in MyAAC output. */
#ContentColumn #newsticker .BoxContent {
  min-height: 78px !important;
  padding: 12px 14px !important;
  background: linear-gradient(180deg, rgba(68, 22, 15, .98), rgba(31, 9, 8, .98)) !important;
}

#ContentColumn #newsticker .Row,
#ContentColumn #newsticker .Row > .Odd,
#ContentColumn #newsticker .Row > .Even {
  min-height: 38px !important;
  display: block !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, rgba(138, 71, 55, .92), rgba(86, 37, 29, .94)) !important;
  border: 1px solid rgba(255, 196, 115, .55) !important;
  border-radius: 4px !important;
  color: #fff0d6 !important;
  opacity: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 190, .22), 0 6px 16px rgba(0, 0, 0, .35) !important;
}

#ContentColumn #newsticker .Row {
  position: relative !important;
  padding: 0 !important;
}

#ContentColumn #newsticker .Row > .Odd,
#ContentColumn #newsticker .Row > .Even {
  padding: 10px 38px 10px 38px !important;
}

#ContentColumn #newsticker .NewsTickerText,
#ContentColumn #newsticker .NewsTickerText *,
#ContentColumn #newsticker .NewsTickerShortText,
#ContentColumn #newsticker .NewsTickerFullText {
  color: #fff0d6 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px #000 !important;
}

#ContentColumn #newsticker .NewsTickerDate {
  color: #ffd08a !important;
  font-weight: 800 !important;
}

#ContentColumn #newsticker .NewsTickerIcon {
  top: 11px !important;
  left: 10px !important;
  filter: brightness(1.7) saturate(1.6) drop-shadow(0 0 7px rgba(255, 120, 45, .65)) !important;
}

#ContentColumn #newsticker .NewsTickerExtend {
  position: absolute !important;
  top: 12px !important;
  right: 11px !important;
  filter: brightness(1.75) saturate(1.5) !important;
}

#ContentColumn #newsticker .NewsTickerText,
#ContentColumn #newsticker .NewsTickerText *,
#ContentColumn #newsticker .NewsTickerShortText,
#ContentColumn #newsticker .NewsTickerFullText {
  color: #fff8e8 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px #000, 0 0 8px rgba(255, 218, 150, .28) !important;
}

#ContentColumn #newsticker .NewsTickerDate {
  color: #ffe0a6 !important;
  font-weight: 900 !important;
}

#ContentColumn #newsticker .Row > .Odd,
#ContentColumn #newsticker .Row > .Even {
  background: linear-gradient(180deg, rgba(116, 50, 37, .96), rgba(64, 25, 20, .98)) !important;
}

#ContentColumn #News .BoxContent {
  background: linear-gradient(180deg, rgba(52, 17, 13, .98), rgba(24, 7, 7, .98)) !important;
}

#ContentColumn #News .NewsHeadlineBackground {
  background: linear-gradient(180deg, rgba(116, 50, 37, .96), rgba(64, 25, 20, .98)) !important;
  border: 1px solid rgba(255, 196, 115, .55) !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 190, .22), 0 6px 16px rgba(0, 0, 0, .35) !important;
}

#ContentColumn #News .NewsHeadlineDate {
  color: #ffe0a6 !important;
  font-weight: 900 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px #000 !important;
}

#ContentColumn #News .NewsHeadlineText {
  color: #fff8e8 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px #000, 0 0 8px rgba(255, 218, 150, .28) !important;
}

#ContentColumn #News .BoxContent table,
#ContentColumn #News .BoxContent tr,
#ContentColumn #News .BoxContent td,
#ContentColumn #News .BoxContent td * {
  color: #fff8e8 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .72) !important;
}

#ContentColumn #News .BoxContent > table {
  margin-top: 4px !important;
  background: linear-gradient(180deg, rgba(116, 50, 37, .42), rgba(64, 25, 20, .34)) !important;
  border: 1px solid rgba(255, 196, 115, .20) !important;
  border-radius: 4px !important;
}

#ContentColumn #News .BoxContent td img[align="bottom"] {
  filter: sepia(.45) saturate(1.8) brightness(2.1) drop-shadow(0 0 7px rgba(255, 125, 45, .55)) !important;
}

/* Server Info page: lighter central cards for readability. */
#ContentColumn .eclipse-server-info,
#ContentColumn .eclipse-server-info *,
#ContentColumn .eclipse-server-info td,
#ContentColumn .eclipse-server-info div,
#ContentColumn .eclipse-server-info span,
#ContentColumn .eclipse-server-info p,
#ContentColumn .eclipse-server-info small,
#ContentColumn .eclipse-server-info label,
#ContentColumn .eclipse-server-info b {
  color: #3c1d12 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#ContentColumn .eclipse-server-info {
  padding: 8px 10px 16px !important;
}

#ContentColumn .eclipse-server-info h1 {
  margin: 4px 0 14px !important;
  color: #ffe7b8 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 28px !important;
  text-shadow: 0 2px 2px #000, 0 0 12px rgba(255, 108, 35, .55) !important;
}

#ContentColumn .eclipse-server-info .SmallBox,
#ContentColumn .eclipse-server-info .MessageContainer,
#ContentColumn .eclipse-server-info .Message {
  background: linear-gradient(180deg, #f1d391, #c9964d) !important;
  border: 1px solid #8f5525 !important;
  border-radius: 5px !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 204, .7), 0 8px 18px rgba(0, 0, 0, .35) !important;
}

#ContentColumn .eclipse-server-info .Message {
  padding: 10px !important;
}

#ContentColumn .eclipse-server-info a,
#ContentColumn .eclipse-server-info a * {
  color: #5e170d !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

#ContentColumn .eclipse-server-info a:hover,
#ContentColumn .eclipse-server-info a:hover * {
  color: #9b250e !important;
  text-decoration: underline !important;
}

#ContentColumn .eclipse-server-info > div[style*="display: flex"] {
  gap: 22px !important;
  align-items: flex-start !important;
}

#ContentColumn .eclipse-server-info p[style*="font-size: 24px"] {
  color: #ffe7b8 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 2px #000, 0 0 10px rgba(255, 108, 35, .45) !important;
}

#ContentColumn .eclipse-server-info p[style*="font-size: 24px"] + small {
  color: #f2c98a !important;
  text-shadow: 0 1px 2px #000 !important;
}

#ContentColumn .eclipse-server-info label {
  color: #f7d08e !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px #000 !important;
}

#ContentColumn .eclipse-server-info .TableContainer {
  background: rgba(12, 5, 4, .35) !important;
  border: 1px solid rgba(255, 178, 79, .45) !important;
  border-radius: 5px !important;
  padding: 8px !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .42) !important;
}

#ContentColumn .eclipse-server-info .CaptionContainer,
#ContentColumn .eclipse-server-info .CaptionInnerContainer {
  height: auto !important;
  min-height: 30px !important;
  background: linear-gradient(180deg, #2d0b08, #090202) !important;
  border: 1px solid rgba(255, 178, 79, .58) !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 220, 140, .2) !important;
}

#ContentColumn .eclipse-server-info .CaptionContainer *,
#ContentColumn .eclipse-server-info .CaptionInnerContainer *,
#ContentColumn .eclipse-server-info .CaptionContainer .Text,
#ContentColumn .eclipse-server-info .CaptionContainer .Text * {
  color: #ffe7b8 !important;
  text-shadow: 0 1px 2px #000 !important;
}

#ContentColumn .eclipse-server-info .CaptionContainer .Text {
  position: relative !important;
  padding: 7px 12px !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

#ContentColumn .eclipse-server-info .InnerTableContainer,
#ContentColumn .eclipse-server-info .TableContentContainer,
#ContentColumn .eclipse-server-info .TableContent,
#ContentColumn .eclipse-server-info .Table3 {
  background: transparent !important;
  border: 0 !important;
}

#ContentColumn .eclipse-server-info .TableContent {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 0 0 4px 4px !important;
}

#ContentColumn .eclipse-server-info .TableContent tr,
#ContentColumn .eclipse-server-info .TableContent tr[bgcolor],
#ContentColumn .eclipse-server-info .TableContent td {
  background: linear-gradient(180deg, #edd09a, #c79c5e) !important;
  color: #3c1d12 !important;
}

#ContentColumn .eclipse-server-info .TableContent tr:nth-child(even),
#ContentColumn .eclipse-server-info .TableContent tr:nth-child(even) td {
  background: linear-gradient(180deg, #f5ddb0, #d6ad70) !important;
}

#ContentColumn .eclipse-server-info .TableContent td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(87, 48, 22, .25) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#ContentColumn .eclipse-server-info .TableContent td b {
  color: #5e170d !important;
}

#ContentColumn .eclipse-server-info .eclipse-server-info-commands {
  background: linear-gradient(180deg, #f3dda5 0%, #dfbb6a 100%) !important;
  border: 1px solid #b46a16 !important;
  box-shadow: 0 10px 22px rgba(28, 9, 2, .28);
  padding: 14px 16px 16px;
}

#ContentColumn .eclipse-server-info .eclipse-server-info-commands-title {
  color: #2d1109 !important;
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 10px;
  text-shadow: none !important;
}

#ContentColumn .eclipse-server-info .eclipse-server-info-commands-body,
#ContentColumn .eclipse-server-info .eclipse-server-info-commands-body * {
  color: #160a04 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-server-info .eclipse-server-info-commands-body table,
#ContentColumn .eclipse-server-info .eclipse-server-info-commands-body .myaac-table {
  background: #f5e2ad !important;
  border: 1px solid #9d671e !important;
  border-collapse: collapse;
  width: 100% !important;
}

#ContentColumn .eclipse-server-info .eclipse-server-info-commands-body th,
#ContentColumn .eclipse-server-info .eclipse-server-info-commands-body thead td {
  background: linear-gradient(180deg, #4a0904 0%, #1a0503 100%) !important;
  color: #fff7dc !important;
  font-weight: 800;
}

#ContentColumn .eclipse-server-info .eclipse-server-info-commands-body td {
  background: #f1d391 !important;
  border: 1px solid rgba(91, 47, 8, .32) !important;
  color: #160a04 !important;
  font-weight: 700;
  padding: 8px 10px !important;
}

#ContentColumn .eclipse-server-info .eclipse-server-info-commands-body tbody tr:nth-child(even) td {
  background: #e2bd6d !important;
}

#ContentColumn #News .BoxContent .eclipse-server-info .eclipse-server-info-commands-body tbody td,
#ContentColumn #News .BoxContent .eclipse-server-info .eclipse-server-info-commands-body tbody td * {
  color: #160a04 !important;
  -webkit-text-fill-color: #160a04 !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .eclipse-server-info .eclipse-server-info-commands-body thead td,
#ContentColumn #News .BoxContent .eclipse-server-info .eclipse-server-info-commands-body thead td * {
  color: #fff7dc !important;
  -webkit-text-fill-color: #fff7dc !important;
}

#ContentColumn .eclipse-server-info .BoxFrameHorizontal,
#ContentColumn .eclipse-server-info .BoxFrameVerticalLeft,
#ContentColumn .eclipse-server-info .BoxFrameVerticalRight,
#ContentColumn .eclipse-server-info .BoxFrameEdgeLeftTop,
#ContentColumn .eclipse-server-info .BoxFrameEdgeRightTop,
#ContentColumn .eclipse-server-info .BoxFrameEdgeLeftBottom,
#ContentColumn .eclipse-server-info .BoxFrameEdgeRightBottom,
#ContentColumn .eclipse-server-info .CaptionEdgeLeftTop,
#ContentColumn .eclipse-server-info .CaptionEdgeRightTop,
#ContentColumn .eclipse-server-info .CaptionEdgeLeftBottom,
#ContentColumn .eclipse-server-info .CaptionEdgeRightBottom,
#ContentColumn .eclipse-server-info .CaptionBorderTop,
#ContentColumn .eclipse-server-info .CaptionBorderBottom,
#ContentColumn .eclipse-server-info .CaptionVerticalLeft,
#ContentColumn .eclipse-server-info .CaptionVerticalRight {
  display: none !important;
}

/* Server Info / Commands page: rebuilt card layout. */
#ContentColumn #News .BoxContent .eclipse-server-info {
  padding: 12px 14px 18px !important;
  color: #180904 !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .eclipse-server-info,
#ContentColumn #News .BoxContent .eclipse-server-info *:not(a):not(a *) {
  color: #180904 !important;
  -webkit-text-fill-color: #180904 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#ContentColumn #News .BoxContent .serverinfo-hero {
  background: linear-gradient(180deg, rgba(40, 7, 4, .96), rgba(8, 2, 1, .98)) !important;
  border: 1px solid #b46a16 !important;
  box-shadow: inset 0 1px 0 rgba(255, 230, 160, .2), 0 10px 22px rgba(0, 0, 0, .35);
  margin-bottom: 14px;
  padding: 16px;
  text-align: center;
}

#ContentColumn #News .BoxContent .serverinfo-hero h1 {
  color: #ffe7b8 !important;
  -webkit-text-fill-color: #ffe7b8 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 28px !important;
  font-weight: 800;
  margin: 0 0 12px !important;
  text-shadow: 0 2px 2px #000, 0 0 12px rgba(255, 108, 35, .55) !important;
}

#ContentColumn #News .BoxContent .serverinfo-card {
  background: linear-gradient(180deg, #f3dda5 0%, #dfbd72 100%) !important;
  border: 1px solid #b46a16 !important;
  box-shadow: inset 0 1px 0 rgba(255, 250, 214, .65), 0 12px 24px rgba(30, 9, 2, .28);
  margin-bottom: 14px;
  padding: 0;
}

#ContentColumn #News .BoxContent .serverinfo-card-title {
  background: linear-gradient(180deg, #0d3344 0%, #061824 100%) !important;
  border-bottom: 1px solid #b46a16;
  color: #fff3c5 !important;
  -webkit-text-fill-color: #fff3c5 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 17px;
  font-weight: 900;
  padding: 10px 14px;
  text-shadow: 0 2px 2px #000 !important;
}

#ContentColumn #News .BoxContent .eclipse-server-info .serverinfo-card .serverinfo-card-title,
#ContentColumn #News .BoxContent .eclipse-server-info .serverinfo-card .serverinfo-card-title *,
#ContentColumn #News .BoxContent .eclipse-server-info .serverinfo-hero h1,
#ContentColumn #News .BoxContent .eclipse-server-info .serverinfo-footer-note {
  color: #fff3c5 !important;
  -webkit-text-fill-color: #fff3c5 !important;
  text-shadow: 0 2px 2px #000 !important;
}

#ContentColumn #News .BoxContent .serverinfo-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr);
}

#ContentColumn #News .BoxContent .serverinfo-commands-body,
#ContentColumn #News .BoxContent .serverinfo-stage-table-wrap {
  padding: 14px;
}

#ContentColumn #News .BoxContent .serverinfo-commands-body table,
#ContentColumn #News .BoxContent .serverinfo-table {
  border-collapse: collapse;
  width: 100% !important;
}

#ContentColumn #News .BoxContent .serverinfo-commands-body thead td,
#ContentColumn #News .BoxContent .serverinfo-commands-body th,
#ContentColumn #News .BoxContent .serverinfo-table th {
  background: linear-gradient(180deg, #4a0904 0%, #1a0503 100%) !important;
  color: #fff7dc !important;
  -webkit-text-fill-color: #fff7dc !important;
  font-weight: 900;
  padding: 9px 10px !important;
  text-align: left;
}

#ContentColumn #News .BoxContent .serverinfo-commands-body tbody td,
#ContentColumn #News .BoxContent .serverinfo-table td {
  background: #f2d795 !important;
  border: 1px solid rgba(91, 47, 8, .28) !important;
  color: #180904 !important;
  -webkit-text-fill-color: #180904 !important;
  font-size: 13px;
  font-weight: 800;
  padding: 9px 10px !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .serverinfo-commands-body tbody tr:nth-child(even) td,
#ContentColumn #News .BoxContent .serverinfo-table tbody tr:nth-child(even) td {
  background: #e4bf70 !important;
}

#ContentColumn #News .BoxContent .serverinfo-muted {
  color: #3b1a0b !important;
  -webkit-text-fill-color: #3b1a0b !important;
  font-size: 12px;
  font-weight: 800;
  margin: 10px 14px 12px;
}

#ContentColumn #News .BoxContent .serverinfo-rate-tiles div {
  background: linear-gradient(180deg, #fff0bd, #d9ac55) !important;
  border: 1px solid #9d671e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 5px 12px rgba(72, 36, 4, .18);
  padding: 12px 8px;
  text-align: center;
}

#ContentColumn #News .BoxContent .serverinfo-rate-tiles span {
  color: #4b0e05 !important;
  -webkit-text-fill-color: #4b0e05 !important;
  display: block;
  font-size: 25px;
  font-weight: 900;
}

#ContentColumn #News .BoxContent .serverinfo-rate-tiles small {
  color: #281006 !important;
  -webkit-text-fill-color: #281006 !important;
  display: block;
  font-size: 11px;
  font-weight: 900;
  margin-top: 4px;
  text-transform: uppercase;
}

#ContentColumn #News .BoxContent .serverinfo-list {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 12px 14px 14px;
}

#ContentColumn #News .BoxContent .serverinfo-list div {
  align-content: center;
  background: #f2d795 !important;
  border: 1px solid rgba(91, 47, 8, .22);
  display: grid;
  gap: 2px;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  min-height: 48px;
  padding: 6px 9px;
}

#ContentColumn #News .BoxContent .serverinfo-list div:nth-child(even) {
  background: #e4bf70 !important;
}

#ContentColumn #News .BoxContent .serverinfo-list dt {
  color: #5e170d !important;
  -webkit-text-fill-color: #5e170d !important;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

#ContentColumn #News .BoxContent .serverinfo-list dd {
  color: #160a04 !important;
  -webkit-text-fill-color: #160a04 !important;
  font-weight: 900;
  margin: 0;
}

#ContentColumn #News .BoxContent .serverinfo-rate-tiles {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr);
  padding: 14px;
}

#ContentColumn #News .BoxContent .serverinfo-stage-table-wrap h3 {
  color: #5e170d !important;
  -webkit-text-fill-color: #5e170d !important;
  font-size: 14px;
  font-weight: 900;
  margin: 12px 0 6px;
}

#ContentColumn #News .BoxContent .serverinfo-stage-table-wrap h3:first-child {
  margin-top: 0;
}

#ContentColumn #News .BoxContent .serverinfo-rate-chart {
  display: grid;
  gap: 4px;
}

#ContentColumn #News .BoxContent .serverinfo-rate-row {
  align-items: center;
  display: grid;
  gap: 9px;
  grid-template-columns: 94px minmax(0, 1fr) 48px;
  min-height: 24px;
}

#ContentColumn #News .BoxContent .serverinfo-rate-range,
#ContentColumn #News .BoxContent .serverinfo-rate-row strong {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  font-size: 11px;
  font-weight: 900;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .serverinfo-rate-row strong {
  text-align: right;
}

#ContentColumn #News .BoxContent .serverinfo-rate-track {
  background: #c29a55 !important;
  border: 1px solid #9a6728;
  box-shadow: inset 0 1px 2px rgba(74, 36, 5, .28);
  display: block;
  height: 14px;
  overflow: hidden;
}

#ContentColumn #News .BoxContent .serverinfo-rate-track > span {
  background: linear-gradient(90deg, #72180b 0%, #bd4b18 58%, #e59b37 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 224, 146, .38);
  display: block;
  height: 100%;
}

#ContentColumn #News .BoxContent .serverinfo-footer-note {
  color: #ffe7b8 !important;
  -webkit-text-fill-color: #ffe7b8 !important;
  font-size: 12px;
  font-weight: 800;
  margin: 8px 0 0;
  text-align: center;
  text-shadow: 0 1px 2px #000 !important;
}

@media (max-width: 900px) {
  #ContentColumn #News .BoxContent .serverinfo-grid,
  #ContentColumn #News .BoxContent .serverinfo-rate-tiles {
    grid-template-columns: 1fr;
  }

  #ContentColumn #News .BoxContent .serverinfo-list div {
    grid-template-columns: 1fr;
  }

  #ContentColumn #News .BoxContent .serverinfo-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  #ContentColumn #News .BoxContent .serverinfo-list {
    grid-template-columns: 1fr;
  }

  #ContentColumn #News .BoxContent .serverinfo-rate-row {
    grid-template-columns: 78px minmax(0, 1fr) 42px;
  }
}

/* Online page: readable parchment cards with compact ranking table. */
#ContentColumn #News .BoxContent .eclipse-online-page,
#ContentColumn #News .BoxContent .eclipse-online-page *:not(a):not(a *) {
  color: #180904 !important;
  -webkit-text-fill-color: #180904 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#ContentColumn #News .BoxContent .eclipse-online-page {
  padding: 12px 14px 18px !important;
}

#ContentColumn #News .BoxContent .online-hero {
  align-items: center;
  background: linear-gradient(180deg, rgba(40, 7, 4, .96), rgba(8, 2, 1, .98)) !important;
  border: 1px solid #b46a16 !important;
  box-shadow: inset 0 1px 0 rgba(255, 230, 160, .2), 0 10px 22px rgba(0, 0, 0, .35);
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding: 16px;
}

#ContentColumn #News .BoxContent .online-hero h2 {
  color: #ffe7b8 !important;
  -webkit-text-fill-color: #ffe7b8 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 27px !important;
  font-weight: 900;
  margin: 0 0 4px !important;
  text-shadow: 0 2px 2px #000, 0 0 12px rgba(255, 108, 35, .55) !important;
}

#ContentColumn #News .BoxContent .online-hero p {
  color: #fff3c5 !important;
  -webkit-text-fill-color: #fff3c5 !important;
  font-size: 13px;
  font-weight: 800;
  margin: 0;
}

#ContentColumn #News .BoxContent .online-total {
  background: linear-gradient(180deg, #f3dda5, #c9964d) !important;
  border: 1px solid #8f5525;
  min-width: 150px;
  padding: 10px 12px;
  text-align: center;
}

#ContentColumn #News .BoxContent .online-total strong {
  color: #4b0e05 !important;
  -webkit-text-fill-color: #4b0e05 !important;
  display: block;
  font-size: 30px;
  font-weight: 900;
}

#ContentColumn #News .BoxContent .online-total span {
  color: #281006 !important;
  -webkit-text-fill-color: #281006 !important;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

#ContentColumn #News .BoxContent .online-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
}

#ContentColumn #News .BoxContent .online-overview-card {
  padding: 0 !important;
}

#ContentColumn #News .BoxContent .online-overview-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 12px;
}

#ContentColumn #News .BoxContent .online-overview-item {
  background: linear-gradient(180deg, #fff0bd, #d7aa54) !important;
  border: 1px solid rgba(91, 47, 8, .34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 5px 12px rgba(72, 36, 4, .16);
  min-height: 92px;
  padding: 12px;
}

#ContentColumn #News .BoxContent .online-overview-item span,
#ContentColumn #News .BoxContent .online-boosted-entry span,
#ContentColumn #News .BoxContent .online-top-entry span {
  color: #5e170d !important;
  -webkit-text-fill-color: #5e170d !important;
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#ContentColumn #News .BoxContent .online-overview-item strong,
#ContentColumn #News .BoxContent .online-boosted-entry strong,
#ContentColumn #News .BoxContent .online-top-entry strong {
  color: #180904 !important;
  -webkit-text-fill-color: #180904 !important;
  display: block;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 5px;
}

#ContentColumn #News .BoxContent .online-overview-item small,
#ContentColumn #News .BoxContent .online-top-entry small {
  color: #4b2110 !important;
  -webkit-text-fill-color: #4b2110 !important;
  display: block;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  margin-top: 6px;
}

#ContentColumn #News .BoxContent .online-status-item.is-online {
  background: linear-gradient(180deg, #dbf1ad, #91c85a) !important;
}

#ContentColumn #News .BoxContent .online-status-item.is-offline {
  background: linear-gradient(180deg, #f0c09d, #c96b4d) !important;
}

#ContentColumn #News .BoxContent .online-feature-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

#ContentColumn #News .BoxContent .online-boosted-list,
#ContentColumn #News .BoxContent .online-top-list {
  display: grid;
  gap: 10px;
  padding: 12px;
}

#ContentColumn #News .BoxContent .online-boosted-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#ContentColumn #News .BoxContent .online-boosted-entry,
#ContentColumn #News .BoxContent .online-top-entry {
  background: #f2d795 !important;
  border: 1px solid rgba(91, 47, 8, .24);
  display: grid;
  gap: 8px;
  min-height: 76px;
  padding: 10px;
  text-decoration: none !important;
}

#ContentColumn #News .BoxContent .online-boosted-entry {
  align-items: center;
  grid-template-columns: 70px minmax(0, 1fr);
}

#ContentColumn #News .BoxContent .online-boosted-entry img {
  display: block;
  image-rendering: auto;
  margin: 0 auto;
  max-height: 62px;
  max-width: 68px;
}

#ContentColumn #News .BoxContent .online-boosted-entry span,
#ContentColumn #News .BoxContent .online-boosted-entry strong {
  grid-column: 2;
}

#ContentColumn #News .BoxContent .online-top-entry {
  grid-template-columns: 44px minmax(0, 1fr);
}

#ContentColumn #News .BoxContent .online-top-entry span {
  align-items: center;
  background: linear-gradient(180deg, #fff8b8 0%, #d5972d 100%) !important;
  border: 1px solid rgba(71,22,8,.62);
  border-radius: 999px;
  display: flex;
  grid-row: span 2;
  justify-content: center;
  min-height: 36px;
}

#ContentColumn #News .BoxContent .online-top-entry small {
  margin-top: 0;
}

#ContentColumn #News .BoxContent .online-card {
  background: linear-gradient(180deg, #f3dda5 0%, #dfbd72 100%) !important;
  border: 1px solid #b46a16 !important;
  box-shadow: inset 0 1px 0 rgba(255, 250, 214, .65), 0 12px 24px rgba(30, 9, 2, .28);
  margin-bottom: 14px;
}

#ContentColumn #News .BoxContent .online-card-title {
  background: linear-gradient(180deg, #0d3344 0%, #061824 100%) !important;
  border-bottom: 1px solid #b46a16;
  color: #fff3c5 !important;
  -webkit-text-fill-color: #fff3c5 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 17px;
  font-weight: 900;
  padding: 10px 14px;
  text-shadow: 0 2px 2px #000 !important;
}

#ContentColumn #News .BoxContent .online-info-list,
#ContentColumn #News .BoxContent .online-frag-list {
  padding: 12px 14px 14px;
}

#ContentColumn #News .BoxContent .online-info-list > div,
#ContentColumn #News .BoxContent .online-frag-list > div {
  align-items: center;
  background: #f2d795 !important;
  border: 1px solid rgba(91, 47, 8, .22);
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(120px, .7fr) minmax(0, 1fr);
  margin-bottom: 6px;
  padding: 8px 10px;
}

#ContentColumn #News .BoxContent .online-info-list > div:nth-child(even),
#ContentColumn #News .BoxContent .online-frag-list > div:nth-child(even) {
  background: #e4bf70 !important;
}

#ContentColumn #News .BoxContent .online-info-list span {
  color: #5e170d !important;
  -webkit-text-fill-color: #5e170d !important;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

#ContentColumn #News .BoxContent .online-info-list strong,
#ContentColumn #News .BoxContent .online-frag-list span {
  color: #160a04 !important;
  -webkit-text-fill-color: #160a04 !important;
  font-weight: 900;
}

#ContentColumn #News .BoxContent .online-info-list .online-status {
  color: #114d13 !important;
  -webkit-text-fill-color: #114d13 !important;
}

#ContentColumn #News .BoxContent .online-offline {
  grid-template-columns: 1fr !important;
  text-align: center;
}

#ContentColumn #News .BoxContent .online-frag-list > div {
  grid-template-columns: 32px minmax(0, 1fr);
}

#ContentColumn #News .BoxContent .online-frag-list img {
  display: block;
  height: auto;
  image-rendering: auto;
  margin: 0 auto;
  max-width: 24px;
}

#ContentColumn #News .BoxContent .online-vocation-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 14px;
}

#ContentColumn #News .BoxContent .online-vocation {
  background: linear-gradient(180deg, #fff0bd, #d9ac55) !important;
  border: 1px solid #9d671e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 5px 12px rgba(72, 36, 4, .18);
  padding: 12px 8px;
  text-align: center;
}

#ContentColumn #News .BoxContent .online-vocation strong {
  color: #5e170d !important;
  -webkit-text-fill-color: #5e170d !important;
  display: block;
  font-size: 12px;
  font-weight: 900;
  min-height: 30px;
  text-transform: uppercase;
}

#ContentColumn #News .BoxContent .online-vocation span {
  color: #4b0e05 !important;
  -webkit-text-fill-color: #4b0e05 !important;
  display: block;
  font-size: 26px;
  font-weight: 900;
}

#ContentColumn #News .BoxContent .online-empty {
  padding: 28px 16px;
  text-align: center;
}

#ContentColumn #News .BoxContent .online-empty strong,
#ContentColumn #News .BoxContent .online-empty span {
  display: block;
  font-weight: 900;
}

#ContentColumn #News .BoxContent .online-table-wrap {
  overflow-x: auto;
  padding: 14px;
}

#ContentColumn #News .BoxContent .online-table {
  border-collapse: collapse;
  width: 100%;
}

#ContentColumn #News .BoxContent .online-table th,
#ContentColumn #News .BoxContent .online-table th a {
  background: linear-gradient(180deg, #4a0904 0%, #1a0503 100%) !important;
  color: #fff7dc !important;
  -webkit-text-fill-color: #fff7dc !important;
  font-weight: 900;
  padding: 9px 10px;
  text-align: left;
  text-decoration: none !important;
  text-shadow: 0 1px 2px #000 !important;
}

#ContentColumn #News .BoxContent .online-table td {
  background: #f2d795 !important;
  border: 1px solid rgba(91, 47, 8, .28) !important;
  color: #180904 !important;
  -webkit-text-fill-color: #180904 !important;
  font-size: 13px;
  font-weight: 800;
  padding: 9px 10px !important;
}

#ContentColumn #News .BoxContent .online-table tbody tr:nth-child(even) td {
  background: #e4bf70 !important;
}

#ContentColumn #News .BoxContent .online-table .online-player-name a {
  color: #5e170d !important;
  -webkit-text-fill-color: #5e170d !important;
  font-weight: 900;
  text-decoration: none;
}

#ContentColumn #News .BoxContent .online-table .online-player-name a:hover {
  color: #9b250e !important;
  -webkit-text-fill-color: #9b250e !important;
  text-decoration: underline;
}

#ContentColumn #News .BoxContent .online-country,
#ContentColumn #News .BoxContent .online-outfit {
  text-align: center !important;
  width: 64px;
}

#ContentColumn #News .BoxContent .online-outfit img {
  display: block;
  margin: -18px auto -12px;
  max-height: 64px;
}

@media (max-width: 900px) {
  #ContentColumn #News .BoxContent .online-hero,
  #ContentColumn #News .BoxContent .online-grid {
    display: block;
  }

  #ContentColumn #News .BoxContent .online-total {
    margin-top: 12px;
  }

  #ContentColumn #News .BoxContent .online-overview-grid,
  #ContentColumn #News .BoxContent .online-boosted-list {
    grid-template-columns: 1fr;
  }

  #ContentColumn #News .BoxContent .online-vocation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #ContentColumn #News .BoxContent .online-info-list > div {
    grid-template-columns: 1fr;
  }
}

/* News card: light parchment style for readability. */
#ContentColumn #News .BoxContent {
  background: linear-gradient(180deg, #f1d391, #c9964d) !important;
  border: 1px solid #8f5525 !important;
  border-radius: 0 0 5px 5px !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 204, .7), 0 8px 18px rgba(0, 0, 0, .35) !important;
}

#ContentColumn #News .NewsHeadlineBackground {
  background: linear-gradient(180deg, #2d0b08, #090202) !important;
  border: 1px solid rgba(255, 178, 79, .58) !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 0 rgba(255, 220, 140, .2) !important;
}

#ContentColumn #News .NewsHeadlineDate {
  color: #ffd08a !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px #000 !important;
}

#ContentColumn #News .NewsHeadlineText {
  color: #ffe7b8 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px #000, 0 0 8px rgba(255, 178, 79, .35) !important;
}

#ContentColumn #News .BoxContent > table {
  margin-top: 6px !important;
  background: linear-gradient(180deg, #f5ddb0, #d6ad70) !important;
  border: 1px solid rgba(87, 48, 22, .25) !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 204, .55) !important;
}

#ContentColumn #News .BoxContent > table td,
#ContentColumn #News .BoxContent > table td * {
  color: #3c1d12 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#ContentColumn #News .BoxContent > table td {
  padding: 12px 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

#ContentColumn #News .BoxContent td img[align="bottom"] {
  filter: sepia(.45) saturate(1.7) brightness(.75) contrast(1.25) !important;
}

/* Match central news/ticker with right sidebar boxes. */
#ContentColumn #newsticker,
#ContentColumn #News {
  background: transparent !important;
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 244, 198, .30), 0 8px 20px rgba(0, 0, 0, .55) !important;
}

#ContentColumn #newsticker .BorderTitleText,
#ContentColumn #News .BorderTitleText {
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border-bottom: 2px solid #a86b23 !important;
  height: 36px !important;
}

#ContentColumn #newsticker .BoxContent,
#ContentColumn #News .BoxContent {
  background-color: #d9b36d !important;
  background-image: linear-gradient(180deg, rgba(239, 212, 158, .97), rgba(202, 156, 86, .97)) !important;
  border: 0 !important;
  border-radius: 0 0 3px 3px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 244, 198, .55) !important;
}

#ContentColumn #newsticker .Title,
#ContentColumn #News .Title {
  color: #f7e7bd !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255, 176, 69, .55) !important;
}

#ContentColumn #newsticker .Row > .Odd,
#ContentColumn #newsticker .Row > .Even,
#ContentColumn #News .BoxContent > table {
  background: linear-gradient(180deg, rgba(246, 222, 174, .95), rgba(211, 164, 91, .95)) !important;
  border: 1px solid rgba(137, 83, 33, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 204, .58) !important;
}

#ContentColumn #newsticker .NewsTickerText,
#ContentColumn #newsticker .NewsTickerText *,
#ContentColumn #newsticker .NewsTickerShortText,
#ContentColumn #newsticker .NewsTickerFullText,
#ContentColumn #News .BoxContent > table td,
#ContentColumn #News .BoxContent > table td * {
  color: #432816 !important;
  text-shadow: none !important;
}

#ContentColumn #newsticker .NewsTickerDate,
#ContentColumn #News .NewsHeadlineDate {
  color: #5e170d !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

#ContentColumn #News .NewsHeadlineBackground {
  background: linear-gradient(180deg, #234d63 0%, #0d2535 100%) !important;
  border: 1px solid #a86b23 !important;
  box-shadow: inset 0 1px 0 rgba(255, 220, 140, .22) !important;
}

#ContentColumn #News .NewsHeadlineText {
  color: #f7e7bd !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255, 176, 69, .55) !important;
}

/* Central content body: same yellow/beige tone as Boosted and Highscores. */
#ContentColumn #newsticker .BoxContent,
#ContentColumn #News .BoxContent {
  background-color: #d9b36d !important;
  background-image: linear-gradient(180deg, #efd49e 0%, #d9b36d 48%, #ca9c56 100%) !important;
}

#ContentColumn #newsticker .Row,
#ContentColumn #newsticker .Row > .Odd,
#ContentColumn #newsticker .Row > .Even,
#ContentColumn #News .BoxContent > table,
#ContentColumn #News .BoxContent > table tr,
#ContentColumn #News .BoxContent > table td {
  background-color: #e2bd74 !important;
  background-image: linear-gradient(180deg, #f1d9a4 0%, #dfb76e 100%) !important;
  border-color: rgba(137, 83, 33, .48) !important;
}

#ContentColumn #newsticker .NewsTickerText,
#ContentColumn #newsticker .NewsTickerText *,
#ContentColumn #News .BoxContent > table td,
#ContentColumn #News .BoxContent > table td * {
  color: #1f1008 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#ContentColumn #newsticker .NewsTickerDate,
#ContentColumn #News .NewsHeadlineDate {
  color: #4f130b !important;
}

/* Cancel legacy red hue filter on central content wrappers. */
#ContentColumn #newsticker,
#ContentColumn #News,
#ContentColumn #newsticker .Border_2,
#ContentColumn #newsticker .Border_3,
#ContentColumn #News .Border_2,
#ContentColumn #News .Border_3,
#ContentColumn #newsticker .BoxContent,
#ContentColumn #News .BoxContent,
#ContentColumn #newsticker .Row,
#ContentColumn #newsticker .Odd,
#ContentColumn #newsticker .Even,
#ContentColumn #News .BoxContent > table,
#ContentColumn #News .BoxContent > table tr,
#ContentColumn #News .BoxContent > table td {
  filter: none !important;
}

#ContentColumn #newsticker .BoxContent,
#ContentColumn #News .BoxContent {
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 48%, #ca9c56 100%) !important;
}

#ContentColumn #newsticker .Row > .Odd,
#ContentColumn #newsticker .Row > .Even,
#ContentColumn #News .BoxContent > table,
#ContentColumn #News .BoxContent > table tr,
#ContentColumn #News .BoxContent > table td {
  background: linear-gradient(180deg, #f1d9a4 0%, #dfb76e 100%) !important;
}

/* Final central content color lock: neutralize inherited red filters. */
#ContentColumn #newsticker,
#ContentColumn #News,
#ContentColumn #newsticker *,
#ContentColumn #News * {
  filter: none !important;
}

#ContentColumn #newsticker .BoxContent,
#ContentColumn #News .BoxContent,
#ContentColumn #newsticker .Row,
#ContentColumn #newsticker .Row > .Odd,
#ContentColumn #newsticker .Row > .Even,
#ContentColumn #News .BoxContent > table,
#ContentColumn #News .BoxContent > table tbody,
#ContentColumn #News .BoxContent > table tr,
#ContentColumn #News .BoxContent > table td {
  background-color: #d9b36d !important;
  background-image: linear-gradient(180deg, #f0d79f 0%, #d9b36d 52%, #c99c57 100%) !important;
  color: #1f1008 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Account login page polish. */
#ContentColumn .eclipse-login-page,
#ContentColumn .eclipse-login-page * {
  filter: none !important;
}

#ContentColumn .eclipse-login-page {
  color: #24100a !important;
}

#ContentColumn .eclipse-login-card {
  margin: 0 0 16px !important;
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 54%, #ca9c56 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.45), 0 8px 20px rgba(0,0,0,.55) !important;
}

#ContentColumn .eclipse-login-card .CaptionContainer,
#ContentColumn .eclipse-login-card .CaptionInnerContainer {
  height: 36px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border: 0 !important;
}

#ContentColumn .eclipse-login-card .CaptionContainer span,
#ContentColumn .eclipse-login-card .CaptionInnerContainer span {
  display: none !important;
}

#ContentColumn .eclipse-login-card .CaptionContainer .Text {
  position: static !important;
  width: auto !important;
  height: 36px !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  color: #f7e7bd !important;
  font: 800 15px Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .eclipse-login-card .Table4,
#ContentColumn .eclipse-login-card .Table3,
#ContentColumn .eclipse-login-card .InnerTableContainer,
#ContentColumn .eclipse-login-card .TableContentAndRightShadow,
#ContentColumn .eclipse-login-card .TableContentContainer,
#ContentColumn .eclipse-login-card .TableContent,
#ContentColumn .eclipse-login-card .TableContent tbody,
#ContentColumn .eclipse-login-card .TableContent tr,
#ContentColumn .eclipse-login-card .TableContent td {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #24100a !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-login-card .TableContent td * {
  color: #2a1208 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-login-card .TableContent {
  margin: 12px !important;
  width: calc(100% - 24px) !important;
  background: linear-gradient(180deg, #f1d9a4 0%, #dfb76e 100%) !important;
  border: 1px solid rgba(137,83,33,.48) !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.58), 0 4px 12px rgba(0,0,0,.24) !important;
}

#ContentColumn .eclipse-login-card .TableShadowContainer,
#ContentColumn .eclipse-login-card .TableShadowContainerRightTop {
  display: none !important;
}

#ContentColumn .eclipse-login-card-account .LabelV {
  width: 170px !important;
  padding: 10px 18px !important;
  color: #3a0905 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-login-card-account .LabelV span,
#ContentColumn .eclipse-login-card-account label {
  color: #3a0905 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-login-card-account input[type="text"],
#ContentColumn .eclipse-login-card-account input[type="password"] {
  height: 34px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  background: #fff3d3 !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 3px !important;
  color: #1f1008 !important;
  font: 700 13px Verdana, Arial, sans-serif !important;
  box-shadow: inset 0 1px 4px rgba(64,32,12,.28), 0 1px 0 rgba(255,255,255,.55) !important;
}

#ContentColumn .eclipse-login-card-account input[type="text"]:focus,
#ContentColumn .eclipse-login-card-account input[type="password"]:focus {
  outline: none !important;
  border-color: #5e170d !important;
  box-shadow: 0 0 0 2px rgba(94,23,13,.22), inset 0 1px 4px rgba(64,32,12,.22) !important;
}

#ContentColumn .eclipse-login-card-account label {
  color: #3c1d12 !important;
  font-weight: 700 !important;
}

#ContentColumn .eclipse-login-card .BigButton,
#ContentColumn .eclipse-login-card .MediumButtonBackground {
  width: 156px !important;
  height: 34px !important;
  border: 1px solid #ffe5a2 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #ff9d26 0%, #c45608 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 2px 7px rgba(0,0,0,.45) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-login-card .BigButtonOver,
#ContentColumn .eclipse-login-card .MediumButtonOver {
  display: none !important;
}

#ContentColumn .eclipse-login-card .BigButtonText,
#ContentColumn .eclipse-login-card .MediumButtonText {
  width: 156px !important;
  height: 34px !important;
  color: #fff8dc !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-shadow: 0 1px 1px #4c1200 !important;
  text-transform: uppercase !important;
}

#ContentColumn .eclipse-login-divider {
  margin: 18px 0 16px !important;
  text-align: center !important;
}

#ContentColumn .eclipse-login-divider h1 {
  margin: 0 !important;
  color: #3a0905 !important;
  font: 900 28px Verdana, Arial, sans-serif !important;
  text-shadow: 0 1px 0 rgba(255,235,183,.72), 0 2px 8px rgba(58,9,5,.22) !important;
}

#ContentColumn #LoginCreateAccountBox {
  padding: 4px 4px 4px 10px !important;
  color: #3c1d12 !important;
}

#ContentColumn #LoginCreateAccountBox,
#ContentColumn #LoginCreateAccountBox * {
  color: #2a1208 !important;
  text-shadow: none !important;
}

#ContentColumn #LoginCreateAccountBox p {
  margin: 8px 0 !important;
  color: #2a1208 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
}

#ContentColumn #LoginCreateAccountBox b {
  color: #5e170d !important;
}

/* Final login page typography. */
#ContentColumn .Content .eclipse-login-page,
#ContentColumn .Content .eclipse-login-page *:not(.CaptionContainer):not(.CaptionContainer *):not(.CaptionInnerContainer):not(.CaptionInnerContainer *):not(.BigButton):not(.BigButton *):not(.BigButtonText):not(.MediumButtonText):not(button):not(button *):not(input):not(input *) {
  color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-login-page .CaptionContainer .Text,
#ContentColumn .Content .eclipse-login-page .CaptionContainer .Text *,
#ContentColumn .Content .eclipse-login-page .CaptionInnerContainer .Text,
#ContentColumn .Content .eclipse-login-page .CaptionInnerContainer .Text * {
  color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .eclipse-login-page .eclipse-login-divider h1 {
  color: #3a0905 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 rgba(255,235,183,.72), 0 2px 8px rgba(58,9,5,.22) !important;
}

#ContentColumn .Content .eclipse-login-page input[type="text"],
#ContentColumn .Content .eclipse-login-page input[type="password"] {
  color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-login-page .BigButtonText,
#ContentColumn .Content .eclipse-login-page .MediumButtonText,
#ContentColumn .Content .eclipse-login-page button,
#ContentColumn .Content .eclipse-login-page button * {
  color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

#ContentColumn .Content .eclipse-login-page .eclipse-login-create-button {
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

/* Vocation cards on account and character creation. */
#ContentColumn .eclipse-vocation-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  margin: 8px 0 10px !important;
}

#ContentColumn .eclipse-vocation-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 230px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  border: 2px solid rgba(108, 56, 21, .58) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f0d79f 0%, #d6ad70 100%) !important;
  color: #24100a !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.58), 0 3px 9px rgba(0,0,0,.28) !important;
  overflow: hidden !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

#ContentColumn .eclipse-vocation-card:hover,
#ContentColumn .eclipse-vocation-card:has(input:checked) {
  border-color: #5e170d !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.70), 0 0 0 2px rgba(94,23,13,.24), 0 5px 14px rgba(0,0,0,.34) !important;
  transform: translateY(-1px) !important;
}

#ContentColumn .eclipse-vocation-card input[type="radio"] {
  position: absolute !important;
  top: 9px !important;
  left: 9px !important;
  z-index: 2 !important;
}

#ContentColumn .eclipse-vocation-card img {
  width: 100% !important;
  height: 118px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 2px 0 8px !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  background: radial-gradient(circle at 50% 40%, rgba(35,77,99,.86), rgba(7,18,27,.95)) !important;
  border: 1px solid #a86b23 !important;
  border-radius: 4px !important;
}

#ContentColumn .eclipse-vocation-name {
  display: block !important;
  margin: 0 0 3px !important;
  color: #3a0905 !important;
  font: 900 16px Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 1px 0 rgba(255,235,183,.70) !important;
}

#ContentColumn .eclipse-vocation-role {
  display: block !important;
  margin-bottom: 7px !important;
  color: #5e170d !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

#ContentColumn .eclipse-vocation-description {
  display: block !important;
  color: #2a1208 !important;
  font: 700 11px/1.35 Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

/* Creation forms readable text lock. Overrides the legacy light global content color. */
#ContentColumn .Content .eclipse-create-account-page,
#ContentColumn .Content .eclipse-create-character-page,
#ContentColumn .Content .eclipse-create-account-page *,
#ContentColumn .Content .eclipse-create-character-page * {
  color: #24100a !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-create-account-page .LabelV,
#ContentColumn .Content .eclipse-create-account-page .LabelV span,
#ContentColumn .Content .eclipse-create-character-page .LabelV,
#ContentColumn .Content .eclipse-create-character-page .LabelV span,
#ContentColumn .Content .eclipse-create-account-page .OptionContainer label,
#ContentColumn .Content .eclipse-create-character-page .OptionContainer label,
#ContentColumn .Content .eclipse-create-character-page b {
  color: #3a0905 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-create-account-page a,
#ContentColumn .Content .eclipse-create-character-page a {
  color: #5e170d !important;
  font-weight: 800 !important;
}

#ContentColumn .Content .eclipse-create-account-page .FormFieldError,
#ContentColumn .Content .eclipse-create-character-page .FormFieldError,
#ContentColumn .Content .eclipse-create-account-page .red,
#ContentColumn .Content .eclipse-create-character-page .red {
  color: #8b1208 !important;
}

#ContentColumn .Content .eclipse-create-account-page .eclipse-vocation-card,
#ContentColumn .Content .eclipse-create-character-page .eclipse-vocation-card,
#ContentColumn .Content .eclipse-create-account-page .eclipse-vocation-card *,
#ContentColumn .Content .eclipse-create-character-page .eclipse-vocation-card * {
  color: #2a1208 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-create-account-page .eclipse-vocation-card .eclipse-vocation-name,
#ContentColumn .Content .eclipse-create-character-page .eclipse-vocation-card .eclipse-vocation-name {
  color: #3a0905 !important;
  text-shadow: 0 1px 0 rgba(255,235,183,.70) !important;
}

#ContentColumn .Content .eclipse-create-account-page .eclipse-vocation-card .eclipse-vocation-role,
#ContentColumn .Content .eclipse-create-character-page .eclipse-vocation-card .eclipse-vocation-role {
  color: #5e170d !important;
}

#ContentColumn .Content .eclipse-create-account-page .eclipse-vocation-card .eclipse-vocation-description,
#ContentColumn .Content .eclipse-create-character-page .eclipse-vocation-card .eclipse-vocation-description {
  color: #2a1208 !important;
  font-weight: 800 !important;
}

/* Create account contrast lock for the legacy Arise table markup. */
#ContentColumn .Content .eclipse-create-account-page form#createaccount,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .InnerTableContainer,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .TableContent,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .TableContent tr,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .TableContent td {
  color: #24100a !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-create-account-page form#createaccount .LabelV,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .LabelV *,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .OptionContainer,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .OptionContainer *,
#ContentColumn .Content .eclipse-create-account-page form#createaccount td > span,
#ContentColumn .Content .eclipse-create-account-page form#createaccount td > span *,
#ContentColumn .Content .eclipse-create-account-page form#createaccount td > div,
#ContentColumn .Content .eclipse-create-account-page form#createaccount td > div * {
  color: #2a1208 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-create-account-page form#createaccount .LabelV,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .LabelV span {
  color: #3a0905 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-create-account-page form#createaccount .FormFieldError,
#ContentColumn .Content .eclipse-create-account-page form#createaccount #account_error,
#ContentColumn .Content .eclipse-create-account-page form#createaccount #email_error,
#ContentColumn .Content .eclipse-create-account-page form#createaccount #password_error,
#ContentColumn .Content .eclipse-create-account-page form#createaccount #password_confirm_error,
#ContentColumn .Content .eclipse-create-account-page form#createaccount #character_error,
#ContentColumn .Content .eclipse-create-account-page form#createaccount #sex_error,
#ContentColumn .Content .eclipse-create-account-page form#createaccount #vocation_error,
#ContentColumn .Content .eclipse-create-account-page form#createaccount #town_error {
  color: #5e170d !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-create-account-page form#createaccount .eclipse-vocation-card,
#ContentColumn .Content .eclipse-create-account-page form#createaccount .eclipse-vocation-card * {
  color: #24100a !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-create-account-page form#createaccount .eclipse-vocation-card .eclipse-vocation-name {
  color: #3a0905 !important;
  text-shadow: 0 1px 0 rgba(255, 235, 183, .70) !important;
}

#ContentColumn .Content .eclipse-create-account-page form#createaccount .eclipse-vocation-card .eclipse-vocation-role {
  color: #5e170d !important;
}

#ContentColumn .Content .eclipse-create-account-page form#createaccount .eclipse-vocation-card .eclipse-vocation-description {
  color: #2a1208 !important;
  font-weight: 800 !important;
}

/* Global central content contrast for beige/yellow Arise tables. */
#ContentColumn .Content .TableContentContainer,
#ContentColumn .Content .InnerTableContainer,
#ContentColumn .Content .TableContent,
#ContentColumn .Content .TableContent tr,
#ContentColumn .Content .TableContent td,
#ContentColumn .Content .TableContent div,
#ContentColumn .Content .TableContent p,
#ContentColumn .Content .TableContent span,
#ContentColumn .Content .TableContent label,
#ContentColumn .Content .TableContent small,
#ContentColumn .Content .TableContent strong,
#ContentColumn .Content .TableContent b,
#ContentColumn .Content .Odd,
#ContentColumn .Content .Even,
#ContentColumn .Content .LabelV,
#ContentColumn .Content .LabelV *,
#ContentColumn .Content .LabelH,
#ContentColumn .Content .LabelH * {
  color: #24100a !important;
  text-shadow: none !important;
}

#ContentColumn .Content .LabelV,
#ContentColumn .Content .LabelV span,
#ContentColumn .Content .LabelH,
#ContentColumn .Content .LabelH span {
  color: #3a0905 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .TableContent a,
#ContentColumn .Content .InnerTableContainer a {
  color: #5e170d !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .FormFieldError,
#ContentColumn .Content .red,
#ContentColumn .Content span.red,
#ContentColumn .Content .TableContent .red {
  color: #8b1208 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content input,
#ContentColumn .Content select,
#ContentColumn .Content textarea {
  color: #1f1008 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .CaptionContainer,
#ContentColumn .Content .CaptionContainer *,
#ContentColumn .Content .CaptionInnerContainer,
#ContentColumn .Content .CaptionInnerContainer *,
#ContentColumn .Content .BorderTitleText,
#ContentColumn .Content .BorderTitleText *,
#ContentColumn .Content .Title,
#ContentColumn .Content .Title * {
  color: #f7e7bd !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .BigButtonText,
#ContentColumn .Content .MediumButtonText,
#ContentColumn .Content button,
#ContentColumn .Content button *,
#ContentColumn .Content input[type="submit"],
#ContentColumn .Content input[type="button"] {
  color: #fff8dc !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

/* Create account page polish. */
#ContentColumn .eclipse-create-account-page {
  color: #24100a !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-steps {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 4px 0 16px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(142, 84, 31, .58) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, rgba(255,239,195,.72), rgba(195,139,68,.34)) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.68), 0 5px 16px rgba(0,0,0,.28) !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step {
  position: relative !important;
  width: 148px !important;
  min-height: 58px !important;
  padding: 0 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: calc(50% + 17px) !important;
  width: calc(100% - 34px) !important;
  height: 3px !important;
  border-top: 1px solid rgba(95,44,15,.55) !important;
  border-bottom: 1px solid rgba(255,239,190,.45) !important;
  background: linear-gradient(90deg, #8a5522, #d69d43) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.25) !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step.is-active {
  filter: none !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step.is-locked {
  opacity: .62 !important;
  cursor: not-allowed !important;
  filter: grayscale(.25) !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step-number {
  position: relative !important;
  z-index: 1 !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid rgba(255, 232, 169, .86) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 25%, #ffe6a1 0%, #d88a2a 34%, #6b1c10 100%) !important;
  color: #fff5ce !important;
  font: 900 13px/1 Verdana, Arial, sans-serif !important;
  text-shadow: 0 1px 1px #240804 !important;
  box-shadow: 0 0 0 3px rgba(74,24,9,.45), 0 4px 10px rgba(0,0,0,.38) !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step.is-complete .eclipse-registration-step-number {
  background: radial-gradient(circle at 35% 25%, #e8ffd0 0%, #3b8a42 38%, #17441f 100%) !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step.is-active .eclipse-registration-step-number {
  background: radial-gradient(circle at 35% 25%, #d9f3ff 0%, #24566e 42%, #07131d 100%) !important;
  box-shadow: 0 0 0 3px rgba(112,39,16,.62), 0 0 16px rgba(255,177,67,.52) !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step-text {
  width: 100% !important;
  color: #3a0905 !important;
  font: 900 11px/1.25 Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255, 235, 183, .68) !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step.is-active .eclipse-registration-step-text {
  color: #5e170d !important;
  text-shadow: 0 1px 0 rgba(255,235,183,.68), 0 0 8px rgba(255,176,69,.34) !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step-text::after {
  display: block !important;
  margin-top: 3px !important;
  color: #6f401d !important;
  font: 800 10px/1 Verdana, Arial, sans-serif !important;
  text-transform: none !important;
  content: "Pendente" !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step.is-active .eclipse-registration-step-text::after {
  color: #0b354b !important;
  content: "Etapa atual" !important;
}

#ContentColumn .eclipse-create-account-page .eclipse-registration-step.is-complete .eclipse-registration-step-text::after {
  color: #1f5a2d !important;
  content: "Concluida" !important;
}

@media (max-width: 760px) {
  #ContentColumn .eclipse-create-account-page .eclipse-registration-steps {
    padding: 10px 6px !important;
  }

  #ContentColumn .eclipse-create-account-page .eclipse-registration-step {
    width: 112px !important;
    padding: 0 4px !important;
  }

  #ContentColumn .eclipse-create-account-page .eclipse-registration-step-text {
    font-size: 10px !important;
  }

  #ContentColumn .eclipse-create-account-page .eclipse-registration-step-text::after {
    font-size: 9px !important;
  }

  #ContentColumn .eclipse-create-account-page .eclipse-registration-step:not(:last-child)::after {
    left: calc(50% + 15px) !important;
    width: calc(100% - 30px) !important;
  }
}

#ContentColumn .eclipse-create-account-page form#createaccount > .TableContainer {
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 58%, #c99a51 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.48), 0 10px 26px rgba(0,0,0,.55) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount > .TableContainer > table {
  background: transparent !important;
}

#ContentColumn .eclipse-create-account-page .CaptionContainer,
#ContentColumn .eclipse-create-account-page .CaptionInnerContainer {
  height: 38px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border: 0 !important;
}

#ContentColumn .eclipse-create-account-page .CaptionContainer span,
#ContentColumn .eclipse-create-account-page .CaptionInnerContainer span {
  display: none !important;
}

#ContentColumn .eclipse-create-account-page .CaptionContainer .Text {
  position: static !important;
  width: auto !important;
  height: 38px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  color: #f7e7bd !important;
  font: 900 17px Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .InnerTableContainer {
  padding: 12px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .TableContentContainer {
  padding: 0 !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .TableContentAndRightShadow,
#ContentColumn .eclipse-create-account-page form#createaccount .TableContentContainer,
#ContentColumn .eclipse-create-account-page form#createaccount .TableContent,
#ContentColumn .eclipse-create-account-page form#createaccount .TableContent tbody,
#ContentColumn .eclipse-create-account-page form#createaccount .TableContent tr,
#ContentColumn .eclipse-create-account-page form#createaccount .TableContent td {
  background-image: none !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .TableContent {
  width: 100% !important;
  margin: 0 0 14px !important;
  border: 1px solid rgba(137,83,33,.54) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f2dca9 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 5px 14px rgba(0,0,0,.24) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-panel.is-locked:not(.is-active) {
  opacity: .68 !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-panel.is-locked:not(.is-active) tr:not(.eclipse-registration-panel-intro) {
  display: none !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-panel:not(.is-active):not(.is-locked) {
  display: none !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-panel-intro td {
  padding: 11px 14px !important;
  background: linear-gradient(180deg, rgba(255, 240, 195, .68) 0%, rgba(194, 140, 68, .26) 100%) !important;
  border-bottom: 1px solid rgba(126, 70, 22, .42) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-panel-intro strong,
#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-panel-intro span {
  display: block !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-panel-intro strong {
  margin: 0 0 4px !important;
  color: #3a0905 !important;
  font: 900 15px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-panel-intro span,
#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-hint {
  color: #513019 !important;
  font: 700 11px/1.45 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-hint-row td {
  padding-top: 0 !important;
  font-size: 11px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-country-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .TableContent td {
  padding: 6px 12px !important;
  vertical-align: middle !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .TableContent tr:has(.FormFieldError:empty) td {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 0 !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .LabelV {
  width: 185px !important;
  color: #3a0905 !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
  white-space: normal !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount input[type="text"],
#ContentColumn .eclipse-create-account-page form#createaccount input:not([type]),
#ContentColumn .eclipse-create-account-page form#createaccount #character_name,
#ContentColumn .eclipse-create-account-page form#createaccount input[type="password"],
#ContentColumn .eclipse-create-account-page form#createaccount select {
  width: min(100%, 380px) !important;
  height: 34px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 3px !important;
  background: #fff3d3 !important;
  color: #1f1008 !important;
  font: 700 13px Verdana, Arial, sans-serif !important;
  box-shadow: inset 0 1px 4px rgba(64,32,12,.28), 0 1px 0 rgba(255,255,255,.55) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount input[type="text"]:focus,
#ContentColumn .eclipse-create-account-page form#createaccount input:not([type]):focus,
#ContentColumn .eclipse-create-account-page form#createaccount #character_name:focus,
#ContentColumn .eclipse-create-account-page form#createaccount input[type="password"]:focus,
#ContentColumn .eclipse-create-account-page form#createaccount select:focus {
  outline: none !important;
  border-color: #5e170d !important;
  box-shadow: 0 0 0 2px rgba(94,23,13,.22), inset 0 1px 4px rgba(64,32,12,.22) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .OptionContainer {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  margin: 0 18px 4px 0 !important;
  color: #2a1208 !important;
  font-weight: 800 !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount input[type="radio"],
#ContentColumn .eclipse-create-account-page form#createaccount input[type="checkbox"] {
  accent-color: #6f1f10 !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .FormFieldError {
  display: inline-block !important;
  min-height: 14px !important;
  color: #6f1f10 !important;
  font-size: 11px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .FormFieldError:empty {
  display: none !important;
  min-height: 0 !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-row > td {
  padding: 14px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout {
  display: grid !important;
  gap: 14px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-create-section {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(133, 82, 25, .70) !important;
  border-radius: 4px !important;
  background: rgba(255, 239, 191, .66) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-create-section-title {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-bottom: 14px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-create-section-title > span {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border: 1px solid #a65612 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #541307, #210503) !important;
  color: #ffe5a6 !important;
  -webkit-text-fill-color: #ffe5a6 !important;
  font: 900 14px Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-create-section-title h3 {
  margin: 0 0 3px !important;
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  font: 900 18px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-create-section-title p {
  margin: 0 !important;
  color: #503019 !important;
  -webkit-text-fill-color: #503019 !important;
  font: 700 11px/1.45 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-create-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(220px, .7fr) !important;
  gap: 14px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-field {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(127, 77, 20, .50) !important;
  border-radius: 4px !important;
  background: rgba(255, 247, 218, .65) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-field > span:first-child {
  margin: 0 !important;
  color: #4b1308 !important;
  -webkit-text-fill-color: #4b1308 !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-field small {
  color: #6d3215 !important;
  -webkit-text-fill-color: #6d3215 !important;
  font: 800 11px/1.35 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-name-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  gap: 8px !important;
  align-items: center !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-choice-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-choice {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(114, 65, 20, .62) !important;
  border-radius: 4px !important;
  background: #f7e4b0 !important;
  color: #2a1007 !important;
  -webkit-text-fill-color: #2a1007 !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-choice:has(input:checked) {
  border-color: #5f160c !important;
  background: #fff0bd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 0 0 2px rgba(95, 22, 12, .18) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout .eclipse-character-choice span {
  color: #2a1007 !important;
  -webkit-text-fill-color: #2a1007 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout #character_error,
#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout #sex_error,
#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-character-stage-layout #vocation_error {
  display: block !important;
  margin-top: 0 !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-vocation-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)) !important;
  gap: 12px !important;
  padding: 8px 0 2px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-vocation-card {
  min-height: 232px !important;
  padding: 10px !important;
  border-color: rgba(108,56,21,.65) !important;
  background: linear-gradient(180deg, #f4dda8 0%, #dbb46f 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.62), 0 4px 10px rgba(0,0,0,.24) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-vocation-card img {
  width: 100% !important;
  height: 110px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 4px !important;
  border: 1px solid rgba(77,37,14,.48) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-vocation-card .eclipse-vocation-name {
  margin-top: 8px !important;
  color: #3a0905 !important;
  font: 900 16px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-vocation-card .eclipse-vocation-role {
  margin-top: 2px !important;
  color: #6a250d !important;
  font: 900 10px/1.2 Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-vocation-card .eclipse-vocation-description {
  margin-top: 7px !important;
  color: #2a1208 !important;
  font: 700 11px/1.35 Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-vocation-card:has(input:checked),
#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-vocation-card.is-selected {
  border-color: #6e1f11 !important;
  background: linear-gradient(180deg, #ffe5a4 0%, #d8993e 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.82), 0 0 0 2px rgba(111,31,16,.28), 0 5px 14px rgba(0,0,0,.34) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-rules-summary {
  padding: 14px 16px !important;
  background: linear-gradient(180deg, #fff0bd 0%, #e3bd72 100%) !important;
  border-bottom: 1px solid rgba(126,70,22,.38) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-rules-summary strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #3a0905 !important;
  font: 900 15px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-rules-summary p {
  margin: 0 0 10px !important;
  color: #2a1208 !important;
  font: 700 12px/1.45 Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-rules-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-rules-links a {
  display: inline-flex !important;
  min-height: 32px !important;
  align-items: center !important;
  padding: 0 12px !important;
  border: 1px solid #7b2a12 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #8f2a13 0%, #4d1007 100%) !important;
  color: #fff8dc !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #2b0804 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 2px 7px rgba(0,0,0,.28) !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-checkbox-row td {
  padding: 10px 16px !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-checkbox-row span {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  color: #2a1208 !important;
  font: 800 12px/1.45 Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-checkbox-row label,
#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-checkbox-row a {
  color: #2a1208 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .eclipse-registration-checkbox-row a {
  color: #6e1f11 !important;
  font-weight: 900 !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .BigButton {
  width: 168px !important;
  height: 36px !important;
  border: 1px solid #ffe5a2 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #ff9d26 0%, #c45608 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 3px 10px rgba(0,0,0,.45) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .BigButtonOver {
  display: none !important;
}

#ContentColumn .eclipse-create-account-page form#createaccount .BigButtonText {
  width: 168px !important;
  height: 36px !important;
  color: #fff8dc !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

/* Account management page polish. */
#ContentColumn .eclipse-account-manage-page,
#ContentColumn .eclipse-account-manage-page .TableContent,
#ContentColumn .eclipse-account-manage-page .TableContent td,
#ContentColumn .eclipse-account-manage-page .TableContent div,
#ContentColumn .eclipse-account-manage-page .TableContent span,
#ContentColumn .eclipse-account-manage-page .TableContent small,
#ContentColumn .eclipse-account-manage-page .TableContent b,
#ContentColumn .eclipse-account-manage-page .TableContent strong,
#ContentColumn .eclipse-account-manage-page .TableContent label {
  color: #24100a !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-account-manage-page .TableContainer {
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 58%, #c99a51 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.48), 0 8px 22px rgba(0,0,0,.50) !important;
}

#ContentColumn .eclipse-account-manage-page .TableContainer > table {
  background: transparent !important;
}

#ContentColumn .eclipse-account-manage-page .CaptionContainer,
#ContentColumn .eclipse-account-manage-page .CaptionInnerContainer {
  height: 36px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border: 0 !important;
}

#ContentColumn .eclipse-account-manage-page .CaptionContainer span,
#ContentColumn .eclipse-account-manage-page .CaptionInnerContainer span {
  display: none !important;
}

#ContentColumn .eclipse-account-manage-page .CaptionContainer .Text {
  position: static !important;
  width: auto !important;
  height: 36px !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  color: #f7e7bd !important;
  font: 900 16px Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .eclipse-account-manage-page .InnerTableContainer {
  padding: 10px 12px !important;
}

#ContentColumn .eclipse-account-manage-page .TableContentAndRightShadow,
#ContentColumn .eclipse-account-manage-page .TableContentContainer,
#ContentColumn .eclipse-account-manage-page .TableContent,
#ContentColumn .eclipse-account-manage-page .TableContent tbody,
#ContentColumn .eclipse-account-manage-page .TableContent tr,
#ContentColumn .eclipse-account-manage-page .TableContent td {
  background-image: none !important;
}

#ContentColumn .eclipse-account-manage-page .TableContent {
  width: 100% !important;
  border: 1px solid rgba(137,83,33,.54) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f2dca9 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 4px 12px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-account-manage-page .TableContent td {
  padding: 7px 10px !important;
  vertical-align: middle !important;
}

#ContentColumn .eclipse-account-manage-page .LabelV,
#ContentColumn .eclipse-account-manage-page .LabelH,
#ContentColumn .eclipse-account-manage-page .LabelH td {
  color: #3a0905 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-account-manage-page a {
  color: #5e170d !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-account-manage-page .BigBoldText,
#ContentColumn .eclipse-account-manage-page .BigBoldText * {
  color: #3a0905 !important;
  text-shadow: 0 1px 0 rgba(255,235,183,.70) !important;
}

#ContentColumn .eclipse-account-manage-page .premiumbenefits {
  gap: 10px !important;
  color: #2a1208 !important;
  font-weight: 800 !important;
}

#ContentColumn .eclipse-account-manage-page .premiumbenefits > div {
  min-height: 58px !important;
  padding: 8px !important;
  border: 1px solid rgba(137,83,33,.36) !important;
  border-radius: 4px !important;
  background: rgba(255,243,211,.34) !important;
}

#ContentColumn .eclipse-account-manage-page .premiumbenefits {
  display: block !important;
}

#ContentColumn .eclipse-account-manage-page .premiumbenefits > div:not(.eclipse-manage-benefits-head):not(.eclipse-manage-benefits-grid) {
  display: none !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head {
  min-height: 0 !important;
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 3px 10px !important;
  align-items: center !important;
  background: linear-gradient(180deg, #fff0bf 0%, #e3bd73 100%) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head strong {
  color: #3a0905 !important;
  font: 900 16px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head span {
  color: #41200f !important;
  font: 700 12px/1.35 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head a {
  grid-row: 1 / span 2 !important;
  grid-column: 2 !important;
  padding: 7px 10px !important;
  border: 1px solid #7b2a12 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #8f2a13 0%, #4d1007 100%) !important;
  color: #fff8dc !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-grid {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  background: transparent !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card {
  min-height: 96px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: start !important;
  padding: 10px !important;
  border: 1px solid rgba(107,58,20,.45) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #fff4cf 0%, #e7c279 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 2px rgba(70,30,7,.3)) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card span,
#ContentColumn .eclipse-account-manage-page .eclipse-public-info-card span {
  display: block !important;
  color: #681b0e !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card strong {
  display: block !important;
  margin: 2px 0 4px !important;
  color: #220803 !important;
  font: 900 18px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card small,
#ContentColumn .eclipse-account-manage-page .eclipse-public-info-card small {
  display: block !important;
  color: #3a1a0c !important;
  font: 700 11px/1.35 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-panel {
  display: block !important;
  padding: 4px !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-intro {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(107,58,20,.45) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #fff0bf 0%, #e3bd73 100%) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-intro strong {
  display: block !important;
  color: #3a0905 !important;
  font: 900 16px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-intro span {
  display: block !important;
  color: #41200f !important;
  font: 700 12px/1.35 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-edit {
  min-height: 30px !important;
  padding: 0 12px !important;
  border: 1px solid #7b2a12 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #8f2a13 0%, #4d1007 100%) !important;
  color: #fff8dc !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-card {
  min-height: 82px !important;
  padding: 10px !important;
  border: 1px solid rgba(107,58,20,.45) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #fff4cf 0%, #e7c279 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-card strong {
  display: block !important;
  margin: 5px 0 !important;
  color: #220803 !important;
  font: 900 13px/1.3 Verdana, Arial, sans-serif !important;
  word-break: break-word !important;
}

#ContentColumn .eclipse-account-manage-page a[name="Public+Information"] + .TopButtonContainer + .TableContainer .CaptionContainer .Text {
  font-size: 0 !important;
}

#ContentColumn .eclipse-account-manage-page a[name="Public+Information"] + .TopButtonContainer + .TableContainer .CaptionContainer .Text::after {
  content: attr(data-public-info-label) !important;
  color: #f7e7bd !important;
  font: 900 16px Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-legacy,
#ContentColumn .eclipse-account-manage-page .eclipse-public-info-legacy-edit {
  display: none !important;
}

@media (max-width: 900px) {
  #ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-grid,
  #ContentColumn .eclipse-account-manage-page .eclipse-public-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head {
    grid-template-columns: 1fr !important;
  }

  #ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head a {
    grid-row: auto !important;
    grid-column: auto !important;
    justify-self: start !important;
  }
}

@media (max-width: 560px) {
  #ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-grid,
  #ContentColumn .eclipse-account-manage-page .eclipse-public-info-grid {
    grid-template-columns: 1fr !important;
  }

  #ContentColumn .eclipse-account-manage-page .eclipse-public-info-intro {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Account management refinement: compact, closer to the Canary account tables. */
#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head {
  min-height: 0 !important;
  margin: 0 0 7px !important;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 1px solid rgba(101, 54, 18, .34) !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #f4d99f 0%, #d7b16c 100%) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head strong {
  font: 900 14px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head span {
  font: 700 11px/1.3 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head a {
  grid-row: auto !important;
  grid-column: auto !important;
  padding: 5px 8px !important;
  border-radius: 3px !important;
  font-size: 10px !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card {
  min-height: 56px !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: center !important;
  padding: 7px 8px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #f8e5ad 0%, #dbb76f 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 206, .55) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card img {
  width: 26px !important;
  height: 26px !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card span {
  font-size: 9px !important;
  letter-spacing: 0 !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card strong {
  margin: 1px 0 0 !important;
  font: 900 16px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-card small {
  display: none !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-flags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-flags span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 24px !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(101, 54, 18, .34) !important;
  border-radius: 3px !important;
  background: rgba(255, 244, 211, .42) !important;
  color: #35170a !important;
  font: 700 10px Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-manage-benefit-flags strong {
  color: #5f180d !important;
  font-weight: 900 !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-panel {
  padding: 0 !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-intro {
  margin: 0 0 7px !important;
  padding: 8px 10px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #f4d99f 0%, #d7b16c 100%) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-intro strong {
  font: 900 14px Georgia, 'Times New Roman', serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-intro span {
  font: 700 11px/1.3 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-edit {
  min-height: 26px !important;
  padding: 0 10px !important;
  border-radius: 3px !important;
  font-size: 10px !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-card {
  min-height: 0 !important;
  padding: 7px 9px !important;
  border-radius: 3px !important;
  background: rgba(255, 244, 211, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 206, .45) !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-card span {
  margin-bottom: 3px !important;
  font-size: 9px !important;
  letter-spacing: 0 !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-card strong {
  margin: 0 0 2px !important;
  font: 900 12px/1.25 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-account-manage-page .eclipse-public-info-card small {
  font-size: 10px !important;
}

@media (max-width: 760px) {
  #ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-grid,
  #ContentColumn .eclipse-account-manage-page .eclipse-public-info-grid {
    grid-template-columns: 1fr !important;
  }

  #ContentColumn .eclipse-account-manage-page .eclipse-manage-benefits-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
}

#ContentColumn .eclipse-account-manage-page .BigButtonText,
#ContentColumn .eclipse-account-manage-page .MediumButtonText,
#ContentColumn .eclipse-account-manage-page input[type="submit"],
#ContentColumn .eclipse-account-manage-page input[type="button"] {
  color: #fff8dc !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

/* Account management contrast fixes. */
#ContentColumn .Content .eclipse-account-manage-page,
#ContentColumn .Content .eclipse-account-manage-page *:not(.BigButton):not(.BigButton *):not(.BigButtonText):not(.MediumButtonText):not(button):not(button *):not(input[type="submit"]):not(input[type="button"]) {
  color: #24100a !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-account-manage-page .CaptionContainer,
#ContentColumn .Content .eclipse-account-manage-page .CaptionContainer *,
#ContentColumn .Content .eclipse-account-manage-page .CaptionInnerContainer,
#ContentColumn .Content .eclipse-account-manage-page .CaptionInnerContainer *,
#ContentColumn .Content .eclipse-account-manage-page .BorderTitleText,
#ContentColumn .Content .eclipse-account-manage-page .BorderTitleText *,
#ContentColumn .Content .eclipse-account-manage-page .Title,
#ContentColumn .Content .eclipse-account-manage-page .Title * {
  color: #f7e7bd !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .eclipse-account-manage-page .BigButtonText,
#ContentColumn .Content .eclipse-account-manage-page .MediumButtonText,
#ContentColumn .Content .eclipse-account-manage-page button,
#ContentColumn .Content .eclipse-account-manage-page button *,
#ContentColumn .Content .eclipse-account-manage-page input[type="submit"],
#ContentColumn .Content .eclipse-account-manage-page input[type="button"] {
  color: #fff8dc !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

#ContentColumn .Content .eclipse-account-manage-page .TableContent,
#ContentColumn .Content .eclipse-account-manage-page .InnerTableContainer,
#ContentColumn .Content .eclipse-account-manage-page .TableContentContainer {
  background-color: #e8c57f !important;
}

/* Generic success/confirmation page. */
#ContentColumn .eclipse-success-page,
#ContentColumn .eclipse-success-page *:not(.BigButton):not(.BigButton *):not(.BigButtonText):not(.MediumButtonText) {
  color: #24100a !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-success-panel {
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #f3dc9f 0%, #dfba73 68%, #c99547 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.55), 0 8px 22px rgba(0,0,0,.46) !important;
}

#ContentColumn .eclipse-success-title {
  padding: 11px 14px !important;
  color: #f7e7bd !important;
  font: 900 16px Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
}

#ContentColumn .eclipse-success-body {
  min-height: 92px !important;
  padding: 22px 24px !important;
  border-top: 1px solid rgba(255,244,198,.50) !important;
  font: 700 13px/1.65 Verdana, Arial, sans-serif !important;
  background: rgba(255,242,205,.34) !important;
}

#ContentColumn .eclipse-success-body b,
#ContentColumn .eclipse-success-body strong {
  color: #5e170d !important;
}

#ContentColumn .eclipse-success-actions {
  display: flex !important;
  justify-content: center !important;
  margin-top: 16px !important;
}

#ContentColumn .eclipse-account-feedback .eclipse-success-actions {
  margin-bottom: 2px !important;
  gap: 10px !important;
}

#ContentColumn .eclipse-success-body a {
  color: #7d190e !important;
  -webkit-text-fill-color: #7d190e !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

#ContentColumn .eclipse-success-body a:hover {
  color: #b62814 !important;
  -webkit-text-fill-color: #b62814 !important;
  text-decoration: underline !important;
}

#ContentColumn .eclipse-create-success,
#ContentColumn .eclipse-create-success * {
  box-sizing: border-box !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-create-success {
  display: grid !important;
  gap: 14px !important;
}

#ContentColumn .eclipse-create-success-hero {
  position: relative !important;
  overflow: hidden !important;
  min-height: 118px !important;
  padding: 20px 22px !important;
  border: 1px solid rgba(255, 194, 86, .54) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(90deg, rgba(9, 4, 3, .97) 0%, rgba(23, 7, 4, .88) 43%, rgba(23, 7, 4, .58) 100%),
    var(--eclipse-create-vocation-image, url("images/vocations/monkbanner.png")) center right / cover no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(255, 232, 170, .18), 0 8px 20px rgba(45, 12, 5, .30) !important;
}

#ContentColumn .eclipse-create-success-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, .38)),
    radial-gradient(circle at 18% 20%, rgba(255, 180, 66, .20), transparent 36%) !important;
  pointer-events: none !important;
}

#ContentColumn .eclipse-create-success-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

#ContentColumn .eclipse-create-success-hero span {
  display: inline-block !important;
  margin-bottom: 7px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(255, 215, 124, .62) !important;
  border-radius: 999px !important;
  background: rgba(18, 7, 4, .86) !important;
  color: #fff0bf !important;
  -webkit-text-fill-color: #fff0bf !important;
  font: 900 10px/1 Verdana, Arial, sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .eclipse-create-success-hero h2 {
  margin: 0 0 8px !important;
  color: #fff7dc !important;
  -webkit-text-fill-color: #fff7dc !important;
  font: 900 28px/1.05 Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 2px #000, 0 0 12px rgba(255, 189, 77, .44) !important;
}

#ContentColumn .eclipse-create-success-hero p {
  max-width: 610px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255, 222, 151, .18) !important;
  border-radius: 4px !important;
  background: rgba(8, 4, 3, .46) !important;
  color: #ffe9bd !important;
  -webkit-text-fill-color: #ffe9bd !important;
  font: 800 13px/1.55 Verdana, Arial, sans-serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .eclipse-create-success-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: 14px !important;
}

#ContentColumn .eclipse-create-success-card {
  overflow: hidden !important;
  min-height: 164px !important;
  border: 1px solid #a86b23 !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f8e5ad 0%, #d9ac5d 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 247, 205, .56), 0 5px 14px rgba(0, 0, 0, .22) !important;
}

#ContentColumn .eclipse-create-success-account {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 19px 20px !important;
  background:
    linear-gradient(180deg, rgba(255, 236, 178, .94), rgba(214, 164, 84, .94)),
    radial-gradient(circle at 90% 0%, rgba(111, 21, 11, .18), transparent 42%) !important;
}

#ContentColumn .eclipse-create-success-account span {
  color: #68190d !important;
  -webkit-text-fill-color: #68190d !important;
  font: 900 11px/1 Verdana, Arial, sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#ContentColumn .eclipse-create-success-account strong {
  display: block !important;
  max-width: 100% !important;
  margin: 9px 0 12px !important;
  padding: 12px 14px !important;
  overflow-wrap: anywhere !important;
  border: 1px solid rgba(111, 39, 12, .50) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #fff6cf, #f0c66d) !important;
  color: #2c0b05 !important;
  -webkit-text-fill-color: #2c0b05 !important;
  font: 900 24px/1.1 Georgia, "Times New Roman", serif !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 3px 8px rgba(75, 28, 8, .18) !important;
}

#ContentColumn .eclipse-create-success-account p,
#ContentColumn .eclipse-create-success-character p {
  margin: 0 !important;
  color: #281208 !important;
  -webkit-text-fill-color: #281208 !important;
  font: 800 12px/1.55 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-create-success-banner {
  min-height: 118px !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 14px 16px !important;
  background:
    linear-gradient(180deg, rgba(10, 13, 18, .12), rgba(24, 7, 4, .88)),
    radial-gradient(circle at 20% 20%, rgba(255, 183, 61, .22), transparent 38%),
    var(--eclipse-create-vocation-image, url("images/vocations/monkbanner.png")) center / cover no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

#ContentColumn .eclipse-create-success-banner span,
#ContentColumn .eclipse-create-success-banner strong,
#ContentColumn .eclipse-create-success-banner small {
  display: block !important;
}

#ContentColumn .eclipse-create-success-banner span {
  color: #ffd97a !important;
  -webkit-text-fill-color: #ffd97a !important;
  font: 900 10px/1 Verdana, Arial, sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#ContentColumn .eclipse-create-success-banner strong {
  margin-top: 4px !important;
  color: #fff0c6 !important;
  -webkit-text-fill-color: #fff0c6 !important;
  font: 900 23px/1 Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 0 #220804, 0 0 10px rgba(255, 177, 67, .36) !important;
}

#ContentColumn .eclipse-create-success-banner small {
  margin-top: 6px !important;
  color: #f4d6a0 !important;
  -webkit-text-fill-color: #f4d6a0 !important;
  font: 800 11px/1.2 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-create-success-character p {
  padding: 14px 16px 16px !important;
}

#ContentColumn .eclipse-create-success-next {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(87, 31, 10, .38) !important;
  border-radius: 5px !important;
  background: rgba(255, 244, 207, .44) !important;
}

#ContentColumn .eclipse-create-success-next strong {
  color: #5e170d !important;
  -webkit-text-fill-color: #5e170d !important;
  font: 900 12px/1 Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#ContentColumn .eclipse-create-success-next span {
  color: #24100a !important;
  -webkit-text-fill-color: #24100a !important;
  font: 800 12px/1.45 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-create-success-next-text {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-guide,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-guide:link,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-guide:visited,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-guide:hover {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid #ffe5a2 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #9f3516 0%, #681506 54%, #380804 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 11px/1 Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 1px #190200 !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255,232,166,.44), inset 0 -3px 0 rgba(36,3,1,.5), 0 3px 8px rgba(61,20,3,.42) !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-guide:hover {
  background: linear-gradient(180deg, #c94b1d 0%, #861e08 54%, #4b0b04 100%) !important;
  border-color: #fff0bd !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (max-width: 760px) {
  #ContentColumn .eclipse-create-success-grid {
    grid-template-columns: 1fr !important;
  }

  #ContentColumn .eclipse-create-success-hero {
    padding: 17px 16px !important;
  }

  #ContentColumn .eclipse-create-success-hero h2 {
    font-size: 22px !important;
  }

  #ContentColumn .eclipse-create-success-next {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

#ContentColumn .eclipse-error-page,
#ContentColumn .eclipse-error-page * {
  box-sizing: border-box !important;
  color: #27150c !important;
  -webkit-text-fill-color: #27150c !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-error-panel {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 1px solid #9a2b16 !important;
  background: linear-gradient(180deg, #f5d8a3 0%, #dfb667 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 244, 205, .58), 0 4px 12px rgba(0, 0, 0, .24) !important;
}

#ContentColumn .eclipse-error-title {
  padding: 12px 16px !important;
  border-bottom: 1px solid #7f180d !important;
  background: linear-gradient(180deg, #5b130b 0%, #330805 100%) !important;
  color: #fff0c6 !important;
  -webkit-text-fill-color: #fff0c6 !important;
  font: 700 20px/1.2 Georgia, "Times New Roman", serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .eclipse-error-list {
  margin: 0 !important;
  padding: 14px 20px 14px 34px !important;
}

#ContentColumn .eclipse-error-list li {
  margin: 0 0 8px !important;
  color: #27150c !important;
  -webkit-text-fill-color: #27150c !important;
  font: 700 13px/1.55 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-error-list li:last-child {
  margin-bottom: 0 !important;
}

#ContentColumn .eclipse-error-list a {
  color: #7d190e !important;
  -webkit-text-fill-color: #7d190e !important;
  font-weight: 800 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page div,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page span,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page p,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page b,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page strong,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page a,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page div,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page span,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page p,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page li,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page b,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page strong,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page a {
  color: #27150c !important;
  -webkit-text-fill-color: #27150c !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-success-title,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-success-title *,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page .eclipse-error-title,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page .eclipse-error-title * {
  color: #fff0c6 !important;
  -webkit-text-fill-color: #fff0c6 !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-success-body a,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-error-page .eclipse-error-list a {
  color: #7d190e !important;
  -webkit-text-fill-color: #7d190e !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-success-actions .eclipse-btn,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-success-actions .eclipse-btn:link,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-success-actions .eclipse-btn:visited,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-success-actions .eclipse-btn:hover {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-hero,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-banner {
  position: relative !important;
  isolation: isolate !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-art {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center right !important;
  opacity: .72 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-server-art {
  object-position: center 42% !important;
  opacity: .78 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-banner .eclipse-create-success-art {
  object-position: center !important;
  opacity: .84 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-hero::before,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(9, 4, 3, .95) 0%, rgba(20, 7, 4, .78) 48%, rgba(20, 7, 4, .42) 100%),
    radial-gradient(circle at 52% 34%, rgba(255, 66, 34, .22), transparent 34%) !important;
  pointer-events: none !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-banner::before {
  background: linear-gradient(180deg, rgba(10, 6, 4, .18), rgba(22, 7, 4, .88)) !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-hero > :not(.eclipse-create-success-art),
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-banner > :not(.eclipse-create-success-art) {
  position: relative !important;
  z-index: 2 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-hero span {
  color: #fff0bf !important;
  -webkit-text-fill-color: #fff0bf !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-hero h2 {
  color: #fff7dc !important;
  -webkit-text-fill-color: #fff7dc !important;
  text-shadow: 0 2px 2px #000, 0 0 12px rgba(255, 189, 77, .44) !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-hero p {
  color: #ffe9bd !important;
  -webkit-text-fill-color: #ffe9bd !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-banner span {
  color: #ffd97a !important;
  -webkit-text-fill-color: #ffd97a !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-banner strong {
  color: #fff0c6 !important;
  -webkit-text-fill-color: #fff0c6 !important;
  text-shadow: 0 2px 0 #220804, 0 0 10px rgba(255, 177, 67, .36) !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-banner small {
  color: #f4d6a0 !important;
  -webkit-text-fill-color: #f4d6a0 !important;
}

/* Final account management typography. */
#ContentColumn .Content .eclipse-account-manage-page,
#ContentColumn .Content .eclipse-account-manage-page *:not(.CaptionContainer):not(.CaptionContainer *):not(.CaptionInnerContainer):not(.CaptionInnerContainer *):not(.BorderTitleText):not(.BorderTitleText *):not(.Title):not(.Title *):not(.BigButton):not(.BigButton *):not(.BigButtonText):not(.MediumButtonText):not(button):not(button *):not(input[type="submit"]):not(input[type="button"]) {
  color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-account-manage-page .CaptionContainer .Text,
#ContentColumn .Content .eclipse-account-manage-page .CaptionContainer .Text *,
#ContentColumn .Content .eclipse-account-manage-page .CaptionInnerContainer .Text,
#ContentColumn .Content .eclipse-account-manage-page .CaptionInnerContainer .Text *,
#ContentColumn .Content .eclipse-account-manage-page .BorderTitleText,
#ContentColumn .Content .eclipse-account-manage-page .BorderTitleText *,
#ContentColumn .Content .eclipse-account-manage-page .Title,
#ContentColumn .Content .eclipse-account-manage-page .Title * {
  color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

/* Account management action buttons: replace the legacy blue/black sprites. */
#ContentColumn .eclipse-account-manage-page .InnerTableButtonRow {
  margin-top: 12px !important;
  border-spacing: 10px 6px !important;
}

#ContentColumn .eclipse-account-manage-page .InnerTableButtonRow td {
  padding: 4px 7px !important;
}

#ContentColumn .eclipse-account-manage-page form {
  margin: 0 !important;
}

#ContentColumn .eclipse-account-manage-page .BigButton {
  width: auto !important;
  min-width: 136px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  border: 1px solid #ffe5a2 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #ffad33 0%, #d86a0a 54%, #a83b05 100%) !important;
  background-image: linear-gradient(180deg, #ffad33 0%, #d86a0a 54%, #a83b05 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(88,19,3,.35), 0 3px 9px rgba(0,0,0,.38) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-account-manage-page .BigButton > div {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#ContentColumn .eclipse-account-manage-page .BigButtonOver {
  display: none !important;
  background-image: none !important;
}

#ContentColumn .eclipse-account-manage-page .BigButton:hover {
  border-color: #fff2bf !important;
  background: linear-gradient(180deg, #ffc45a 0%, #e7770d 56%, #b44605 100%) !important;
  background-image: linear-gradient(180deg, #ffc45a 0%, #e7770d 56%, #b44605 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.46), 0 4px 12px rgba(0,0,0,.46), 0 0 0 2px rgba(255,211,111,.18) !important;
}

#ContentColumn .eclipse-account-manage-page .BigButtonText,
#ContentColumn .Content .eclipse-account-manage-page .BigButtonText,
#ContentColumn .eclipse-account-manage-page input.BigButtonText,
#ContentColumn .Content .eclipse-account-manage-page input.BigButtonText {
  position: static !important;
  width: 100% !important;
  min-width: 136px !important;
  height: 34px !important;
  padding: 0 16px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 12px/34px Verdana, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #4c1200, 0 0 5px rgba(0,0,0,.35) !important;
  cursor: pointer !important;
}

#ContentColumn .eclipse-account-manage-page .TableContent td[align="right"] .BigButton,
#ContentColumn .eclipse-account-manage-page .TableContent td[align="right"] .BigButtonText {
  min-width: 118px !important;
}

#ContentColumn .eclipse-account-manage-page span[style*="font-weight:normal"] a {
  display: inline-block !important;
  min-width: 58px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(94, 23, 13, .42) !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #f8dd9e 0%, #d6a661 100%) !important;
  color: #4b1208 !important;
  -webkit-text-fill-color: #4b1208 !important;
  font: 900 11px/1.1 Verdana, Arial, sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255, 242, 197, .70) !important;
}

#ContentColumn .eclipse-account-manage-page span[style*="font-weight:normal"] a:hover {
  border-color: #7b2d10 !important;
  background: linear-gradient(180deg, #ffe8b2 0%, #e0b56f 100%) !important;
}

/* Register account / Recovery Key screen. */
#ContentColumn .eclipse-register-account-page,
#ContentColumn .eclipse-register-account-page *:not(.BigButton):not(.BigButton *):not(.BigButtonText) {
  color: #1f1008 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-register-account-page {
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 58%, #c99a51 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.48), 0 8px 22px rgba(0,0,0,.50) !important;
}

#ContentColumn .eclipse-register-account-page .register-account-hero {
  padding: 18px 22px 20px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 60%, #07121b 100%) !important;
  border-bottom: 1px solid rgba(255, 214, 117, .35) !important;
}

#ContentColumn .eclipse-register-account-page .register-account-kicker {
  margin-bottom: 6px !important;
  color: #f5c56a !important;
  -webkit-text-fill-color: #f5c56a !important;
  font: 900 11px/1.2 Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

#ContentColumn .eclipse-register-account-page h2 {
  margin: 0 0 8px !important;
  color: #fff4ce !important;
  -webkit-text-fill-color: #fff4ce !important;
  font: 900 24px/1.15 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .eclipse-register-account-page .register-account-hero p {
  max-width: 690px !important;
  margin: 0 !important;
  color: #f8e5b8 !important;
  -webkit-text-fill-color: #f8e5b8 !important;
  font: 800 12px/1.55 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-register-account-page .register-account-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(230px, .85fr) !important;
  gap: 14px !important;
  padding: 14px !important;
}

#ContentColumn .eclipse-register-account-page .register-account-card {
  border: 1px solid rgba(137,83,33,.54) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f2dca9 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 4px 12px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-register-account-page .register-account-card-title {
  padding: 10px 13px !important;
  background: linear-gradient(180deg, #4b1008 0%, #1a0503 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 14px/1.2 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .eclipse-register-account-page .register-account-card-body {
  padding: 16px !important;
}

#ContentColumn .eclipse-register-account-page .register-account-label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  font: 900 13px/1.25 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-register-account-page .register-account-input {
  width: min(100%, 390px) !important;
  height: 36px !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 3px !important;
  background: #fff3d3 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font: 800 13px Verdana, Arial, sans-serif !important;
  box-shadow: inset 0 1px 4px rgba(64,32,12,.28), 0 1px 0 rgba(255,255,255,.55) !important;
}

#ContentColumn .eclipse-register-account-page .register-account-input:focus {
  outline: none !important;
  border-color: #5e170d !important;
  box-shadow: 0 0 0 2px rgba(94,23,13,.22), inset 0 1px 4px rgba(64,32,12,.22) !important;
}

#ContentColumn .eclipse-register-account-page .register-account-field-note {
  margin: 8px 0 0 !important;
  color: #513019 !important;
  -webkit-text-fill-color: #513019 !important;
  font: 700 11px/1.45 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-register-account-page .register-account-actions {
  display: flex !important;
  margin-top: 16px !important;
}

#ContentColumn .eclipse-register-account-page .register-account-back-form {
  margin-top: 10px !important;
}

#ContentColumn .eclipse-register-account-page .register-account-checklist {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#ContentColumn .eclipse-register-account-page .register-account-checklist li {
  position: relative !important;
  margin: 0 0 10px !important;
  padding-left: 22px !important;
  color: #2a1208 !important;
  -webkit-text-fill-color: #2a1208 !important;
  font: 800 12px/1.45 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-register-account-page .register-account-checklist li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #5e170d !important;
  box-shadow: 0 0 0 2px rgba(255, 232, 167, .62) !important;
}

#ContentColumn .eclipse-register-account-page .BigButton {
  width: auto !important;
  min-width: 136px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  border: 1px solid #ffe5a2 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #ffad33 0%, #d86a0a 54%, #a83b05 100%) !important;
  background-image: linear-gradient(180deg, #ffad33 0%, #d86a0a 54%, #a83b05 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(88,19,3,.35), 0 3px 9px rgba(0,0,0,.38) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-register-account-page .BigButton > div {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#ContentColumn .eclipse-register-account-page .BigButtonOver {
  display: none !important;
  background-image: none !important;
}

#ContentColumn .eclipse-register-account-page .BigButtonText,
#ContentColumn .Content .eclipse-register-account-page .BigButtonText,
#ContentColumn .eclipse-register-account-page input.BigButtonText,
#ContentColumn .Content .eclipse-register-account-page input.BigButtonText {
  position: static !important;
  width: 100% !important;
  min-width: 136px !important;
  height: 34px !important;
  padding: 0 16px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 12px/34px Verdana, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #4c1200, 0 0 5px rgba(0,0,0,.35) !important;
  cursor: pointer !important;
}

@media (max-width: 760px) {
  #ContentColumn .eclipse-register-account-page .register-account-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Account change-info: donation profile fields. */
#ContentColumn .eclipse-change-info-page,
#ContentColumn .eclipse-change-info-page *:not(.BigButton):not(.BigButton *):not(.BigButtonText) {
  color: #1f1008 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-change-info-page {
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 58%, #c99a51 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.48), 0 8px 22px rgba(0,0,0,.50) !important;
}

#ContentColumn .eclipse-change-info-page .change-info-hero {
  padding: 18px 22px 20px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 60%, #07121b 100%) !important;
  border-bottom: 1px solid rgba(255, 214, 117, .35) !important;
}

#ContentColumn .eclipse-change-info-page .change-info-kicker {
  margin-bottom: 6px !important;
  color: #f5c56a !important;
  -webkit-text-fill-color: #f5c56a !important;
  font: 900 11px/1.2 Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

#ContentColumn .eclipse-change-info-page h2 {
  margin: 0 0 8px !important;
  color: #fff4ce !important;
  -webkit-text-fill-color: #fff4ce !important;
  font: 900 24px/1.15 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .eclipse-change-info-page .change-info-hero p {
  max-width: 720px !important;
  margin: 0 !important;
  color: #f8e5b8 !important;
  -webkit-text-fill-color: #f8e5b8 !important;
  font: 800 12px/1.55 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-change-info-page .change-info-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr) !important;
  gap: 14px !important;
  padding: 14px !important;
}

#ContentColumn .eclipse-change-info-page .change-info-card {
  border: 1px solid rgba(137,83,33,.54) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f2dca9 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 4px 12px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-change-info-page .change-info-card-title {
  padding: 10px 13px !important;
  background: linear-gradient(180deg, #4b1008 0%, #1a0503 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 14px/1.2 Georgia, 'Times New Roman', serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .eclipse-change-info-page .change-info-card-body {
  padding: 16px !important;
}

#ContentColumn .eclipse-change-info-page .change-info-row {
  display: grid !important;
  grid-template-columns: minmax(150px, .75fr) minmax(190px, 1fr) !important;
  gap: 12px !important;
}

#ContentColumn .eclipse-change-info-page .change-info-field {
  margin-bottom: 13px !important;
}

#ContentColumn .eclipse-change-info-page label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  font: 900 13px/1.25 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-change-info-page label span {
  color: #8b1208 !important;
  -webkit-text-fill-color: #8b1208 !important;
}

#ContentColumn .eclipse-change-info-page input,
#ContentColumn .eclipse-change-info-page select {
  width: 100% !important;
  height: 36px !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 3px !important;
  background: #fff3d3 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font: 800 13px Verdana, Arial, sans-serif !important;
  box-shadow: inset 0 1px 4px rgba(64,32,12,.28), 0 1px 0 rgba(255,255,255,.55) !important;
}

#ContentColumn .eclipse-change-info-page input:focus,
#ContentColumn .eclipse-change-info-page select:focus {
  outline: none !important;
  border-color: #5e170d !important;
  box-shadow: 0 0 0 2px rgba(94,23,13,.22), inset 0 1px 4px rgba(64,32,12,.22) !important;
}

#ContentColumn .eclipse-change-info-page small {
  display: block !important;
  margin-top: 6px !important;
  color: #513019 !important;
  -webkit-text-fill-color: #513019 !important;
  font: 700 11px/1.45 Verdana, Arial, sans-serif !important;
}

#ContentColumn .eclipse-change-info-page #account_country_img {
  display: inline-block !important;
  margin-top: 8px !important;
}

#ContentColumn .eclipse-change-info-page .change-info-actions,
#ContentColumn .eclipse-change-info-page .change-info-back-form {
  display: inline-flex !important;
  margin: 0 0 16px 14px !important;
}

#ContentColumn .eclipse-change-info-page .change-info-back-form {
  margin-left: 8px !important;
}

#ContentColumn .eclipse-change-info-page .BigButton {
  width: auto !important;
  min-width: 136px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  border: 1px solid #ffe5a2 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #ffad33 0%, #d86a0a 54%, #a83b05 100%) !important;
  background-image: linear-gradient(180deg, #ffad33 0%, #d86a0a 54%, #a83b05 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(88,19,3,.35), 0 3px 9px rgba(0,0,0,.38) !important;
  overflow: hidden !important;
}

#ContentColumn .eclipse-change-info-page .BigButton > div {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#ContentColumn .eclipse-change-info-page .BigButtonOver {
  display: none !important;
  background-image: none !important;
}

#ContentColumn .eclipse-change-info-page .BigButtonText,
#ContentColumn .Content .eclipse-change-info-page .BigButtonText,
#ContentColumn .eclipse-change-info-page input.BigButtonText,
#ContentColumn .Content .eclipse-change-info-page input.BigButtonText {
  position: static !important;
  width: 100% !important;
  min-width: 136px !important;
  height: 34px !important;
  padding: 0 16px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 12px/34px Verdana, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #4c1200, 0 0 5px rgba(0,0,0,.35) !important;
  cursor: pointer !important;
}

@media (max-width: 760px) {
  #ContentColumn .eclipse-change-info-page .change-info-grid,
  #ContentColumn .eclipse-change-info-page .change-info-row {
    grid-template-columns: 1fr !important;
  }
}

/* Final login contrast pass, after generic content overrides. */
#ContentColumn .eclipse-login-page .eclipse-login-card-account .LabelV,
#ContentColumn .eclipse-login-page .eclipse-login-card-account .LabelV span,
#ContentColumn .eclipse-login-page .eclipse-login-card-account label,
#ContentColumn .eclipse-login-page #LoginCreateAccountBox,
#ContentColumn .eclipse-login-page #LoginCreateAccountBox *,
#ContentColumn .Content .eclipse-login-page .eclipse-login-card-account .LabelV,
#ContentColumn .Content .eclipse-login-page .eclipse-login-card-account .LabelV span,
#ContentColumn .Content .eclipse-login-page .eclipse-login-card-account label,
#ContentColumn .Content .eclipse-login-page #LoginCreateAccountBox,
#ContentColumn .Content .eclipse-login-page #LoginCreateAccountBox * {
  color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-login-page .eclipse-login-card .CaptionContainer .Text,
#ContentColumn .eclipse-login-page .eclipse-login-card .CaptionContainer .Text *,
#ContentColumn .Content .eclipse-login-page .eclipse-login-card .CaptionContainer .Text,
#ContentColumn .Content .eclipse-login-page .eclipse-login-card .CaptionContainer .Text * {
  color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

/* Login inputs and password visibility. */
#ContentColumn .eclipse-login-page .eclipse-login-input,
#ContentColumn .eclipse-login-page .eclipse-login-input:focus,
#ContentColumn .eclipse-login-page .eclipse-login-input:-webkit-autofill,
#ContentColumn .eclipse-login-page .eclipse-login-input:-webkit-autofill:hover,
#ContentColumn .eclipse-login-page .eclipse-login-input:-webkit-autofill:focus {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-login-page .eclipse-password-field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

#ContentColumn .eclipse-login-page .eclipse-password-field .eclipse-password-input {
  padding-right: 42px !important;
}

#ContentColumn .eclipse-login-page .eclipse-password-toggle {
  position: absolute !important;
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 30px !important;
  height: 26px !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #f6d98f 0%, #c99547 100%) !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 22px !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 3px rgba(0,0,0,.25) !important;
  cursor: pointer !important;
}

#ContentColumn .eclipse-login-page .eclipse-password-toggle:hover {
  background: linear-gradient(180deg, #ffe4a6 0%, #d6a253 100%) !important;
}

/* Account manage beige panels must use dark text. */
#ContentColumn .eclipse-account-manage-page .eclipse-account-welcome,
#ContentColumn .eclipse-account-manage-page .eclipse-account-welcome *,
#ContentColumn .eclipse-account-manage-page .TableContent,
#ContentColumn .eclipse-account-manage-page .TableContent *:not(.BigButtonText):not(.MediumButtonText):not(button):not(button *):not(input[type="submit"]):not(input[type="button"]),
#ContentColumn .eclipse-account-manage-page .InnerTableContainer,
#ContentColumn .eclipse-account-manage-page .InnerTableContainer *:not(.CaptionContainer):not(.CaptionContainer *):not(.CaptionInnerContainer):not(.CaptionInnerContainer *):not(.BigButtonText):not(.MediumButtonText):not(button):not(button *):not(input[type="submit"]):not(input[type="button"]) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-account-manage-page .CaptionContainer .Text,
#ContentColumn .eclipse-account-manage-page .CaptionContainer .Text *,
#ContentColumn .eclipse-account-manage-page .CaptionInnerContainer .Text,
#ContentColumn .eclipse-account-manage-page .CaptionInnerContainer .Text * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

/* Downloads page: keep the beige panels readable despite generic dark-content rules. */
#ContentColumn .Content .eclipse-download-page,
#ContentColumn .Content .eclipse-download-page *:not(.download-button):not(.download-button *):not(.download-step):not(.download-eyebrow):not(.download-eyebrow *) {
  color: #1f0804 !important;
  -webkit-text-fill-color: #1f0804 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-download-page .download-title,
#ContentColumn .Content .eclipse-download-page .download-title *,
#ContentColumn .Content .eclipse-download-page .download-card strong,
#ContentColumn .Content .eclipse-download-page .download-note strong {
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-download-page .download-step {
  color: #fff0b8 !important;
  -webkit-text-fill-color: #fff0b8 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-download-page .download-button,
#ContentColumn .Content .eclipse-download-page .download-button * {
  color: #fff7d4 !important;
  -webkit-text-fill-color: #fff7d4 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #4c1600 !important;
}

#ContentColumn .Content .eclipse-download-page .download-button.secondary,
#ContentColumn .Content .eclipse-download-page .download-button.secondary * {
  color: #fff1bd !important;
  -webkit-text-fill-color: #fff1bd !important;
}

#ContentColumn .Content .eclipse-download-page .download-shell {
  padding: 18px !important;
  background: linear-gradient(180deg, #f6dfa9 0%, #e0bd74 58%, #c9964c 100%) !important;
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  box-shadow: inset 0 0 0 1px rgba(255,246,204,.60), 0 10px 24px rgba(0,0,0,.46) !important;
}

#ContentColumn .Content .eclipse-download-page .download-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 285px !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#ContentColumn .Content .eclipse-download-page .download-hero-copy,
#ContentColumn .Content .eclipse-download-page .download-primary-panel,
#ContentColumn .Content .eclipse-download-page .download-card,
#ContentColumn .Content .eclipse-download-page .download-note {
  border: 1px solid rgba(118,70,26,.48) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #fff0bd 0%, #e5bd74 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,252,224,.82), 0 6px 16px rgba(71,39,9,.22) !important;
}

#ContentColumn .Content .eclipse-download-page .download-hero-copy {
  min-height: 210px !important;
  padding: 20px !important;
}

#ContentColumn .Content .eclipse-download-page .download-eyebrow {
  display: inline-block !important;
  margin-bottom: 10px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(91,22,9,.35) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #6d1a0e 0%, #2b0604 100%) !important;
  color: #fff0bd !important;
  -webkit-text-fill-color: #fff0bd !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-download-page .download-title {
  margin: 0 0 10px !important;
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font: 900 26px Georgia, "Times New Roman", serif !important;
}

#ContentColumn .Content .eclipse-download-page .download-lead {
  max-width: 560px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#ContentColumn .Content .eclipse-download-page .download-version-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 16px !important;
}

#ContentColumn .Content .eclipse-download-page .download-version-row span {
  display: inline-flex !important;
  min-height: 26px !important;
  align-items: center !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(133,78,25,.55) !important;
  border-radius: 4px !important;
  background: rgba(255,246,211,.46) !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-download-page .download-primary-panel {
  display: flex !important;
  min-height: 210px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 16px !important;
}

#ContentColumn .Content .eclipse-download-page .download-file-meta strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font: 900 17px Georgia, "Times New Roman", serif !important;
}

#ContentColumn .Content .eclipse-download-page .download-file-meta span {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

#ContentColumn .Content .eclipse-download-page .download-actions {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

#ContentColumn .Content .eclipse-download-page .download-button {
  display: block !important;
  padding: 12px 14px !important;
  border: 1px solid #ffe1a0 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #ff9d26 0%, #c45608 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 3px 9px rgba(73,31,2,.34) !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

#ContentColumn .Content .eclipse-download-page .download-button:hover {
  background: linear-gradient(180deg, #ffc04f 0%, #d86108 100%) !important;
}

#ContentColumn .Content .eclipse-download-page .download-button.secondary {
  background: linear-gradient(180deg, #173f54 0%, #08202d 100%) !important;
  border-color: #d69a3d !important;
}

#ContentColumn .Content .eclipse-download-page .download-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

#ContentColumn .Content .eclipse-download-page .download-card {
  padding: 14px !important;
}

#ContentColumn .Content .eclipse-download-page .download-card strong {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
}

#ContentColumn .Content .eclipse-download-page .download-step {
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #5a130a !important;
  font: 900 13px Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-download-page .download-note {
  margin-top: 14px !important;
  padding: 13px 14px !important;
  background: linear-gradient(180deg, #fff5cc 0%, #e8c27a 100%) !important;
}

#ContentColumn .Content .eclipse-download-page .download-note span {
  display: block !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

@media (max-width: 860px) {
  #ContentColumn .Content .eclipse-download-page .download-hero,
  #ContentColumn .Content .eclipse-download-page .download-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Rules page: dark text on beige panels, light only in section counters. */
#ContentColumn .Content .eclipse-rules-page,
#ContentColumn .Content .eclipse-rules-page *:not(.rules-index) {
  color: #1f0804 !important;
  -webkit-text-fill-color: #1f0804 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-rules-page .rules-title,
#ContentColumn .Content .eclipse-rules-page .rules-title *,
#ContentColumn .Content .eclipse-rules-page .rules-card h3,
#ContentColumn .Content .eclipse-rules-page .rules-card h3 *:not(.rules-index),
#ContentColumn .Content .eclipse-rules-page .rules-note strong {
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-rules-page .rules-index {
  color: #fff0b8 !important;
  -webkit-text-fill-color: #fff0b8 !important;
  text-shadow: none !important;
}

/* Directory-style public pages: houses, guilds and team. */
#ContentColumn .Content .eclipse-directory-page,
#ContentColumn .Content .eclipse-directory-page *:not(.BigButton):not(.BigButton *):not(.BigButtonText):not(.MediumButtonText):not(button):not(button *) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-note,
#ContentColumn .Content .eclipse-directory-page .directory-hint,
#ContentColumn .Content .eclipse-directory-page .directory-card,
#ContentColumn .Content .eclipse-directory-page .house-view-card,
#ContentColumn .Content .eclipse-directory-page .guild-hero {
  border: 1px solid rgba(137,83,33,.50) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f5dfad 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 5px 14px rgba(0,0,0,.28) !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-note {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-note strong,
#ContentColumn .Content .eclipse-directory-page h1,
#ContentColumn .Content .eclipse-directory-page h2 {
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-hint {
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  color: #2a0905 !important;
  -webkit-text-fill-color: #2a0905 !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-card {
  margin: 0 0 14px !important;
  overflow: hidden !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-card-title {
  padding: 9px 14px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 16px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: linear-gradient(180deg, #f4dfad 0%, #dfbd7b 100%) !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-table td {
  padding: 9px 10px !important;
  vertical-align: middle !important;
  border: 1px solid rgba(125,73,26,.25) !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-table tr:not(.LabelH):nth-child(odd) td {
  background: rgba(255,245,216,.42) !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-table tr:not(.LabelH):nth-child(even) td {
  background: rgba(224,184,113,.34) !important;
}

#ContentColumn .Content .eclipse-directory-page .LabelH,
#ContentColumn .Content .eclipse-directory-page .LabelH td {
  background: linear-gradient(180deg, #4b1008 0%, #1a0503 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-directory-page a,
#ContentColumn .Content .eclipse-directory-page a * {
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-directory-page input:not([type="image"]):not([type="submit"]):not([type="button"]) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-empty {
  padding: 18px !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-action {
  width: 120px !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-directory-page .directory-submit {
  padding: 12px !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-directory-page .houses-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 14px !important;
}

#ContentColumn .Content .eclipse-directory-page .houses-filter-grid > div {
  padding: 10px !important;
  border: 1px solid rgba(137,83,33,.35) !important;
  border-radius: 4px !important;
  background: rgba(255,245,216,.36) !important;
}

#ContentColumn .Content .eclipse-directory-page .houses-filter-grid label {
  display: block !important;
  margin-top: 7px !important;
}

#ContentColumn .Content .eclipse-directory-page .house-view-card {
  display: grid !important;
  grid-template-columns: 220px 1fr !important;
  gap: 18px !important;
  padding: 16px !important;
}

#ContentColumn .Content .eclipse-directory-page .house-image img {
  max-width: 100% !important;
  border: 2px solid #8f5a24 !important;
  border-radius: 5px !important;
  background: #2a1009 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.35) !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-logo-cell {
  width: 86px !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-logo-cell img,
#ContentColumn .Content .eclipse-directory-page .guild-hero img {
  border: 2px solid #8f5a24 !important;
  border-radius: 5px !important;
  background: #1b0805 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.30) !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-description-cell p {
  margin: 6px 0 0 !important;
}

#ContentColumn .Content .eclipse-directory-page .guilds-action-note,
#ContentColumn .Content .eclipse-directory-page .guild-actions {
  justify-content: center !important;
  flex-wrap: wrap !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-hero {
  display: grid !important;
  grid-template-columns: 72px 1fr 72px !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  padding: 14px !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-info-box {
  padding: 14px !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-inline-form {
  margin: 0 !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-inline-form input[type="text"] {
  width: 150px !important;
  margin-left: 6px !important;
  padding: 4px 7px !important;
  border: 1px solid #8f5a24 !important;
  background: #fff3d3 !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-inline-form input[type="submit"] {
  margin-left: 4px !important;
  padding: 4px 8px !important;
  border: 1px solid #8f5a24 !important;
  background: linear-gradient(180deg, #f5a22a 0%, #c45608 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-directory-page .guild-kick-link {
  float: right !important;
  color: #8b1208 !important;
  -webkit-text-fill-color: #8b1208 !important;
}

#ContentColumn .Content .eclipse-directory-page .team-outfit-cell {
  width: 74px !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-directory-page .team-outfit-cell img {
  max-width: 58px !important;
  max-height: 58px !important;
  object-fit: contain !important;
}

#ContentColumn .Content .eclipse-directory-page .status-online {
  color: #0c651b !important;
  -webkit-text-fill-color: #0c651b !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-directory-page .status-offline {
  color: #8b1208 !important;
  -webkit-text-fill-color: #8b1208 !important;
  font-weight: 900 !important;
}

#ContentColumn #News .BoxContent .eclipse-directory-page .directory-card-title,
#ContentColumn #News .BoxContent .eclipse-directory-page .directory-card-title *,
#ContentColumn #News .BoxContent .eclipse-directory-page .LabelH,
#ContentColumn #News .BoxContent .eclipse-directory-page .LabelH td,
#ContentColumn #News .BoxContent .eclipse-directory-page .LabelH * {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn #News .BoxContent .eclipse-directory-page,
#ContentColumn #News .BoxContent .eclipse-directory-page td,
#ContentColumn #News .BoxContent .eclipse-directory-page div,
#ContentColumn #News .BoxContent .eclipse-directory-page span,
#ContentColumn #News .BoxContent .eclipse-directory-page p,
#ContentColumn #News .BoxContent .eclipse-directory-page b,
#ContentColumn #News .BoxContent .eclipse-directory-page strong,
#ContentColumn #News .BoxContent .eclipse-directory-page label,
#ContentColumn #News .BoxContent .eclipse-directory-page small {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .eclipse-directory-page .directory-card-title,
#ContentColumn #News .BoxContent .eclipse-directory-page .directory-card-title *,
#ContentColumn #News .BoxContent .eclipse-directory-page .LabelH,
#ContentColumn #News .BoxContent .eclipse-directory-page .LabelH td,
#ContentColumn #News .BoxContent .eclipse-directory-page .LabelH *,
#ContentColumn #News .BoxContent .eclipse-directory-page .team-outfit-cell,
#ContentColumn #News .BoxContent .eclipse-directory-page .team-outfit-cell * {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn #News .BoxContent .eclipse-directory-page .status-online {
  color: #0c651b !important;
  -webkit-text-fill-color: #0c651b !important;
}

#ContentColumn #News .BoxContent .eclipse-directory-page .status-offline {
  color: #8b1208 !important;
  -webkit-text-fill-color: #8b1208 !important;
}

@media (max-width: 900px) {
  #ContentColumn .Content .eclipse-directory-page .houses-filter-grid,
  #ContentColumn .Content .eclipse-directory-page .house-view-card {
    grid-template-columns: 1fr !important;
  }
}

/* Last kills: readable death log in the central content panel. */
#ContentColumn .Content .eclipse-lastkills-page,
#ContentColumn .Content .eclipse-lastkills-page *:not(.CaptionContainer):not(.CaptionContainer *):not(.CaptionInnerContainer):not(.CaptionInnerContainer *) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-intro {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(137,83,33,.48) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f5dfad 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 4px 12px rgba(0,0,0,.22) !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-intro strong {
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font: 900 18px Georgia, "Times New Roman", serif !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-intro span {
  color: #241006 !important;
  -webkit-text-fill-color: #241006 !important;
  font-size: 12px !important;
}

#ContentColumn .Content .eclipse-lastkills-page .TableContainer {
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 58%, #c99a51 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.48), 0 8px 22px rgba(0,0,0,.50) !important;
}

#ContentColumn .Content .eclipse-lastkills-page .CaptionContainer,
#ContentColumn .Content .eclipse-lastkills-page .CaptionInnerContainer {
  height: 36px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border: 0 !important;
}

#ContentColumn .Content .eclipse-lastkills-page .CaptionContainer span,
#ContentColumn .Content .eclipse-lastkills-page .CaptionInnerContainer span {
  display: none !important;
}

#ContentColumn .Content .eclipse-lastkills-page .CaptionContainer .Text,
#ContentColumn .Content .eclipse-lastkills-page .CaptionContainer .Text *,
#ContentColumn .Content .eclipse-lastkills-page .CaptionInnerContainer .Text,
#ContentColumn .Content .eclipse-lastkills-page .CaptionInnerContainer .Text * {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 16px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .eclipse-lastkills-page .InnerTableContainer,
#ContentColumn .Content .eclipse-lastkills-page .TableContentContainer,
#ContentColumn .Content .eclipse-lastkills-page .TableContent,
#ContentColumn .Content .eclipse-lastkills-page .TableContent tbody,
#ContentColumn .Content .eclipse-lastkills-page .TableContent tr,
#ContentColumn .Content .eclipse-lastkills-page .TableContent td {
  background-image: none !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-table {
  width: 100% !important;
  border: 1px solid rgba(137,83,33,.54) !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #f4dfad 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 4px 12px rgba(0,0,0,.22) !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-table td {
  padding: 9px 10px !important;
  vertical-align: middle !important;
  border-color: rgba(125,73,26,.28) !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-table tr:not(.LabelH):nth-child(odd) td {
  background: rgba(255,245,216,.42) !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-table tr:not(.LabelH):nth-child(even) td {
  background: rgba(224,184,113,.34) !important;
}

#ContentColumn .Content .eclipse-lastkills-page .LabelH,
#ContentColumn .Content .eclipse-lastkills-page .LabelH td {
  background: linear-gradient(180deg, #4b1008 0%, #1a0503 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-rank {
  width: 48px !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-rank span {
  display: inline-block !important;
  min-width: 24px !important;
  padding: 3px 6px !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #6d170c 0%, #260604 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-time {
  width: 150px !important;
  white-space: nowrap !important;
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-description,
#ContentColumn .Content .eclipse-lastkills-page .lastkills-description * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-description a,
#ContentColumn .Content .eclipse-lastkills-page .lastkills-description a * {
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-lastkills-page .lastkills-empty {
  padding: 18px !important;
  text-align: center !important;
  color: #2a0905 !important;
  -webkit-text-fill-color: #2a0905 !important;
}

#ContentColumn #News .BoxContent .eclipse-lastkills-page,
#ContentColumn #News .BoxContent .eclipse-lastkills-page td,
#ContentColumn #News .BoxContent .eclipse-lastkills-page div,
#ContentColumn #News .BoxContent .eclipse-lastkills-page span,
#ContentColumn #News .BoxContent .eclipse-lastkills-page b,
#ContentColumn #News .BoxContent .eclipse-lastkills-page strong,
#ContentColumn #News .BoxContent .eclipse-lastkills-page small {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .eclipse-lastkills-page .CaptionContainer .Text,
#ContentColumn #News .BoxContent .eclipse-lastkills-page .CaptionContainer .Text *,
#ContentColumn #News .BoxContent .eclipse-lastkills-page .CaptionInnerContainer .Text,
#ContentColumn #News .BoxContent .eclipse-lastkills-page .CaptionInnerContainer .Text *,
#ContentColumn #News .BoxContent .eclipse-lastkills-page .LabelH,
#ContentColumn #News .BoxContent .eclipse-lastkills-page .LabelH td,
#ContentColumn #News .BoxContent .eclipse-lastkills-page .LabelH * {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #000 !important;
}

/* Highscores: cleaner ranking table without outfit thumbnails. */
#ContentColumn .Content .eclipse-highscores-page,
#ContentColumn .Content .eclipse-highscores-page *:not(.CaptionContainer):not(.CaptionContainer *):not(.CaptionInnerContainer):not(.CaptionInnerContainer *) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-highscores-page .TableContainer {
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 58%, #c99a51 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.48), 0 8px 22px rgba(0,0,0,.50) !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  margin: 0 0 14px !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(208,139,45,.82) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(90deg, rgba(16,5,3,.96) 0%, rgba(52,18,8,.92) 48%, rgba(107,55,13,.82) 100%),
    url(images/header/background-artwork.jpg) center/cover no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(255,214,122,.18), 0 10px 24px rgba(0,0,0,.46) !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-hero-copy,
#ContentColumn .Content .eclipse-highscores-page .highscores-hero-copy * {
  color: #fff4cf !important;
  -webkit-text-fill-color: #fff4cf !important;
  text-shadow: 0 2px 2px #000 !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-eyebrow {
  display: inline-block !important;
  margin: 0 0 5px !important;
  padding: 3px 9px !important;
  border: 1px solid rgba(247,194,82,.55) !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.32) !important;
  color: #ffd36c !important;
  -webkit-text-fill-color: #ffd36c !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-hero h2 {
  margin: 0 !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 25px Georgia, "Times New Roman", serif !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-hero p {
  max-width: 560px !important;
  margin: 5px 0 0 !important;
  color: #f7d99a !important;
  -webkit-text-fill-color: #f7d99a !important;
  font: 800 12px Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-hero-stat {
  min-width: 108px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255,213,112,.5) !important;
  border-radius: 5px !important;
  background: rgba(0,0,0,.34) !important;
  text-align: center !important;
  box-shadow: inset 0 0 16px rgba(255,164,46,.12) !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-hero-stat span {
  display: block !important;
  color: #ffe08a !important;
  -webkit-text-fill-color: #ffe08a !important;
  font: 900 24px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 2px #000 !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-hero-stat small {
  color: #fff4cf !important;
  -webkit-text-fill-color: #fff4cf !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

#ContentColumn .Content .eclipse-highscores-page .CaptionContainer,
#ContentColumn .Content .eclipse-highscores-page .CaptionInnerContainer {
  height: 36px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border: 0 !important;
}

#ContentColumn .Content .eclipse-highscores-page .CaptionContainer span,
#ContentColumn .Content .eclipse-highscores-page .CaptionInnerContainer span {
  display: none !important;
}

#ContentColumn .Content .eclipse-highscores-page .CaptionContainer .Text,
#ContentColumn .Content .eclipse-highscores-page .CaptionContainer .Text *,
#ContentColumn .Content .eclipse-highscores-page .CaptionInnerContainer .Text,
#ContentColumn .Content .eclipse-highscores-page .CaptionInnerContainer .Text * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 16px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .eclipse-highscores-page .RightArea {
  float: right !important;
  font: 800 11px Verdana, Arial, sans-serif !important;
  padding-top: 2px !important;
}

#ContentColumn .Content .eclipse-highscores-page .InnerTableContainer,
#ContentColumn .Content .eclipse-highscores-page .TableContentContainer,
#ContentColumn .Content .eclipse-highscores-page .TableContent,
#ContentColumn .Content .eclipse-highscores-page .TableContent tbody,
#ContentColumn .Content .eclipse-highscores-page .TableContent tr,
#ContentColumn .Content .eclipse-highscores-page .TableContent td {
  background-image: none !important;
}

#ContentColumn .Content .eclipse-highscores-page .TableContent {
  width: 100% !important;
  border: 1px solid rgba(137,83,33,.54) !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #f4dfad 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 4px 12px rgba(0,0,0,.22) !important;
}

#ContentColumn .Content .eclipse-highscores-page .TableContent td {
  padding: 8px 10px !important;
  vertical-align: middle !important;
  border-color: rgba(125,73,26,.28) !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-filter-table td {
  padding: 7px 10px !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-filter-table label {
  display: inline-block !important;
  min-width: 92px !important;
  padding: 4px 0 !important;
  color: #421209 !important;
  -webkit-text-fill-color: #421209 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

#ContentColumn .Content .eclipse-highscores-page .TableContent tr:not(.LabelH):nth-child(odd) td {
  background: rgba(255,245,216,.42) !important;
}

#ContentColumn .Content .eclipse-highscores-page .TableContent tr:not(.LabelH):nth-child(even) td {
  background: rgba(224,184,113,.34) !important;
}

#ContentColumn .Content .eclipse-highscores-page .TableContent tr.is-rank-top td {
  background: linear-gradient(90deg, rgba(255,236,169,.76) 0%, rgba(232,183,89,.58) 100%) !important;
}

#ContentColumn .Content .eclipse-highscores-page .TableContent tr.is-rank-1 td,
#ContentColumn #News .BoxContent .eclipse-highscores-page .TableContent tr.is-rank-1 td {
  background: linear-gradient(90deg, rgba(255,231,134,.92) 0%, rgba(229,161,42,.66) 100%) !important;
}

#ContentColumn #News .BoxContent .eclipse-highscores-page .TableContent tr.is-rank-2 td {
  background: linear-gradient(90deg, rgba(245,246,255,.78) 0%, rgba(183,190,204,.58) 100%) !important;
}

#ContentColumn #News .BoxContent .eclipse-highscores-page .TableContent tr.is-rank-3 td {
  background: linear-gradient(90deg, rgba(255,218,171,.76) 0%, rgba(191,112,46,.52) 100%) !important;
}

#ContentColumn .Content .eclipse-highscores-page .TableContent tr:not(.LabelH):hover td {
  background: rgba(255,249,216,.82) !important;
}

#ContentColumn .Content .eclipse-highscores-page .LabelH,
#ContentColumn .Content .eclipse-highscores-page .LabelH td {
  background: linear-gradient(180deg, #4b1008 0%, #1a0503 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-highscores-page .rank-cell {
  width: 56px !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-highscores-page .rank-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 24px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(71,22,8,.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff0c6 0%, #c98d3d 100%) !important;
  color: #2b0904 !important;
  -webkit-text-fill-color: #2b0904 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 2px 5px rgba(0,0,0,.28) !important;
}

#ContentColumn .Content .eclipse-highscores-page .rank-badge-1,
#ContentColumn #News .BoxContent .eclipse-highscores-page .rank-badge-1 {
  background: linear-gradient(180deg, #fff8b8 0%, #e0a623 100%) !important;
}

#ContentColumn .Content .eclipse-highscores-page .rank-badge-2,
#ContentColumn #News .BoxContent .eclipse-highscores-page .rank-badge-2 {
  background: linear-gradient(180deg, #f8f8ff 0%, #a7aeb9 100%) !important;
}

#ContentColumn .Content .eclipse-highscores-page .rank-badge-3,
#ContentColumn #News .BoxContent .eclipse-highscores-page .rank-badge-3 {
  background: linear-gradient(180deg, #ffd6a3 0%, #aa6124 100%) !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscore-name-cell a {
  display: inline-block !important;
  padding: 2px 0 !important;
}

#ContentColumn .Content .eclipse-highscores-page .vocation-cell {
  color: #55200c !important;
  -webkit-text-fill-color: #55200c !important;
  font-size: 12px !important;
}

#ContentColumn .Content .eclipse-highscores-page .score-cell {
  min-width: 92px !important;
}

#ContentColumn .Content .eclipse-highscores-page .score-value {
  display: inline-block !important;
  min-width: 54px !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  background: rgba(63,18,6,.12) !important;
  color: #351008 !important;
  -webkit-text-fill-color: #351008 !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
}

#ContentColumn .Content .eclipse-highscores-page .score-muted {
  color: #5e2b13 !important;
  -webkit-text-fill-color: #5e2b13 !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-empty {
  padding: 18px !important;
  text-align: center !important;
  color: #3b1208 !important;
  -webkit-text-fill-color: #3b1208 !important;
}

#ContentColumn .Content .eclipse-highscores-page .PageNavigation,
#ContentColumn .Content .eclipse-highscores-page .PageNavigation * {
  color: #2a0905 !important;
  -webkit-text-fill-color: #2a0905 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-highscores-page .CurrentPageLink {
  display: inline-block !important;
  min-width: 18px !important;
  padding: 2px 5px !important;
  border-radius: 3px !important;
  background: #4b1008 !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-highscores-page a,
#ContentColumn .Content .eclipse-highscores-page a * {
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-highscores-page select {
  min-width: 220px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 3px !important;
  background: #fff3d3 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font: 800 13px Verdana, Arial, sans-serif !important;
  box-shadow: inset 0 1px 4px rgba(64,32,12,.24), 0 1px 0 rgba(255,255,255,.55) !important;
}

#ContentColumn .Content .eclipse-highscores-page .highscores-note {
  margin: 12px 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(137,83,33,.45) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #f5dfad 0%, #dfbd7b 100%) !important;
  color: #2a0905 !important;
  -webkit-text-fill-color: #2a0905 !important;
  font-weight: 800 !important;
}

#ContentColumn #News .BoxContent .eclipse-highscores-page,
#ContentColumn #News .BoxContent .eclipse-highscores-page td,
#ContentColumn #News .BoxContent .eclipse-highscores-page div,
#ContentColumn #News .BoxContent .eclipse-highscores-page span,
#ContentColumn #News .BoxContent .eclipse-highscores-page b,
#ContentColumn #News .BoxContent .eclipse-highscores-page strong,
#ContentColumn #News .BoxContent .eclipse-highscores-page label,
#ContentColumn #News .BoxContent .eclipse-highscores-page small,
#ContentColumn #News .BoxContent .eclipse-highscores-page i,
#ContentColumn #News .BoxContent .eclipse-highscores-page select,
#ContentColumn #News .BoxContent .eclipse-highscores-page option {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .eclipse-highscores-page .CaptionContainer .Text,
#ContentColumn #News .BoxContent .eclipse-highscores-page .CaptionContainer .Text *,
#ContentColumn #News .BoxContent .eclipse-highscores-page .CaptionInnerContainer .Text,
#ContentColumn #News .BoxContent .eclipse-highscores-page .CaptionInnerContainer .Text *,
#ContentColumn #News .BoxContent .eclipse-highscores-page .LabelH,
#ContentColumn #News .BoxContent .eclipse-highscores-page .LabelH td,
#ContentColumn #News .BoxContent .eclipse-highscores-page .LabelH * {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn #News .BoxContent > small {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .eclipse-highscores-page .CurrentPageLink,
#ContentColumn #News .BoxContent .eclipse-highscores-page .CurrentPageLink * {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #000 !important;
}

/* Characters search/results: beige panels with dark readable text. */
#ContentColumn .Content .eclipse-characters-page,
#ContentColumn .Content .eclipse-characters-page *:not(input[type="submit"]):not(input[type="submit"] *):not(.BigButtonText):not(.MediumButtonText) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-characters-page .TableContainer {
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #efd49e 0%, #d9b36d 58%, #c99a51 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,244,198,.48), 0 8px 22px rgba(0,0,0,.50) !important;
}

#ContentColumn .Content .eclipse-characters-page .CaptionContainer,
#ContentColumn .Content .eclipse-characters-page .CaptionInnerContainer {
  height: 36px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border: 0 !important;
}

#ContentColumn .Content .eclipse-characters-page .CaptionContainer span,
#ContentColumn .Content .eclipse-characters-page .CaptionInnerContainer span {
  display: none !important;
}

#ContentColumn .Content .eclipse-characters-page .CaptionContainer .Text,
#ContentColumn .Content .eclipse-characters-page .CaptionContainer .Text *,
#ContentColumn .Content .eclipse-characters-page .CaptionInnerContainer .Text,
#ContentColumn .Content .eclipse-characters-page .CaptionInnerContainer .Text * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 16px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .eclipse-characters-page .InnerTableContainer,
#ContentColumn .Content .eclipse-characters-page .TableContentContainer,
#ContentColumn .Content .eclipse-characters-page .TableContent,
#ContentColumn .Content .eclipse-characters-page .TableContent tbody,
#ContentColumn .Content .eclipse-characters-page .TableContent tr,
#ContentColumn .Content .eclipse-characters-page .TableContent td {
  background-image: none !important;
}

#ContentColumn .Content .eclipse-characters-page .TableContent {
  width: 100% !important;
  border: 1px solid rgba(137,83,33,.54) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f2dca9 0%, #dfbd7b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,204,.64), 0 4px 12px rgba(0,0,0,.22) !important;
}

#ContentColumn .Content .eclipse-characters-page .TableContent td {
  padding: 7px 10px !important;
  vertical-align: middle !important;
}

#ContentColumn .Content .eclipse-characters-page tr[bgcolor] td {
  background: rgba(255,243,211,.34) !important;
}

#ContentColumn .Content .eclipse-characters-page tr[bgcolor] + tr[bgcolor] td {
  border-top: 1px solid rgba(137,83,33,.22) !important;
}

#ContentColumn .Content .eclipse-characters-page .LabelV,
#ContentColumn .Content .eclipse-characters-page .LabelV150,
#ContentColumn .Content .eclipse-characters-page .LabelV175 {
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-characters-page input:not([type]),
#ContentColumn .Content .eclipse-characters-page input[type="text"] {
  height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 3px !important;
  background: #fff3d3 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font: 800 13px Verdana, Arial, sans-serif !important;
  box-shadow: inset 0 1px 4px rgba(64,32,12,.28), 0 1px 0 rgba(255,255,255,.55) !important;
}

#ContentColumn .Content .eclipse-characters-page a,
#ContentColumn .Content .eclipse-characters-page a * {
  color: #4d1209 !important;
  -webkit-text-fill-color: #4d1209 !important;
  font-weight: 900 !important;
}

#ContentColumn .Content .eclipse-characters-page input[type="submit"],
#ContentColumn .Content .eclipse-characters-page .BigButtonText,
#ContentColumn .Content .eclipse-characters-page .MediumButtonText {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

#ContentColumn #News .BoxContent .eclipse-characters-page,
#ContentColumn #News .BoxContent .eclipse-characters-page td,
#ContentColumn #News .BoxContent .eclipse-characters-page div,
#ContentColumn #News .BoxContent .eclipse-characters-page span,
#ContentColumn #News .BoxContent .eclipse-characters-page b,
#ContentColumn #News .BoxContent .eclipse-characters-page strong,
#ContentColumn #News .BoxContent .eclipse-characters-page label,
#ContentColumn #News .BoxContent .eclipse-characters-page nobr {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .eclipse-characters-page .CaptionContainer .Text,
#ContentColumn #News .BoxContent .eclipse-characters-page .CaptionContainer .Text *,
#ContentColumn #News .BoxContent .eclipse-characters-page .CaptionInnerContainer .Text,
#ContentColumn #News .BoxContent .eclipse-characters-page .CaptionInnerContainer .Text * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 8px rgba(255,176,69,.55) !important;
}

#ContentColumn #News .BoxContent .eclipse-characters-page input:not(.BigButtonText):not([type="submit"]):not([type="button"]):not([type="hidden"]) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#ContentColumn #News .BoxContent .eclipse-characters-page input[type="submit"],
#ContentColumn #News .BoxContent .eclipse-characters-page input[type="button"],
#ContentColumn #News .BoxContent .eclipse-characters-page .BigButtonText,
#ContentColumn #News .BoxContent .eclipse-characters-page .MediumButtonText {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

#ContentColumn .Content .eclipse-character-compact,
#ContentColumn #News .BoxContent .eclipse-character-compact {
  display: block !important;
  position: relative !important;
  background: linear-gradient(180deg, #f4dfaa 0%, #e0bd74 58%, #c9964c 100%) !important;
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  padding: 18px !important;
  box-shadow: inset 0 0 0 1px rgba(255,246,204,.55), 0 10px 24px rgba(0,0,0,.46) !important;
}

#ContentColumn .Content .eclipse-character-compact.is-vip-account,
#ContentColumn #News .BoxContent .eclipse-character-compact.is-vip-account {
  border-color: #ffd56b !important;
  background:
    linear-gradient(180deg, rgba(255, 249, 213, .72), rgba(225, 177, 78, .22) 42%, rgba(120, 34, 12, .12)),
    linear-gradient(180deg, #f4dfaa 0%, #e0bd74 58%, #c9964c 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 253, 214, .88),
    inset 0 0 26px rgba(255, 213, 107, .24),
    0 0 0 1px rgba(96, 38, 8, .92),
    0 0 24px rgba(255, 188, 55, .40),
    0 14px 30px rgba(0,0,0,.52) !important;
}

#ContentColumn .Content .eclipse-character-compact.is-vip-account::before,
#ContentColumn #News .BoxContent .eclipse-character-compact.is-vip-account::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255, 238, 159, .72);
  border-radius: 3px;
  box-shadow: inset 0 0 18px rgba(255, 213, 107, .16);
  pointer-events: none;
}

#ContentColumn .Content .eclipse-character-compact.is-vip-account .character-profile-header,
#ContentColumn #News .BoxContent .eclipse-character-compact.is-vip-account .character-profile-header {
  position: relative !important;
  overflow: hidden !important;
  border-color: rgba(255, 219, 103, .95) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 218, 91, .24), transparent 28%),
    linear-gradient(180deg, #214f61 0%, #102b36 56%, #090f16 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 24px rgba(255, 187, 52, .18),
    0 6px 16px rgba(0,0,0,.34) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-vip-ribbon,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-vip-ribbon {
  position: absolute !important;
  top: 12px;
  right: -36px;
  z-index: 2;
  width: 132px;
  padding: 5px 0;
  transform: rotate(36deg);
  border: 1px solid rgba(255, 247, 185, .92);
  background: linear-gradient(180deg, #fff0a8 0%, #d98d20 54%, #7d230b 100%) !important;
  color: #2a0704 !important;
  -webkit-text-fill-color: #2a0704 !important;
  font: 900 12px Georgia, "Times New Roman", serif !important;
  letter-spacing: .08em;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 248, 207, .72) !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.35), 0 0 12px rgba(255, 199, 61, .38);
}

#ContentColumn .Content .eclipse-character-compact.is-vip-account .character-profile-kicker::after,
#ContentColumn #News .BoxContent .eclipse-character-compact.is-vip-account .character-profile-kicker::after {
  content: "Conta VIP";
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 7px;
  border: 1px solid rgba(255, 230, 131, .88);
  border-radius: 3px;
  background: linear-gradient(180deg, #ffeaa4 0%, #cf8421 100%) !important;
  color: #2a0704 !important;
  -webkit-text-fill-color: #2a0704 !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.45) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-admin-action {
  margin: 0 0 12px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  background: linear-gradient(180deg, #234d63 0%, #0d2535 55%, #07121b 100%) !important;
  border: 1px solid rgba(255,165,58,.75) !important;
  border-radius: 5px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 4px 12px rgba(0,0,0,.28) !important;
}

#ContentColumn #News:has(.eclipse-characters-result) > .BorderTitleText,
#ContentColumn #News:has(.eclipse-characters-result) > img.Title {
  display: none !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-header[class*="is-vocation-"],
#ContentColumn #News .BoxContent .eclipse-character-compact .character-profile-header[class*="is-vocation-"] {
  background-color: #09151c !important;
  background-repeat: no-repeat !important;
  background-position: center 38% !important;
  background-size: cover !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-header.is-vocation-knight,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-profile-header.is-vocation-knight {
  background-image: linear-gradient(90deg, rgba(6,12,17,.90) 0%, rgba(6,12,17,.62) 50%, rgba(6,12,17,.82) 100%), url("images/vocations/knightbanner.png") !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-header.is-vocation-paladin,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-profile-header.is-vocation-paladin {
  background-image: linear-gradient(90deg, rgba(6,12,17,.90) 0%, rgba(6,12,17,.62) 50%, rgba(6,12,17,.82) 100%), url("images/vocations/paladinbanner.png") !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-header.is-vocation-monk,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-profile-header.is-vocation-monk {
  background-image: linear-gradient(90deg, rgba(6,12,17,.90) 0%, rgba(6,12,17,.62) 50%, rgba(6,12,17,.82) 100%), url("images/vocations/monkbanner.png") !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-header.is-vocation-sorcerer,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-profile-header.is-vocation-sorcerer {
  background-image: linear-gradient(90deg, rgba(6,12,17,.90) 0%, rgba(6,12,17,.62) 50%, rgba(6,12,17,.82) 100%), url("images/vocations/sorcererbanner.png") !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-header.is-vocation-druid,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-profile-header.is-vocation-druid {
  background-image: linear-gradient(90deg, rgba(6,12,17,.90) 0%, rgba(6,12,17,.62) 50%, rgba(6,12,17,.82) 100%), url("images/vocations/druidbanner.png") !important;
}

#ContentColumn .Content .eclipse-character-compact .character-outfit-frame {
  position: relative !important;
  width: 112px !important;
  height: 112px !important;
  flex: 0 0 112px !important;
  overflow: hidden !important;
  border: 2px solid rgba(255,204,101,.78) !important;
  border-radius: 6px !important;
  background: radial-gradient(circle at 50% 35%, rgba(255,106,38,.38), rgba(16,38,51,.96) 68%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,246,204,.25), 0 7px 16px rgba(0,0,0,.34) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-outfit-frame img {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 128px !important;
  height: 128px !important;
  transform: translate(-50%, -50%) !important;
  image-rendering: auto !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-main {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-kicker,
#ContentColumn .Content .eclipse-character-compact .character-card-title {
  color: #fff6d4 !important;
  -webkit-text-fill-color: #fff6d4 !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-header h2 {
  margin: 4px 0 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 28px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 10px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-ranking-badges,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-ranking-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 9px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-ranking-badge,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-ranking-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 29px !important;
  padding: 3px 9px 3px 5px !important;
  border: 1px solid #f4ca62 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, rgba(111,40,13,.96) 0%, rgba(57,12,5,.98) 100%) !important;
  color: #fff4c7 !important;
  -webkit-text-fill-color: #fff4c7 !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  text-shadow: 0 1px 1px #000 !important;
  box-shadow: inset 0 1px 0 rgba(255,239,174,.28), 0 2px 6px rgba(0,0,0,.32) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-ranking-badge:hover,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-ranking-badge:hover {
  border-color: #fff0a8 !important;
  background: linear-gradient(180deg, #a94516 0%, #681707 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#ContentColumn .Content .eclipse-character-compact .character-ranking-badge > span:last-child,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-ranking-badge > span:last-child {
  color: #fff4c7 !important;
  -webkit-text-fill-color: #fff4c7 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-character-compact .character-ranking-badge:hover > span:last-child,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-ranking-badge:hover > span:last-child {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#ContentColumn .Content .eclipse-character-compact .character-ranking-icon,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-ranking-icon {
  display: grid !important;
  place-items: center !important;
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,226,133,.72) !important;
  border-radius: 3px !important;
  background: rgba(12,27,35,.88) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-ranking-icon img,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-ranking-icon img {
  display: block !important;
  max-width: 19px !important;
  max-height: 19px !important;
  image-rendering: auto !important;
}

#ContentColumn .Content .eclipse-character-compact .character-stat-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 28px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(133,78,25,.72) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #fff0c4 0%, #dcae5c 100%) !important;
  color: #310805 !important;
  -webkit-text-fill-color: #310805 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.45) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 3px 8px rgba(0,0,0,.24) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-stat-pill strong {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-status {
  min-width: 92px !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  text-align: center !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #000 !important;
  border: 1px solid rgba(255,255,255,.24) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-status.is-online {
  background: linear-gradient(180deg, #1f8f3c 0%, #0d4c22 100%) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-profile-status.is-offline {
  background: linear-gradient(180deg, #a32018 0%, #5f0d08 100%) !important;
}

#ContentColumn #News .BoxContent .eclipse-characters-page.eclipse-character-compact .character-profile-kicker,
#ContentColumn #News .BoxContent .eclipse-characters-page.eclipse-character-compact .character-card-title,
#ContentColumn #News .BoxContent .eclipse-characters-page.eclipse-character-compact .character-profile-status {
  color: #fff6d4 !important;
  -webkit-text-fill-color: #fff6d4 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn #News .BoxContent .eclipse-characters-page.eclipse-character-compact .character-profile-header h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 2px 0 #1c0905, 0 0 10px rgba(255,176,69,.55) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skills-card {
  overflow: hidden !important;
  border: 1px solid #9b6426 !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f6e2ad 0%, #e4c17b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,249,219,.72), 0 6px 16px rgba(0,0,0,.24) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-equipment-card,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-equipment-card {
  overflow: hidden !important;
  margin: 0 0 16px !important;
  border: 1px solid #9b6426 !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f6e2ad 0%, #e4c17b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,249,219,.72), 0 6px 16px rgba(0,0,0,.24) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-equipment-shell,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-equipment-shell {
  display: flex !important;
  justify-content: center !important;
  padding: 18px !important;
  background: radial-gradient(circle at 50% 42%, rgba(255,239,186,.84), rgba(183,126,47,.22) 68%) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-equipment-layout,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-equipment-layout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 3px !important;
  padding: 5px !important;
  border: 1px solid #80501d !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #102d3d 0%, #07141d 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,225,147,.2), 0 5px 12px rgba(45,20,3,.34) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-equipment-column,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-equipment-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  width: 44px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-equipment-slot,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-equipment-slot {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  overflow: hidden !important;
  border: 1px solid #80501d !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #17394b 0%, #091923 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,225,147,.22), 0 2px 5px rgba(45,20,3,.32) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-equipment-value,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-equipment-value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 2px !important;
  color: #fff0b5 !important;
  -webkit-text-fill-color: #fff0b5 !important;
  font: 700 9px Verdana, Arial, sans-serif !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-character-compact .character-equipment-slot img,
#ContentColumn #News .BoxContent .eclipse-character-compact .character-equipment-slot img {
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
}

#ContentColumn .Content .eclipse-character-compact .character-info-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-data-card {
  overflow: hidden !important;
  border: 1px solid #9b6426 !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f6e2ad 0%, #e4c17b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,249,219,.72), 0 6px 16px rgba(0,0,0,.24) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-characters-card {
  margin-top: 16px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-card-title {
  padding: 12px 16px !important;
  background: linear-gradient(180deg, #1e475c 0%, #0b2130 100%) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-data-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

#ContentColumn .Content .eclipse-character-compact .character-data-table th,
#ContentColumn .Content .eclipse-character-compact .character-data-table td {
  padding: 10px 13px !important;
  border: 0 !important;
  border-top: 1px solid rgba(137,83,33,.22) !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
  vertical-align: middle !important;
}

#ContentColumn .Content .eclipse-character-compact .character-data-table th {
  width: 175px !important;
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  text-align: left !important;
  background: rgba(255,246,211,.42) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-data-table td {
  background: rgba(255,246,211,.22) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-data-table thead th {
  width: auto !important;
  color: #fff6d4 !important;
  -webkit-text-fill-color: #fff6d4 !important;
  background: linear-gradient(180deg, #6a190f 0%, #2b0604 100%) !important;
  text-align: left !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-character-compact .character-list-table th,
#ContentColumn .Content .eclipse-character-compact .character-list-table td {
  text-align: left !important;
}

#ContentColumn .Content .eclipse-character-compact .character-list-table td:nth-child(2),
#ContentColumn .Content .eclipse-character-compact .character-list-table th:nth-child(2),
#ContentColumn .Content .eclipse-character-compact .character-list-table td:nth-child(4),
#ContentColumn .Content .eclipse-character-compact .character-list-table th:nth-child(4) {
  text-align: center !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skills-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 18px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-level-summary {
  display: flex !important;
  min-height: 180px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(137,83,33,.52) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #fff1ca 0%, #dfb96d 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 4px 12px rgba(0,0,0,.18) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-level-summary span,
#ContentColumn .Content .eclipse-character-compact .character-level-summary small {
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-character-compact .character-level-summary strong {
  margin: 8px 0 !important;
  color: #210604 !important;
  -webkit-text-fill-color: #210604 !important;
  font: 900 58px Georgia, "Times New Roman", serif !important;
  line-height: 1 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.45) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(137,83,33,.62) !important;
  border-radius: 5px !important;
  background: #f3dba3 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.16) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-table th,
#ContentColumn .Content .eclipse-character-compact .character-skill-table td {
  padding: 11px 14px !important;
  border: 0 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-strip {
  table-layout: fixed !important;
  min-width: 650px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-strip th,
#ContentColumn .Content .eclipse-character-compact .character-skill-strip td {
  width: auto !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-strip th {
  padding: 10px 6px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-strip th img {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skills-horizontal {
  display: block !important;
  overflow-x: auto !important;
  padding-bottom: 12px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-labels td {
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  font-size: 12px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-values td {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-size: 16px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-table th {
  background: linear-gradient(180deg, #6a190f 0%, #2b0604 100%) !important;
  color: #fff6d4 !important;
  -webkit-text-fill-color: #fff6d4 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #000 !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-table td:last-child {
  width: auto !important;
  text-align: center !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-table tbody tr:nth-child(odd) td {
  background: rgba(255,246,211,.62) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-skill-table tbody tr:nth-child(even) td {
  background: rgba(223,185,109,.42) !important;
}

#ContentColumn .Content .eclipse-character-compact .character-hidden-message {
  margin: 18px !important;
  padding: 16px !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
  background: #fff1ca !important;
  border: 1px solid rgba(137,83,33,.52) !important;
  border-radius: 5px !important;
}

#ContentColumn .Content .eclipse-character-compact .character-search-repeat {
  margin-top: 18px !important;
}

@media (max-width: 760px) {
  #ContentColumn .Content .eclipse-character-compact .character-profile-header,
  #ContentColumn .Content .eclipse-character-compact .character-skills-layout {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #ContentColumn .Content .eclipse-character-compact .character-profile-status {
    width: auto !important;
  }

  #ContentColumn .Content .eclipse-character-compact .character-outfit-frame {
    align-self: center !important;
  }

  #ContentColumn .Content .eclipse-character-compact .character-info-grid {
    grid-template-columns: 1fr !important;
  }

  #ContentColumn .Content .eclipse-character-compact .character-data-table th,
  #ContentColumn .Content .eclipse-character-compact .character-data-table td {
    display: block !important;
    width: auto !important;
  }
}

/* =============================================
   Eclipse OT Custom Page Styles
   - Team, Guilds, Houses, Last Kills
   ============================================= */

/* Shared button styles for Eclipse pages */
.eclipse-btn,
.eclipse-btn-small {
  display: inline-block;
  padding: 8px 16px;
  background: linear-gradient(180deg, #6b180c, #2d0806);
  border: 1px solid rgba(255, 136, 42, .78);
  border-radius: 4px;
  color: #fff2cf !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  text-shadow: 0 1px 0 #000;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 220, 140, .36),
    inset 0 -2px 0 rgba(0, 0, 0, .60),
    0 2px 0 rgba(0, 0, 0, .70);
  transition: all .15s ease;
}

.eclipse-btn-small {
  padding: 5px 10px;
  font-size: 10px;
}

.eclipse-btn:hover,
.eclipse-btn-small:hover {
  background: linear-gradient(180deg, #96220e, #410b07);
  border-color: rgba(255, 184, 67, .95);
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 160, .42),
    inset 0 -2px 0 rgba(0, 0, 0, .62),
    0 2px 0 rgba(0, 0, 0, .72),
    0 0 18px rgba(255, 58, 22, .40);
  color: #fff !important;
}

/* Team Page Styles */
.eclipse-team-page .TableContent tr:nth-child(even) {
  background-color: rgba(212, 192, 161, 0.3);
}

.eclipse-team-page .TableContent tr:nth-child(odd) {
  background-color: rgba(255, 242, 219, 0.5);
}

.eclipse-team-page .team-note {
  color: #5a4a3a;
}

/* Guilds Page Styles */
.eclipse-guilds-page .TableContent tr:nth-child(even):not(.LabelH) {
  background-color: rgba(212, 192, 161, 0.3);
}

.eclipse-guilds-page .TableContent tr:nth-child(odd):not(.LabelH) {
  background-color: rgba(255, 242, 219, 0.5);
}

.eclipse-guilds-page .TableContent img {
  border-radius: 4px;
}

/* Houses Page Styles */
.eclipse-houses-page .TableContent tr:nth-child(even):not(.LabelH) {
  background-color: rgba(212, 192, 161, 0.3);
}

.eclipse-houses-page .TableContent tr:nth-child(odd):not(.LabelH) {
  background-color: rgba(255, 242, 219, 0.5);
}

.eclipse-houses-page input[type="radio"] {
  margin-right: 5px;
}

.eclipse-houses-page label {
  cursor: pointer;
}

.eclipse-houses-page .houses-note {
  color: #5a4a3a;
}

/* Last Kills Page Styles */
.eclipse-lastkills-page .TableContent tr:nth-child(even):not(.LabelH) {
  background-color: rgba(212, 192, 161, 0.3);
}

.eclipse-lastkills-page .TableContent tr:nth-child(odd):not(.LabelH) {
  background-color: rgba(255, 242, 219, 0.5);
}

.eclipse-lastkills-page .kill-description {
  line-height: 1.5;
}

.eclipse-lastkills-page .kill-description a {
  color: #8a170f;
  font-weight: bold;
}

.eclipse-lastkills-page .kill-description a:hover {
  color: #d52a18;
}

/* Highscores page consistency */
.eclipse-highscores-page .TableContent tr:nth-child(even):not(.LabelH) {
  background-color: rgba(212, 192, 161, 0.3);
}

.eclipse-highscores-page .TableContent tr:nth-child(odd):not(.LabelH) {
  background-color: rgba(255, 242, 219, 0.5);
}

.highscores-note {
  margin: 10px 0;
  color: #5a4a3a;
  font-size: 12px;
}

#ContentColumn #News .BoxContent .eclipse-online-page .online-card-title,
#ContentColumn #News .BoxContent .eclipse-online-page .online-card-title *,
#ContentColumn #News .BoxContent .eclipse-online-page .online-hero h2,
#ContentColumn #News .BoxContent .eclipse-online-page .online-hero p {
  color: #fff3c5 !important;
  -webkit-text-fill-color: #fff3c5 !important;
  text-shadow: 0 2px 2px #000 !important;
}

#ContentColumn #News .BoxContent .eclipse-online-page .online-card-title {
  background: linear-gradient(180deg, #0d3344 0%, #061824 100%) !important;
}

#ContentColumn #News .BoxContent .eclipse-online-page .online-total strong,
#ContentColumn #News .BoxContent .eclipse-online-page .online-vocation span,
#ContentColumn #News .BoxContent .eclipse-online-page .online-table td,
#ContentColumn #News .BoxContent .eclipse-online-page .online-info-list strong,
#ContentColumn #News .BoxContent .eclipse-online-page .online-frag-list span {
  color: #180904 !important;
  -webkit-text-fill-color: #180904 !important;
  text-shadow: none !important;
}

/* Lost account: clear recovery flow with readable controls on the Canary skin. */
#ContentColumn .eclipse-lost-account,
#ContentColumn .eclipse-lost-account * {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

#ContentColumn .eclipse-lost-account {
  width: 100% !important;
  color: #24140b !important;
  font-family: Verdana, Arial, sans-serif !important;
}

#ContentColumn .lost-account-hero {
  padding: 22px 24px !important;
  border: 1px solid #b87928 !important;
  border-bottom: 0 !important;
  border-radius: 6px 6px 0 0 !important;
  background: linear-gradient(180deg, #12394b 0%, #071b27 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 230, 157, .26) !important;
}

#ContentColumn .lost-account-hero h1,
#ContentColumn .lost-account-hero p,
#ContentColumn .lost-account-hero .lost-account-eyebrow {
  color: #fff0bd !important;
  -webkit-text-fill-color: #fff0bd !important;
  text-shadow: 0 1px 2px #000 !important;
}

#ContentColumn .lost-account-hero h1 {
  margin: 2px 0 7px !important;
  font: 700 24px/1.2 Georgia, "Times New Roman", serif !important;
}

#ContentColumn .lost-account-hero p {
  max-width: 620px !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

#ContentColumn .lost-account-hero .lost-account-eyebrow {
  margin: 0 !important;
  color: #e8b85d !important;
  -webkit-text-fill-color: #e8b85d !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

#ContentColumn .lost-account-panel {
  padding: 22px 24px !important;
  border: 1px solid #b87928 !important;
  background: linear-gradient(180deg, #f4d995 0%, #dfb968 100%) !important;
  color: #24140b !important;
  box-shadow: inset 0 0 0 1px rgba(255, 246, 205, .58) !important;
}

#ContentColumn .lost-account-unavailable {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

#ContentColumn .lost-account-status-icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid #ffd37a !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #a63218 0%, #5a1008 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 800 24px/1 Georgia, serif !important;
  text-shadow: 0 1px 1px #310300 !important;
}

#ContentColumn .lost-account-panel h2,
#ContentColumn .lost-account-panel p,
#ContentColumn .lost-account-panel label,
#ContentColumn .lost-account-panel legend,
#ContentColumn .lost-account-panel small,
#ContentColumn .lost-account-panel strong {
  color: #24140b !important;
  -webkit-text-fill-color: #24140b !important;
  text-shadow: none !important;
}

#ContentColumn .lost-account-panel h2 {
  margin: 0 0 8px !important;
  font: 700 17px/1.3 Georgia, "Times New Roman", serif !important;
}

#ContentColumn .lost-account-panel p {
  margin: 5px 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

#ContentColumn .lost-account-field label,
#ContentColumn .lost-account-methods legend {
  display: block !important;
  margin-bottom: 7px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#ContentColumn .lost-account-field input[type="text"] {
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  padding: 7px 10px !important;
  border: 1px solid #7d521d !important;
  border-radius: 4px !important;
  outline: 0 !important;
  background: #fff8e7 !important;
  color: #170b05 !important;
  -webkit-text-fill-color: #170b05 !important;
  font: 700 13px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

#ContentColumn .lost-account-field input[type="text"]:focus {
  border-color: #9c290f !important;
  box-shadow: 0 0 0 2px rgba(156, 41, 15, .2) !important;
}

#ContentColumn .lost-account-field small {
  display: block !important;
  margin-top: 6px !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

#ContentColumn .lost-account-methods {
  display: grid !important;
  gap: 9px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#ContentColumn .lost-account-method {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #a97734 !important;
  border-radius: 6px !important;
  background: rgba(255, 248, 225, .66) !important;
  cursor: pointer !important;
}

#ContentColumn .lost-account-method:has(input:checked) {
  border-color: #8c230d !important;
  background: #fff2c9 !important;
  box-shadow: inset 4px 0 0 #9c290f !important;
}

#ContentColumn .lost-account-method input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  margin: 2px 0 0 !important;
  accent-color: #9c290f !important;
}

#ContentColumn .lost-account-method strong,
#ContentColumn .lost-account-method small {
  display: block !important;
}

#ContentColumn .lost-account-method strong {
  margin-bottom: 4px !important;
  font-size: 12px !important;
}

#ContentColumn .lost-account-method small {
  font-size: 10px !important;
  line-height: 1.4 !important;
}

#ContentColumn .lost-account-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 0 0 !important;
}

#ContentColumn .lost-account-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 132px !important;
  min-height: 36px !important;
  padding: 8px 16px !important;
  border: 1px solid #ffe09a !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #a83a1a 0%, #641207 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 800 11px Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  text-shadow: 0 1px 1px #330400 !important;
  box-shadow: inset 0 1px 0 rgba(255, 237, 174, .38), 0 2px 5px rgba(55, 16, 3, .4) !important;
  cursor: pointer !important;
}

#ContentColumn .lost-account-button-secondary {
  border-color: #7e5b2e !important;
  background: linear-gradient(180deg, #795f39 0%, #49351f 100%) !important;
}

#ContentColumn .lost-account-button:hover {
  filter: brightness(1.12) !important;
}

#ContentColumn .lost-account-security-note {
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 1px solid #b87928 !important;
  border-top: 0 !important;
  border-radius: 0 0 6px 6px !important;
  background: #ead08e !important;
  color: #3b2413 !important;
  -webkit-text-fill-color: #3b2413 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-shadow: none !important;
}

@media (max-width: 640px) {
  #ContentColumn .lost-account-hero,
  #ContentColumn .lost-account-panel {
    padding: 18px 15px !important;
  }

  #ContentColumn .lost-account-unavailable {
    grid-template-columns: 1fr !important;
  }

  #ContentColumn .lost-account-actions {
    flex-direction: column-reverse !important;
  }

  #ContentColumn .lost-account-button {
    width: 100% !important;
  }
}

/* Keep readable text on the light surfaces used by Eclipse plugins. */
#ContentColumn .Content .eclipse-plugin-page .eclipse-plugin-toolbar,
#ContentColumn .Content .eclipse-plugin-page .eclipse-plugin-section,
#ContentColumn .Content .eclipse-plugin-page .eclipse-plugin-notice,
#ContentColumn .Content .eclipse-plugin-page .eclipse-plugin-note,
#ContentColumn .Content .eclipse-plugin-page .eclipse-plugin-empty,
#ContentColumn .Content .eclipse-plugin-page .eclipse-category-grid a,
#ContentColumn .Content .eclipse-plugin-page .eclipse-monster-card,
#ContentColumn .Content .eclipse-plugin-page .eclipse-market-card,
#ContentColumn .Content .eclipse-plugin-page .eclipse-plugin-table td {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

#ContentColumn .Content .eclipse-plugin-page .eclipse-plugin-notice a {
  color: #711d0c !important;
  -webkit-text-fill-color: #711d0c !important;
  font-weight: 800 !important;
}

#ContentColumn .Content .eclipse-plugin-page .eclipse-plugin-button {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 1px #300 !important;
}

#ContentColumn .eclipse-plugin-page .eclipse-plugin-table tbody td {
  background: #f3dda4 !important;
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

#ContentColumn .eclipse-plugin-page .eclipse-plugin-table tbody tr:nth-child(even) td {
  background: #e7c678 !important;
}

#ContentColumn .eclipse-plugin-page .eclipse-plugin-table tbody td * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-plugin-page table.eclipse-plugin-table tbody tr td,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-plugin-page table.eclipse-plugin-table tbody tr td strong,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-plugin-page table.eclipse-plugin-table tbody tr td span {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monsters-page .eclipse-monster-card *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monster-detail .eclipse-stat-grid *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monster-detail .eclipse-detail-list *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monster-detail .eclipse-element-grid *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monster-detail .eclipse-plugin-tags *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monster-detail .eclipse-loot-grid * {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monster-detail .eclipse-plugin-section * {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monster-detail .eclipse-plugin-section > h3 {
  color: #fff4ce !important;
  -webkit-text-fill-color: #fff4ce !important;
  text-shadow: 0 1px #000 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monsters-page .eclipse-bestiary-category strong,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monsters-page .eclipse-bestiary-category small,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monsters-page .eclipse-bestiary-results-header span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monsters-page .eclipse-bestiary-results-header h3,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monsters-page .eclipse-bestiary-results-header p,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-monsters-page .eclipse-bestiary-results-header strong {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-plugin-page input.eclipse-plugin-search,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-spells-page .eclipse-plugin-toolbar select,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-spells-page .eclipse-plugin-toolbar select option {
  background: #fff7df !important;
  color: #25140b !important;
  -webkit-text-fill-color: #25140b !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-plugin-page input.eclipse-plugin-search::placeholder {
  color: #71583e !important;
  -webkit-text-fill-color: #71583e !important;
  opacity: 1 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card h3 a,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-body p,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-details-link {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-vocation,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-price {
  color: #6f1d0d !important;
  -webkit-text-fill-color: #6f1d0d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-detail-hero .eclipse-market-price {
  color: #fff3c9 !important;
  -webkit-text-fill-color: #fff3c9 !important;
  text-shadow: 0 1px 1px #280300 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-detail-stats *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-info-list *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-skill-grid *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-equipment-grid *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-death-list *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-comment {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-detail-stats span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-info-list span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-skill-grid span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-equipment-grid span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-equipment-grid small,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-death-list span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-death-list small {
  color: #7a4e22 !important;
  -webkit-text-fill-color: #7a4e22 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-spells-page .eclipse-plugin-toolbar label {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page * {
  box-sizing: border-box;
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page {
  background: linear-gradient(180deg, #f6dfa9 0%, #e0ba70 68%, #c99345 100%);
  border: 2px solid #a2631e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 3px 8px rgba(0,0,0,.35);
  padding: 16px;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero {
  background: linear-gradient(180deg, #40100a 0%, #170302 100%);
  border: 1px solid #b96d22;
  padding: 20px;
  text-align: center;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero h2,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero p {
  color: #fff0c5 !important;
  -webkit-text-fill-color: #fff0c5 !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero span {
  display: block;
  font: 900 11px Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero h2 {
  margin: 5px 0 7px;
  font: 900 25px Georgia, "Times New Roman", serif;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero p {
  margin: 0;
  font: 700 13px/1.45 Verdana, Arial, sans-serif;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-section {
  margin-top: 14px;
  padding: 15px;
  background: rgba(255, 245, 210, .78);
  border: 1px solid rgba(130, 78, 25, .55);
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-section h3 {
  margin: 0 0 10px;
  font: 900 18px Georgia, "Times New Roman", serif;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-section p,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-section li {
  font: 700 13px/1.55 Verdana, Arial, sans-serif;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-grid,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-grid article,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-data-grid div {
  padding: 12px;
  background: #fff6d8;
  border: 1px solid rgba(130, 78, 25, .5);
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-data-grid span {
  display: block;
  margin-bottom: 4px;
  color: #7a4e22 !important;
  -webkit-text-fill-color: #7a4e22 !important;
  font: 900 11px Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-data-grid strong,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-grid strong {
  font: 900 13px Verdana, Arial, sans-serif;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-request-form {
  display: grid;
  gap: 12px;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-request-form label {
  display: grid;
  gap: 6px;
  font: 900 12px Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-request-form select,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-request-form textarea {
  width: 100%;
  padding: 10px;
  background: #fff6d8 !important;
  border: 1px solid #8c5b27;
  font: 700 13px Verdana, Arial, sans-serif;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-request-table {
  width: 100%;
  border-collapse: collapse;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-request-table th,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-request-table td {
  padding: 9px;
  border: 1px solid rgba(130, 78, 25, .5);
  background: #fff6d8;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-btn,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-btn:link,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-btn:visited,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page button.eclipse-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 16px;
  background: linear-gradient(180deg, #b84012 0%, #741004 100%);
  border: 1px solid #f0a33a;
  color: #fff2cf !important;
  -webkit-text-fill-color: #fff2cf !important;
  text-shadow: 0 1px 0 #000 !important;
  font: 900 12px Verdana, Arial, sans-serif;
  text-decoration: none;
  cursor: pointer;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-btn-secondary {
  background: linear-gradient(180deg, #765733 0%, #4f3219 100%);
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-account-privacy-link,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-account-privacy-link:link,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-account-privacy-link:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  margin-left: 8px;
  padding: 5px 10px;
  background: linear-gradient(180deg, #765733 0%, #4f3219 100%);
  border: 1px solid #d08a35;
  color: #fff2cf !important;
  -webkit-text-fill-color: #fff2cf !important;
  text-shadow: 0 1px #000 !important;
  font: 900 11px Verdana, Arial, sans-serif;
  text-decoration: none;
}

@media (max-width: 760px) {
  html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-grid,
  html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-data-grid {
    grid-template-columns: 1fr;
  }
}

/* Final character creation overrides, kept at the end to beat legacy table/card rules. */
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-character-vocation-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-vocation-card {
  min-height: 260px !important;
  padding: 10px !important;
  border-radius: 4px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-vocation-card img {
  height: 128px !important;
  object-fit: contain !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-character-create-hero h2,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-character-create-hero p,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-character-create-hero a,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-character-create-hero span {
  text-shadow: none !important;
}

/* Account character forms: create, delete and comment. */
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-page {
  padding: 16px !important;
  background: linear-gradient(180deg, #f3dea6 0%, #d5a856 100%) !important;
  border: 1px solid #bd751d !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 210, .45), 0 4px 14px rgba(0, 0, 0, .28) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page *,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-page * {
  color: #24100a !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-hero,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-hero {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 20px 22px !important;
  border: 1px solid #b46b1a !important;
  background: linear-gradient(180deg, #3b0905 0%, #180403 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 216, 131, .22), 0 3px 10px rgba(0, 0, 0, .28) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-hero.is-danger {
  background: linear-gradient(180deg, #520b05 0%, #1d0302 100%) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-hero span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-hero span {
  display: inline-block !important;
  margin: 0 0 7px !important;
  color: #f6b947 !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-hero h2,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-hero h2 {
  margin: 0 0 7px !important;
  color: #fff0bd !important;
  font: 900 24px/1.15 Georgia, "Times New Roman", serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-hero p,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-hero p,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-hero a {
  max-width: 820px !important;
  margin: 0 !important;
  color: #fce7b0 !important;
  font: 700 12px/1.55 Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-hero a {
  color: #ffd269 !important;
  text-decoration: underline !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-form,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-form {
  display: block !important;
  margin: 0 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-section,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-action-card,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-comment-field {
  margin: 0 0 14px !important;
  padding: 15px !important;
  border: 1px solid rgba(123, 73, 19, .64) !important;
  background: #f5dfa8 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-section-title {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 0 14px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-section-title > span {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  background: linear-gradient(180deg, #661509, #230503) !important;
  border: 1px solid #c77a22 !important;
  color: #ffe4a0 !important;
  font: 900 14px Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-section-title h3 {
  margin: 0 0 4px !important;
  color: #3a0905 !important;
  font: 900 18px Georgia, "Times New Roman", serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-section-title p {
  margin: 0 !important;
  color: #4e2b13 !important;
  font: 700 12px/1.45 Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(230px, .75fr) !important;
  gap: 14px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field > span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-readonly > span {
  display: block !important;
  margin: 0 0 7px !important;
  color: #4b1308 !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent div.eclipse-character-name-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  gap: 8px !important;
  align-items: center !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field input[type="text"],
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field input[type="password"],
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field input:not([type]),
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field textarea,
html body #Bodycontainer #ContentColumn .Content .BoxContent div.eclipse-character-name-row input {
  width: 100% !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
  border: 1px solid #83511d !important;
  background: #fff6d6 !important;
  color: #1b0905 !important;
  -webkit-text-fill-color: #1b0905 !important;
  font: 800 13px Verdana, Arial, sans-serif !important;
  outline: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field textarea {
  min-height: 230px !important;
  resize: vertical !important;
  line-height: 1.45 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field input:focus,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field textarea:focus {
  border-color: #5f160c !important;
  box-shadow: 0 0 0 2px rgba(95, 22, 12, .18) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-field small,
html body #Bodycontainer #ContentColumn .Content .BoxContent #character_error {
  display: block !important;
  min-height: 16px !important;
  margin-top: 7px !important;
  color: #6d1b0d !important;
  font: 800 11px Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-choice-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-choice,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(114, 65, 20, .62) !important;
  background: #f7e4b0 !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-choice:has(input:checked),
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-toggle:has(input:checked) {
  border-color: #5f160c !important;
  background: #fff0bd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 0 0 2px rgba(95, 22, 12, .18) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-choice span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-toggle span {
  color: #2a1007 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-vocation-card {
  min-height: 235px !important;
  padding: 9px !important;
  background: linear-gradient(180deg, #efcf87 0%, #d7a867 100%) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-create-character-page .eclipse-vocation-card img {
  height: 120px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-readonly strong {
  display: block !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(127, 77, 20, .42) !important;
  background: #fff1bf !important;
  color: #2a1007 !important;
  font: 900 14px Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-warning {
  margin: 0 0 14px !important;
  padding: 11px 12px !important;
  border: 1px solid #a33a18 !important;
  background: #fff0ca !important;
  color: #681609 !important;
  font: 800 12px/1.45 Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-warning strong {
  color: #681609 !important;
  font-weight: 900 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 14px !important;
  padding: 0 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-back-button,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-back-button:link,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-back-button:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 18px !important;
  border: 1px solid #6d3f1a !important;
  background: linear-gradient(180deg, #81562d, #513017) !important;
  color: #fff2c0 !important;
  -webkit-text-fill-color: #fff2c0 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 180, .32), 0 2px 6px rgba(0, 0, 0, .22) !important;
}

@media (max-width: 760px) {
  html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-character-create-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Character account screens now reuse the privacy page visual language. */
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page.eclipse-create-character-page,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page.eclipse-character-action-page {
  display: grid !important;
  gap: 14px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero a,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero a:link,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-hero a:visited {
  color: #ffd269 !important;
  -webkit-text-fill-color: #ffd269 !important;
  text-decoration: underline !important;
  font-weight: 900 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-create-form,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-action-form {
  display: grid !important;
  gap: 14px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-create-section,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-action-card,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-comment-field {
  margin: 0 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-action-card.privacy-data-grid {
  margin: 12px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-readonly {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field > span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-readonly > span {
  margin: 0 !important;
  color: #4b1308 !important;
  -webkit-text-fill-color: #4b1308 !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field input[type="text"],
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field input[type="password"],
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field input:not([type]),
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field textarea,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-name-row input {
  width: 100% !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
  border: 1px solid #83511d !important;
  background: #fff6d6 !important;
  color: #1b0905 !important;
  -webkit-text-fill-color: #1b0905 !important;
  font: 800 13px Verdana, Arial, sans-serif !important;
  outline: none !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field textarea {
  min-height: 230px !important;
  resize: vertical !important;
  line-height: 1.45 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field input:focus,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field textarea:focus {
  border-color: #5f160c !important;
  box-shadow: 0 0 0 2px rgba(95, 22, 12, .18) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-field small,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page #character_error {
  display: block !important;
  min-height: 16px !important;
  color: #6d1b0d !important;
  -webkit-text-fill-color: #6d1b0d !important;
  font: 800 11px/1.35 Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-warning,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-create-alert {
  padding: 11px 12px !important;
  border: 1px solid #a33a18 !important;
  background: #fff0ca !important;
  color: #681609 !important;
  -webkit-text-fill-color: #681609 !important;
  font: 800 12px/1.45 Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-warning strong {
  color: #681609 !important;
  -webkit-text-fill-color: #681609 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-choice-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-choice,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(114, 65, 20, .62) !important;
  background: #f7e4b0 !important;
  color: #2a1007 !important;
  -webkit-text-fill-color: #2a1007 !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-choice:has(input:checked),
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-toggle:has(input:checked) {
  border-color: #5f160c !important;
  background: #fff0bd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 0 0 2px rgba(95, 22, 12, .18) !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-choice span,
html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-toggle span {
  color: #2a1007 !important;
  -webkit-text-fill-color: #2a1007 !important;
  font: 900 12px Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-create-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(230px, .75fr) !important;
  gap: 14px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-vocation-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-vocation-card {
  min-height: 235px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-vocation-card img {
  width: 100% !important;
  height: 120px !important;
  object-fit: contain !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .privacy-actions {
  margin-top: 0 !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-password-page {
  display: grid !important;
  gap: 14px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-password-page .eclipse-password-form {
  display: grid !important;
  gap: 12px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-password-page .eclipse-password-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-password-page .eclipse-character-warning {
  margin: 0 !important;
}

@media (max-width: 900px) {
  html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-password-page .eclipse-password-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body #Bodycontainer #ContentColumn .Content .BoxContent .eclipse-privacy-page .eclipse-character-create-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Account manage final polish: VIP benefits, recovery key callout and public info actions. */
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase + .eclipse-manage-benefits-grid,
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase + .eclipse-manage-benefits-grid + .eclipse-manage-benefit-flags {
  display: none !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase .eclipse-manage-benefit-card {
  min-height: 92px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: start !important;
  padding: 10px !important;
  border: 1px solid rgba(95, 46, 12, .54) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #fff0bf 0%, #e9c06f 58%, #c99645 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 250, 221, .82), 0 3px 8px rgba(64, 31, 6, .22) !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase .eclipse-manage-benefit-card img {
  width: 32px !important;
  height: 32px !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase .eclipse-manage-benefit-card span {
  color: #681b0e !important;
  -webkit-text-fill-color: #681b0e !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase .eclipse-manage-benefit-card strong {
  color: #210804 !important;
  -webkit-text-fill-color: #210804 !important;
  font: 900 17px Georgia, "Times New Roman", serif !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase .eclipse-manage-benefit-card small {
  display: block !important;
  margin-top: 4px !important;
  color: #35170a !important;
  -webkit-text-fill-color: #35170a !important;
  font: 700 10px/1.35 Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefit-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 10px !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefit-notes span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(95, 46, 12, .42) !important;
  border-radius: 4px !important;
  background: rgba(255, 246, 216, .54) !important;
  color: #35170a !important;
  -webkit-text-fill-color: #35170a !important;
  font: 800 10px Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefit-notes strong {
  color: #65190d !important;
  -webkit-text-fill-color: #65190d !important;
  font-weight: 900 !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-manage-benefits-head a,
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-manage-benefits-head a:link,
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-manage-benefits-head a:visited,
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-manage-benefits-head a:hover {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-subtitle-fixed {
  display: block !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-subtitle-fixed ~ span {
  display: none !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 13px 14px !important;
  border: 2px solid #a86b23 !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #fff0bf 0%, #e4bc70 58%, #c89445 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 250, 221, .82), 0 6px 16px rgba(0, 0, 0, .36) !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout + br + .SmallBox {
  display: none !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout-icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(101, 54, 18, .44) !important;
  border-radius: 5px !important;
  background: rgba(255, 248, 221, .56) !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout-icon img {
  max-width: 28px !important;
  max-height: 28px !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout-copy strong {
  display: block !important;
  color: #3a0905 !important;
  -webkit-text-fill-color: #3a0905 !important;
  font: 900 16px Georgia, "Times New Roman", serif !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout-copy span {
  display: block !important;
  margin-top: 3px !important;
  color: #35170a !important;
  -webkit-text-fill-color: #35170a !important;
  font: 800 12px/1.45 Verdana, Arial, sans-serif !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout form {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout-action .BigButtonText,
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-public-info-edit,
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-public-info-edit * {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #4c1200 !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-public-info-title-fixed,
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-public-info-subtitle-fixed {
  display: block !important;
}

html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-public-info-title-fixed ~ strong,
html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-public-info-subtitle-fixed ~ span {
  display: none !important;
}

@media (max-width: 760px) {
  html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-vip-benefits-showcase {
    grid-template-columns: 1fr !important;
  }

  html body #Bodycontainer #ContentColumn .Content .eclipse-account-manage-page .eclipse-register-callout {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
  }
}

/* Page polish: news, characters, character market and last kills. */
html body #ContentColumn #News.eclipse-news-page-box > .BorderTitleText {
  display: none !important;
}

html body #ContentColumn #News .BoxContent .eclipse-characters-search .BigButton,
html body #ContentColumn #News .BoxContent .eclipse-characters-search .BigButton > div,
html body #ContentColumn #News .BoxContent .eclipse-characters-search .MediumButtonBackground {
  width: auto !important;
  min-width: 116px !important;
  height: 32px !important;
  border: 1px solid #ffd77b !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #c05a12 0%, #8b250f 48%, #5f1005 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 159, .36), 0 2px 5px rgba(0, 0, 0, .35) !important;
}

html body #ContentColumn #News .BoxContent .eclipse-characters-search .BigButtonOver,
html body #ContentColumn #News .BoxContent .eclipse-characters-search .MediumButtonOver {
  display: none !important;
}

html body #ContentColumn #News .BoxContent .eclipse-characters-search .BigButtonText,
html body #ContentColumn #News .BoxContent .eclipse-characters-search .MediumButtonText,
html body #ContentColumn #News .BoxContent .eclipse-characters-search input.BigButtonText {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 32px !important;
  padding: 0 15px !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  line-height: 32px !important;
  text-shadow: 0 1px 1px #4c1200 !important;
  text-transform: uppercase !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-hero {
  min-height: 118px !important;
  margin-bottom: 12px !important;
  border-color: #b96d22 !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, rgba(22, 5, 3, .94) 0%, rgba(70, 19, 7, .86) 54%, rgba(13, 37, 53, .82) 100%) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-sell-panel {
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #a96b21 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #f2dda6 0%, #ddb76f 100%) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-sell-panel h3 {
  margin: 0 !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-sell-form {
  padding: 13px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-sell-form label span {
  display: block !important;
  margin-bottom: 4px !important;
  color: #32180b !important;
  -webkit-text-fill-color: #32180b !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 12px 0 8px !important;
  padding: 10px 13px !important;
  border: 1px solid #a96b21 !important;
  background: linear-gradient(180deg, #16495f 0%, #0d2535 70%, #07121b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 244, 188, .12) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-list-head span {
  display: block !important;
  color: #dca33c !important;
  -webkit-text-fill-color: #dca33c !important;
  font: 900 9px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-list-head strong {
  display: block !important;
  margin-top: 2px !important;
  color: #fff4ce !important;
  -webkit-text-fill-color: #fff4ce !important;
  font: 900 17px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card {
  display: grid !important;
  grid-template-columns: 94px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 12px !important;
  border: 1px solid #a96b21 !important;
  border-top: 4px solid #8e2d13 !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #f2dda6 0%, #dfbd76 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 210, .62), 0 4px 10px rgba(58, 25, 4, .26) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-outfit {
  min-height: 118px !important;
  border: 1px solid #9b6727 !important;
  border-radius: 4px !important;
  background: radial-gradient(circle at 50% 34%, #ffe6a3 0%, #d1a056 58%, #9a6228 100%) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-body {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-title h3,
html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-title p {
  margin: 0 !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-stats span {
  min-width: 0 !important;
  padding: 7px 5px !important;
  border: 1px solid rgba(139, 81, 27, .48) !important;
  border-radius: 3px !important;
  background: rgba(255, 244, 211, .62) !important;
  text-align: center !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-stats small,
html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-stats strong {
  display: block !important;
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-stats small {
  font: 900 8px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-stats strong {
  margin-top: 2px !important;
  font: 900 14px Georgia, "Times New Roman", serif !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card form {
  grid-column: 1 / -1 !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card .eclipse-plugin-button {
  width: 100% !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-lastkills-page .lastkills-intro {
  margin-bottom: 10px !important;
}

@media (max-width: 760px) {
  html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-grid,
  html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card {
    grid-template-columns: 1fr !important;
  }

  html body #ContentColumn .Content .BoxContent .eclipse-character-market .eclipse-market-card-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-hero {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-login-notice {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px 14px !important;
  align-items: center !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-login-notice strong,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-login-notice span {
  display: block !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-login-notice .eclipse-plugin-button {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-filter,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-list {
  margin: 12px 0 !important;
  border: 1px solid #a96b21 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #f0d99e 0%, #dcba73 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 248, 218, .65), 0 4px 12px rgba(53, 23, 5, .22) !important;
  overflow: hidden !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-filter-title,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-list-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
  background: linear-gradient(180deg, #16495f 0%, #0d2535 70%, #07121b 100%) !important;
  color: #fff4ce !important;
  -webkit-text-fill-color: #fff4ce !important;
  font: 900 15px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-list-title span {
  color: #e7b64a !important;
  -webkit-text-fill-color: #e7b64a !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  gap: 9px !important;
  align-items: end !important;
  padding: 12px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-filter-grid label {
  display: grid !important;
  gap: 4px !important;
  color: #32180b !important;
  -webkit-text-fill-color: #32180b !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-filter-grid input,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-filter-grid select {
  min-height: 32px !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 3px !important;
  background: #fff3d3 !important;
  color: #1f1008 !important;
  -webkit-text-fill-color: #1f1008 !important;
  font: 800 12px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-card {
  display: grid !important;
  grid-template-columns: 118px minmax(0, 1fr) 180px !important;
  grid-template-areas:
    "head head head"
    "outfit summary bid" !important;
  gap: 10px 12px !important;
  margin: 12px !important;
  padding: 12px !important;
  border: 1px solid #9b641f !important;
  border-top: 4px solid #8e2d13 !important;
  background: linear-gradient(180deg, #f6e2ad 0%, #e0be77 100%) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-card.is-auction-hidden {
  display: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-card-heading {
  grid-area: head !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid rgba(128, 77, 28, .38) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-name {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  font: 900 18px Georgia, "Times New Roman", serif !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-card-heading span {
  display: block !important;
  margin-top: 3px !important;
  color: #6d4822 !important;
  -webkit-text-fill-color: #6d4822 !important;
  font: 800 10px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-outfit {
  grid-area: outfit !important;
  min-height: 124px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-summary {
  grid-area: summary !important;
  display: grid !important;
  gap: 8px !important;
  align-content: start !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-data,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-skills {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-skills {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-data div,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-skills div {
  min-width: 0 !important;
  padding: 8px 7px !important;
  border: 1px solid rgba(139, 81, 27, .48) !important;
  border-radius: 3px !important;
  background: rgba(255, 244, 211, .68) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-data span,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-skills span,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-bidbox > span {
  display: block !important;
  color: #7a4e22 !important;
  -webkit-text-fill-color: #7a4e22 !important;
  font: 900 8px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-data strong,
html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-skills strong {
  display: block !important;
  margin-top: 3px !important;
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  font: 900 13px Georgia, "Times New Roman", serif !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-bidbox {
  grid-area: bid !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid #8f5a24 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #fff0bf 0%, #d9a85b 100%) !important;
  text-align: center !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-bidbox form {
  margin: 0 !important;
}

@media (max-width: 900px) {
  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-card {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    grid-template-areas:
      "head head"
      "outfit summary"
      "bid bid" !important;
  }
}

@media (max-width: 620px) {
  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-hero,
  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-login-notice {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-login-notice .eclipse-plugin-button {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-filter-grid,
  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-card,
  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-data,
  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-skills {
    grid-template-columns: 1fr !important;
  }

  html body #ContentColumn .Content .BoxContent .eclipse-character-auctions .eclipse-auction-card {
    grid-template-areas:
      "head"
      "outfit"
      "summary"
      "bid" !important;
  }
}

/* Directory pages refresh: houses, guilds and support team. */
html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-note {
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(44, 11, 5, .92) 0%, rgba(100, 27, 9, .74) 54%, rgba(13, 37, 53, .76) 100%) !important;
  border-color: #b96d22 !important;
  color: #fff3cf !important;
  -webkit-text-fill-color: #fff3cf !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-note strong,
html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-note span {
  display: block !important;
  color: #fff3cf !important;
  -webkit-text-fill-color: #fff3cf !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-note strong {
  font: 900 18px Georgia, "Times New Roman", serif !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-note span {
  margin-top: 3px !important;
  color: #f2d59b !important;
  -webkit-text-fill-color: #f2d59b !important;
  font: 800 11px Verdana, Arial, sans-serif !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-note-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(255, 221, 128, .58) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #a92f12 0%, #681507 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #2d0400 !important;
  white-space: nowrap !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 0 0 12px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-summary-grid > div {
  min-height: 66px !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(137, 83, 33, .52) !important;
  border-left: 4px solid #8e2d13 !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #fff0bf 0%, #e8c37a 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 250, 221, .65), 0 3px 8px rgba(55, 24, 5, .18) !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-summary-grid span,
html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-summary-grid strong {
  display: block !important;
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-summary-grid span {
  font: 900 9px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-summary-grid strong {
  margin-top: 5px !important;
  font: 900 14px Georgia, "Times New Roman", serif !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-primary-name {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 23px !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(126, 77, 29, .45) !important;
  border-radius: 3px !important;
  background: rgba(255, 244, 211, .64) !important;
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  font: 900 10px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-status-text,
html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-status-text * {
  color: #3a1d0e !important;
  -webkit-text-fill-color: #3a1d0e !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-team-page .team-group-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-team-page .team-group-title span,
html body #ContentColumn .Content .BoxContent .eclipse-team-page .team-group-title small {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-team-page .team-group-title small {
  font: 900 9px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
  color: #e7b64a !important;
  -webkit-text-fill-color: #e7b64a !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-team-page .team-table td {
  height: 56px !important;
}

html body #ContentColumn .Content .BoxContent .eclipse-team-page .team-table td:nth-child(2) a,
html body #ContentColumn .Content .BoxContent .eclipse-team-page .team-table td:nth-child(2) a * {
  color: #2b180d !important;
  -webkit-text-fill-color: #2b180d !important;
  font: 900 13px Verdana, Arial, sans-serif !important;
  text-shadow: none !important;
}

@media (max-width: 760px) {
  html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-note,
  html body #ContentColumn .Content .BoxContent .eclipse-team-page .team-group-title {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body #ContentColumn .Content .BoxContent .eclipse-directory-page .directory-summary-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Final consistency pass: contrast, compact headers and existing button style. */
html body #ContentColumn .Content .eclipse-download-page .download-eyebrow,
html body #ContentColumn .Content .eclipse-download-page .download-button,
html body #ContentColumn .Content .eclipse-download-page .download-button * {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #3a0500 !important;
}

html body #ContentColumn .Content .eclipse-highscores-page .highscores-hero {
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 7px 10px !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #2b0804 0%, #120100 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 221, 128, .12), 0 3px 8px rgba(0, 0, 0, .24) !important;
}

html body #ContentColumn .Content .eclipse-highscores-page .highscores-eyebrow {
  margin: 0 7px 0 0 !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  font-size: 8px !important;
}

html body #ContentColumn .Content .eclipse-highscores-page .highscores-hero h2 {
  display: inline !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
}

html body #ContentColumn .Content .eclipse-highscores-page .highscores-hero-copy {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

html body #ContentColumn .Content .eclipse-directory-page .directory-submit .BigButton,
html body #ContentColumn .Content .eclipse-directory-page .guilds-action-note .BigButton,
html body #ContentColumn .Content .eclipse-directory-page .directory-submit .BigButton > div,
html body #ContentColumn .Content .eclipse-directory-page .guilds-action-note .BigButton > div {
  min-width: 116px !important;
  height: 32px !important;
  border: 1px solid #ffd77b !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #c05a12 0%, #8b250f 48%, #5f1005 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 159, .36), 0 2px 5px rgba(0, 0, 0, .35) !important;
}

html body #ContentColumn .Content .eclipse-directory-page .directory-submit .BigButtonOver,
html body #ContentColumn .Content .eclipse-directory-page .guilds-action-note .BigButtonOver {
  display: none !important;
}

html body #ContentColumn .Content .eclipse-directory-page .directory-submit .BigButtonText,
html body #ContentColumn .Content .eclipse-directory-page .guilds-action-note .BigButtonText,
html body #ContentColumn .Content .eclipse-directory-page .directory-submit input.BigButtonText,
html body #ContentColumn .Content .eclipse-directory-page .guilds-action-note input.BigButtonText {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 32px !important;
  padding: 0 15px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 11px Verdana, Arial, sans-serif !important;
  line-height: 32px !important;
  text-shadow: 0 1px 1px #4c1200 !important;
  text-transform: uppercase !important;
}

html body #ContentColumn .Content .eclipse-vip-page .vip-section-title,
html body #ContentColumn .Content .eclipse-vip-page .vip-table th,
html body #ContentColumn .Content .eclipse-vip-page .vip-table th * {
  background: linear-gradient(180deg, #5d1007 0%, #250402 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #ContentColumn #News .BoxContent .eclipse-characters-search .BigButton,
html body #ContentColumn #News .BoxContent .eclipse-characters-search .BigButton > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 27px !important;
}

html body #ContentColumn #News .BoxContent .eclipse-characters-search .BigButtonText,
html body #ContentColumn #News .BoxContent .eclipse-characters-search input.BigButtonText {
  height: 27px !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
  line-height: 27px !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-card-title {
  margin: 0 !important;
  padding: 10px 14px !important;
  background: linear-gradient(180deg, #5d1007 0%, #250402 100%) !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font: 900 15px Georgia, "Times New Roman", serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-account {
  justify-content: flex-start !important;
  padding: 0 20px 18px !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-account > span {
  margin-top: 16px !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-character > p {
  padding: 11px 16px 0 !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-success-page .eclipse-create-success-character > p:last-child {
  padding-bottom: 16px !important;
}

html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-create-account-page form#createaccount .eclipse-rules-links a,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-create-account-page form#createaccount .eclipse-rules-links a:link,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-create-account-page form#createaccount .eclipse-rules-links a:visited,
html body #Bodycontainer #ContentColumn #News .BoxContent .eclipse-create-account-page form#createaccount .eclipse-rules-links a:hover {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #2b0804 !important;
}

html body #ContentColumn #News .BoxContent .serverinfo-overview {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr !important;
  gap: 9px !important;
  padding: 12px 14px 4px !important;
}

html body #ContentColumn #News .BoxContent .serverinfo-feature-card {
  min-height: 78px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(91, 47, 8, .28) !important;
  border-left: 4px solid #8e2d13 !important;
  background: linear-gradient(180deg, #fff0bd 0%, #e4bf70 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 250, 214, .65) !important;
}

html body #ContentColumn #News .BoxContent .serverinfo-feature-card.is-primary {
  border-left-color: #0d3344 !important;
}

html body #ContentColumn #News .BoxContent .serverinfo-feature-card span,
html body #ContentColumn #News .BoxContent .serverinfo-feature-card strong,
html body #ContentColumn #News .BoxContent .serverinfo-feature-card small {
  display: block !important;
  color: #180904 !important;
  -webkit-text-fill-color: #180904 !important;
  text-shadow: none !important;
}

html body #ContentColumn #News .BoxContent .serverinfo-feature-card span {
  color: #5e170d !important;
  -webkit-text-fill-color: #5e170d !important;
  font: 900 9px Verdana, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body #ContentColumn #News .BoxContent .serverinfo-feature-card strong {
  margin-top: 5px !important;
  font: 900 17px Georgia, "Times New Roman", serif !important;
}

html body #ContentColumn #News .BoxContent .serverinfo-feature-card small {
  margin-top: 4px !important;
  font: 800 10px Verdana, Arial, sans-serif !important;
}

html body #ContentColumn #News .BoxContent .serverinfo-compact-list {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  padding-top: 8px !important;
}

@media (max-width: 760px) {
  html body #ContentColumn #News .BoxContent .serverinfo-overview,
  html body #ContentColumn #News .BoxContent .serverinfo-compact-list {
    grid-template-columns: 1fr !important;
  }
}

#Loginbox #LoginButton #ButtonText::before,
#Loginbox #ButtonText::before {
  content: attr(data-login-label) !important;
}

#Loginbox #LoginButton #ButtonText.account::before,
#Loginbox #ButtonText.account::before {
  content: attr(data-account-label) !important;
}

#LoginstatusText_2::before {
  content: attr(data-create-label) !important;
  color: #f6deb0 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 27px !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px #000 !important;
}

#DownloadBox .MediumButtonText::before {
  content: attr(data-download-label) !important;
}

#DownloadBox .MediumButtonBackground::after {
  content: none !important;
}

#DownloadBox {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
  filter: drop-shadow(0 0 10px rgba(255, 199, 83, .30)) drop-shadow(0 8px 14px rgba(0,0,0,.55)) !important;
}

#DownloadBox #PlayNowContainer,
#DownloadBox .MediumButtonBackground {
  height: 38px !important;
}

#DownloadBox .MediumButtonBackground {
  background:
    linear-gradient(180deg, #8b1d10 0%, #4e0905 54%, #1d0302 100%) !important;
  border: 1px solid rgba(255, 214, 116, .92) !important;
  border-radius: 4px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 235, 161, .46),
    inset 0 -4px 0 rgba(31, 3, 1, .62),
    0 0 0 1px rgba(111, 52, 10, .82),
    0 0 14px rgba(255, 176, 45, .35) !important;
}

#DownloadBox .MediumButtonBackground:hover {
  background:
    linear-gradient(180deg, #bb3a18 0%, #761106 54%, #310402 100%) !important;
  border-color: #ffe39b !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 195, .62),
    inset 0 -4px 0 rgba(31, 3, 1, .62),
    0 0 0 1px rgba(160, 82, 18, .9),
    0 0 20px rgba(255, 199, 83, .58) !important;
}

#DownloadBox .MediumButtonText,
#DownloadBox .MediumButtonText::before {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  line-height: 38px !important;
  text-transform: uppercase !important;
  text-shadow:
    -1px -1px 0 #8a4d0a,
    1px -1px 0 #8a4d0a,
    -1px 1px 0 #8a4d0a,
    1px 1px 0 #8a4d0a,
    0 2px 0 #1b0201,
    0 0 8px rgba(255, 211, 101, .85),
    0 0 14px rgba(255, 143, 36, .48) !important;
}

.MenuButton .Label {
  background-image: none !important;
  background: none !important;
  display: flex !important;
  align-items: center !important;
  height: 22px !important;
  overflow: visible !important;
}

.MenuButton .Label::before,
.MenuButton .Label::after {
  content: none !important;
}

.MenuButton .eclipse-menu-category-label {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 18px;
  box-sizing: border-box;
  color: #f8e4c0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 22px;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 2px 0 #1b0201, 0 0 7px rgba(255, 200, 108, 0.42);
  white-space: nowrap;
}

#Themeboxes .donate_content > div::after {
  content: attr(data-exclusive-label) !important;
}

#Themeboxes .discord_content::after {
  content: none !important;
}

#Themeboxes .eclipse-discord-text {
  display: block !important;
  color: #4d3520 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  margin-top: -3px !important;
}

html body #ContentColumn #News .NewsHeadlineDate {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow: 0 1px 1px #000 !important;
}


.eclipse-light-theme-sentinel {
  display: none;
}

/* Light theme: keep the site readable and shift the heavy red chrome to a blue/gold variant. */
html.eclipse-theme-light {
  background:
    linear-gradient(180deg, #d9ecfb 0%, #bcd8ee 34%, #8db6d0 64%, #5f87a5 100%) fixed !important;
}

html.eclipse-theme-light body {
  background-color: #7fa6c1 !important;
  background-image:
    url("images/header/bgs/arise-light-citadel.png"),
    linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 24%, rgba(141,185,213,.18) 42%, rgba(79,125,158,.58) 68%, rgba(36,74,106,.88) 100%),
    linear-gradient(90deg, rgba(255,255,255,.24), transparent 24%, transparent 76%, rgba(75,125,162,.30)),
    linear-gradient(180deg, #edf8ff 0%, #c5e1f2 38%, #83aec9 66%, #315f83 100%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: 100% auto, 100% 100%, 100% 100%, 100% 100% !important;
  background-position: center top, center top, center top, center top !important;
  background-attachment: scroll, fixed, fixed, fixed !important;
}

html.eclipse-theme-light #ArtworkHelper {
  background:
    linear-gradient(90deg, rgba(192,218,238,.22), rgba(255,255,255,.03) 30%, rgba(255,255,255,.03) 70%, rgba(192,218,238,.22)),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(190,213,231,.08) 36%, rgba(124,170,201,.24) 62%, rgba(42,80,112,.46) 100%) !important;
}

html.eclipse-theme-light .Content .BorderTitleText.eclipse-status-shell,
html.eclipse-theme-light .InfoBar {
  background: linear-gradient(90deg, #071f31, #164b69 28%, #236d91 50%, #164b69 72%, #071f31) !important;
  border-color: rgba(157, 214, 249, .48) !important;
  box-shadow: inset 0 0 18px rgba(122, 199, 247, .16), 0 10px 24px rgba(40, 75, 104, .38) !important;
}

html.eclipse-theme-light .InfoBar a,
html.eclipse-theme-light .InfoBar div,
html.eclipse-theme-light .InfoBar span {
  color: #f0fbff !important;
  text-shadow: 0 0 8px rgba(121, 198, 247, .42) !important;
}

html.eclipse-theme-light .MenuButton {
  background:
    linear-gradient(90deg, rgba(8, 27, 42, .96), rgba(24, 88, 120, .98) 50%, rgba(8, 27, 42, .96)) !important;
  border-color: rgba(153, 209, 243, .74) !important;
  filter: none !important;
  box-shadow:
    inset 0 1px 0 rgba(225, 246, 255, .28),
    inset 0 -2px 0 rgba(0, 0, 0, .42),
    0 2px 0 rgba(0, 0, 0, .50),
    0 0 15px rgba(82, 172, 229, .26) !important;
}

html.eclipse-theme-light .menuitem:hover .MenuButton {
  background:
    linear-gradient(90deg, rgba(11, 42, 63, .98), rgba(35, 123, 163, .98) 50%, rgba(11, 42, 63, .98)) !important;
  border-color: rgba(222, 181, 91, .90) !important;
  filter: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 171, .28),
    inset 0 -2px 0 rgba(0, 0, 0, .42),
    0 2px 0 rgba(0, 0, 0, .54),
    0 0 16px rgba(82, 172, 229, .34) !important;
}

html.eclipse-theme-light .MenuButton::before {
  border-left-color: rgba(222, 181, 91, .72) !important;
  border-top-color: rgba(222, 181, 91, .58) !important;
}

html.eclipse-theme-light .MenuButton::after {
  border-right-color: rgba(222, 181, 91, .72) !important;
  border-bottom-color: rgba(222, 181, 91, .58) !important;
}

html.eclipse-theme-light .MenuButton .Icon,
html.eclipse-theme-light .Icon,
html.eclipse-theme-light #ThemeboxesColumn img,
html.eclipse-theme-light #Loginbox img,
html.eclipse-theme-light #DownloadBox img {
  filter: saturate(.96) brightness(1.02) contrast(1.04) hue-rotate(165deg) drop-shadow(0 0 5px rgba(73, 161, 220, .26)) !important;
}

html.eclipse-theme-light .MenuButton .Label,
html.eclipse-theme-light .Label,
html.eclipse-theme-light .MenuButton .eclipse-menu-category-label {
  color: #f7e8bf !important;
  text-shadow: 0 1px 0 #001421, 0 0 7px rgba(111, 196, 246, .45) !important;
  filter: none !important;
}

html.eclipse-theme-light .Submenu {
  background: linear-gradient(180deg, rgba(235,247,255,.96), rgba(199,223,239,.96)) !important;
  border-left-color: rgba(69, 137, 185, .42) !important;
  border-right-color: rgba(69, 137, 185, .32) !important;
}

html.eclipse-theme-light .Submenu a,
html.eclipse-theme-light .Submenu a:link,
html.eclipse-theme-light .Submenu a:visited {
  color: #14364e !important;
  text-shadow: none !important;
}

html.eclipse-theme-light .Submenu a:hover {
  color: #061b2a !important;
  text-shadow: 0 0 8px rgba(119, 184, 232, .50) !important;
}

html.eclipse-theme-light #ThemeboxesColumn .Themebox,
html.eclipse-theme-light #ThemeboxesColumn .SmallBox,
html.eclipse-theme-light #ThemeboxesColumn [class*="Box"],
html.eclipse-theme-light #Loginbox,
html.eclipse-theme-light #DownloadBox,
html.eclipse-theme-light .NewsHeadlineBackground,
html.eclipse-theme-light .TableHeadline,
html.eclipse-theme-light .CaptionContainer,
html.eclipse-theme-light .CaptionInnerContainer {
  filter: hue-rotate(165deg) saturate(.84) brightness(1.04) contrast(1.02);
}

html.eclipse-theme-light .Content .Box {
  background-color: rgba(19, 61, 88, .90) !important;
  border-left-color: rgba(71, 139, 185, .72) !important;
  border-right-color: rgba(71, 139, 185, .72) !important;
  box-shadow: 0 14px 30px rgba(58, 83, 106, .38), 0 0 0 1px rgba(108, 184, 235, .16), inset 0 0 24px rgba(114, 185, 236, .08) !important;
}

/* Light theme final pass: blue only where intended, boosted box keeps its natural colors. */
html.eclipse-theme-light .Content .BorderTitleText.eclipse-status-shell {
  background:
    linear-gradient(90deg, rgba(4, 18, 30, .98), rgba(16, 73, 104, .98) 50%, rgba(4, 18, 30, .98)) !important;
  border-color: rgba(140, 205, 246, .62) !important;
}

html.eclipse-theme-light .eclipse-onlinebar-link,
html.eclipse-theme-light .eclipse-onlinebar.is-offline .eclipse-onlinebar-link {
  background:
    linear-gradient(180deg, rgba(21, 92, 128, .98), rgba(5, 25, 42, .98)) !important;
  border-color: rgba(154, 218, 255, .72) !important;
  box-shadow:
    inset 0 1px 0 rgba(224, 246, 255, .22),
    inset 0 -2px 0 rgba(0, 0, 0, .50),
    0 0 12px rgba(65, 173, 232, .32) !important;
}

html.eclipse-theme-light .eclipse-language-switcher {
  background:
    linear-gradient(180deg, rgba(14, 59, 87, .96), rgba(4, 20, 34, .98)) !important;
  border-color: rgba(154, 218, 255, .58) !important;
  box-shadow:
    inset 0 1px 0 rgba(224, 246, 255, .18),
    0 4px 12px rgba(20, 55, 82, .38) !important;
}

html.eclipse-theme-light .eclipse-language-switcher a {
  border-color: rgba(178, 224, 250, .32) !important;
  color: #eaf8ff !important;
  -webkit-text-fill-color: #eaf8ff !important;
}

html.eclipse-theme-light .eclipse-language-switcher a.is-active,
html.eclipse-theme-light .eclipse-language-switcher a:hover {
  background: linear-gradient(180deg, #287fa9 0%, #0a314f 100%) !important;
  border-color: rgba(255, 220, 142, .64) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.eclipse-theme-light #Loginbox #LoginButton > div,
html.eclipse-theme-light #DownloadBox .MediumButtonBackground {
  background:
    linear-gradient(180deg, rgba(16, 76, 154, .98), rgba(4, 22, 68, .98)) !important;
  border-color: rgba(255, 220, 128, .94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 247, 204, .34),
    inset 0 -2px 0 rgba(0, 0, 0, .46),
    0 2px 0 rgba(0, 0, 0, .45),
    0 0 14px rgba(65, 173, 232, .30) !important;
}

html.eclipse-theme-light .eclipse-left-active-events {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 238, 170, .30), transparent 32%),
    linear-gradient(180deg, rgba(16, 76, 154, .98), rgba(4, 22, 68, .98)) !important;
  border-color: rgba(255, 220, 128, .94) !important;
  color: #f2fbff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 247, 204, .34),
    inset 0 -2px 0 rgba(0, 0, 0, .46),
    0 2px 0 rgba(0, 0, 0, .45),
    0 0 14px rgba(65, 173, 232, .30) !important;
}

html.eclipse-theme-light .eclipse-left-active-events:hover {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 241, 188, .36), transparent 34%),
    linear-gradient(180deg, rgba(38, 111, 197, .98), rgba(7, 36, 94, .98)) !important;
  border-color: rgba(255, 236, 165, 1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 235, .55),
    inset 0 -2px 0 rgba(0, 17, 50, .60),
    0 2px 0 rgba(0, 0, 0, .42),
    0 0 20px rgba(255, 218, 111, .42),
    0 0 24px rgba(82, 190, 248, .30) !important;
}

html.eclipse-theme-light .eclipse-left-active-events-list span,
html.eclipse-theme-light .eclipse-left-active-events {
  color: #f2fbff !important;
  -webkit-text-fill-color: #f2fbff !important;
  text-shadow: 0 1px 1px #001a2b, 0 0 7px rgba(111, 196, 246, .34) !important;
}

html.eclipse-theme-light .eclipse-left-active-events-kicker {
  color: #ffe39a !important;
  -webkit-text-fill-color: #ffe39a !important;
  text-shadow: 0 1px 1px #001a2b, 0 0 8px rgba(255, 226, 127, .48) !important;
}

html.eclipse-theme-light .eclipse-left-active-events-list span {
  background: rgba(0, 24, 58, .36) !important;
  border-color: rgba(231, 246, 255, .38) !important;
}

html.eclipse-theme-light #DownloadBox {
  filter:
    drop-shadow(0 0 10px rgba(255, 218, 111, .48))
    drop-shadow(0 8px 14px rgba(0, 28, 54, .34)) !important;
}

html.eclipse-theme-light #DownloadBox .MediumButtonBackground {
  background:
    linear-gradient(180deg, #2f9bd0 0%, #0c4f84 48%, #031f49 100%) !important;
  border: 1px solid rgba(255, 224, 137, .98) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 226, .46),
    inset 0 -2px 0 rgba(0, 17, 50, .58),
    0 2px 0 rgba(0, 0, 0, .42),
    0 0 16px rgba(255, 210, 94, .36),
    0 0 22px rgba(64, 175, 241, .28) !important;
}

html.eclipse-theme-light #Loginbox,
html.eclipse-theme-light #Loginbox #LoginButton,
html.eclipse-theme-light #Loginbox #LoginButton > div,
html.eclipse-theme-light #DownloadBox #PlayNowContainer,
html.eclipse-theme-light #DownloadBox .MediumButtonBackground {
  filter: none !important;
}

html.eclipse-theme-light #Loginbox #LoginButton > div:hover,
html.eclipse-theme-light #DownloadBox .MediumButtonBackground:hover {
  background:
    linear-gradient(180deg, rgba(38, 111, 197, .98), rgba(7, 36, 94, .98)) !important;
  border-color: rgba(255, 220, 142, .86) !important;
}

html.eclipse-theme-light #DownloadBox .MediumButtonBackground:hover {
  background:
    linear-gradient(180deg, #4bb8ec 0%, #12679f 46%, #06285a 100%) !important;
  border-color: rgba(255, 236, 165, 1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 235, .55),
    inset 0 -2px 0 rgba(0, 17, 50, .60),
    0 2px 0 rgba(0, 0, 0, .42),
    0 0 20px rgba(255, 218, 111, .48),
    0 0 24px rgba(82, 190, 248, .36) !important;
}

html.eclipse-theme-light #Loginbox .Loginstatus {
  background:
    linear-gradient(180deg, rgba(13, 56, 124, .96), rgba(3, 18, 57, .98)) !important;
  border-color: rgba(126, 190, 232, .56) !important;
  box-shadow:
    inset 0 1px 0 rgba(224, 246, 255, .16),
    0 2px 0 rgba(0, 0, 0, .36) !important;
}

html.eclipse-theme-light #Loginbox #ButtonText,
html.eclipse-theme-light #DownloadBox .MediumButtonText,
html.eclipse-theme-light #LoginstatusText_2::before,
html.eclipse-theme-light #Loginbox #LoginButton #ButtonText::before,
html.eclipse-theme-light #DownloadBox .MediumButtonText::before {
  color: #f2fbff !important;
  -webkit-text-fill-color: #f2fbff !important;
  text-shadow: 0 1px 1px #001a2b, 0 0 7px rgba(111, 196, 246, .34) !important;
  filter: none !important;
}

html.eclipse-theme-light #DownloadBox .MediumButtonText,
html.eclipse-theme-light #DownloadBox .MediumButtonText::before {
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  text-shadow:
    -1px -1px 0 #8d5b08,
    1px -1px 0 #8d5b08,
    -1px 1px 0 #2a1600,
    1px 1px 0 #2a1600,
    0 2px 0 #041f42,
    0 0 8px rgba(255, 226, 127, .58),
    0 0 12px rgba(66, 187, 255, .42) !important;
}

html.eclipse-theme-light #Themeboxes .eclipse-boosted,
html.eclipse-theme-light #Themeboxes .eclipse-boosted *,
html.eclipse-theme-light #Themeboxes .eclipse-boosted img,
html.eclipse-theme-light #Themeboxes .eclipse-boosted .eclipse-boosted-frame img {
  filter: none !important;
}

html.eclipse-theme-light #Themeboxes .eclipse-boosted .Themebox,
html.eclipse-theme-light #Themeboxes .eclipse-boosted .SmallBox,
html.eclipse-theme-light #Themeboxes .eclipse-boosted [class*="Box"] {
  filter: none !important;
}

html.eclipse-theme-light #Themeboxes .eclipse-boosted .eclipse-boosted-frame {
  background: rgba(255, 238, 183, .42) !important;
  border-color: #28516d !important;
}

html.eclipse-theme-light #Themeboxes .eclipse-boosted-item {
  color: #274052 !important;
  -webkit-text-fill-color: #274052 !important;
}

html.eclipse-theme-light #Themeboxes .eclipse-boosted-item strong {
  color: #18384f !important;
  -webkit-text-fill-color: #18384f !important;
}

html.eclipse-theme-light body #Themeboxes .eclipse-rightbox-title,
html.eclipse-theme-light body #Themeboxes .donate_header,
html.eclipse-theme-light body #Themeboxes .eclipse-boosted .eclipse-rightbox-title,
html.eclipse-theme-light body #Themeboxes .rank_header,
html.eclipse-theme-light body #Themeboxes .discord_header,
html.eclipse-theme-light body #LeftDiscordBox .discord_header {
  background:
    linear-gradient(180deg, rgba(16, 76, 154, .98) 0%, rgba(4, 22, 68, .98) 58%, rgba(2, 10, 34, .98) 100%) !important;
  border-color: rgba(154, 218, 255, .74) !important;
  color: #f2fbff !important;
  -webkit-text-fill-color: #f2fbff !important;
  text-shadow: 0 2px 0 #00122e, 0 0 9px rgba(111, 196, 246, .52) !important;
  box-shadow:
    inset 0 1px 0 rgba(224, 246, 255, .24),
    inset 0 -3px 0 rgba(0, 0, 0, .44),
    0 0 12px rgba(65, 173, 232, .26) !important;
  filter: none !important;
}

html.eclipse-theme-light body #Themeboxes .eclipse-rightbox-title::before,
html.eclipse-theme-light body #Themeboxes .eclipse-rightbox-title::after,
html.eclipse-theme-light body #Themeboxes .donate_header::before,
html.eclipse-theme-light body #Themeboxes .donate_header::after,
html.eclipse-theme-light body #Themeboxes .rank_header::before,
html.eclipse-theme-light body #Themeboxes .rank_header::after,
html.eclipse-theme-light body #Themeboxes .discord_header::before,
html.eclipse-theme-light body #Themeboxes .discord_header::after,
html.eclipse-theme-light body #LeftDiscordBox .discord_header::before,
html.eclipse-theme-light body #LeftDiscordBox .discord_header::after {
  color: #d8f1ff !important;
  text-shadow: 0 0 7px rgba(111, 196, 246, .80) !important;
}

html.eclipse-theme-light body #Themeboxes .donate_button {
  background:
    linear-gradient(180deg, rgba(16, 76, 154, .98) 0%, rgba(4, 22, 68, .98) 58%, rgba(2, 10, 34, .98) 100%) !important;
  border-color: rgba(154, 218, 255, .78) !important;
  color: #f2fbff !important;
  -webkit-text-fill-color: #f2fbff !important;
  text-shadow: 0 1px 1px #00122e, 0 0 7px rgba(111, 196, 246, .42) !important;
  box-shadow:
    inset 0 1px 0 rgba(224, 246, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .42),
    0 3px 8px rgba(25, 65, 112, .46),
    0 0 12px rgba(65, 173, 232, .28) !important;
  filter: none !important;
}

html.eclipse-theme-light body #Themeboxes .donate_button:hover {
  background:
    linear-gradient(180deg, rgba(38, 111, 197, .98) 0%, rgba(7, 36, 94, .98) 60%, rgba(2, 13, 42, .98) 100%) !important;
  border-color: rgba(255, 220, 142, .86) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 171, .30),
    inset 0 -3px 0 rgba(0, 0, 0, .42),
    0 3px 9px rgba(25, 65, 112, .56),
    0 0 15px rgba(65, 173, 232, .42) !important;
}