:root {
  --lunaria-purple: #7c4dff;
  --lunaria-purple-light: #b58cff;
  --lunaria-purple-deep: #2a0d49;
  --lunaria-ink: #100816;
  --lunaria-panel: #f7edff;
  --lunaria-panel-soft: #eadcf4;
  --lunaria-gold: #d8bd72;
  --lunaria-text: #3a2445;
}

html {
  min-height: 100%;
  background: #08040d;
}

body {
  min-height: 100%;
  margin: 0 !important;
  color: var(--lunaria-text);
  background-color: #08040d !important;
  background-image:
    linear-gradient(180deg, rgba(28, 7, 43, 0.12) 0, rgba(8, 3, 13, 0.55) 620px, #08040d 100%),
    url("images/lunaria/header-artwork.jpg") !important;
  background-position: top center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 50% 16%, rgba(146, 83, 255, 0.2), transparent 34%);
}

.LunariaHero {
  position: absolute;
  top: 2px;
  left: 50%;
  z-index: 110;
  width: min(430px, 44vw);
  height: 185px;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  pointer-events: none;
}

.LunariaHeroLink {
  pointer-events: auto;
  filter: drop-shadow(0 12px 16px rgba(0, 0, 0, 0.8));
  transition: transform 180ms ease, filter 180ms ease;
}

.LunariaHeroLink:hover {
  transform: translateY(-2px) scale(1.015);
  filter: drop-shadow(0 14px 19px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 12px rgba(132, 75, 255, 0.35));
}

.LunariaHeroLogo {
  display: block;
  width: 270px;
  height: 190px;
  object-fit: contain;
}

#ArtworkHelper {
  width: 100%;
}

#Bodycontainer {
  min-width: 960px;
  max-width: 1220px;
  padding: 0 10px;
  box-sizing: border-box;
}

#ContentRow {
  top: 170px;
  padding-bottom: 60px;
}

#LeftArtwork {
  display: none;
}

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

#MenuColumn {
  margin-left: 10px;
}

#ThemeboxesColumn {
  margin-right: 10px;
}

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

#Loginbox,
.SmallMenuBox,
#Menu,
.Themebox {
  filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.5));
}

/* Insanity-inspired sidebar structure */
#MenuTop,
#MenuBottom,
#Loginbox #LoginTop,
#Loginbox #LoginBottom,
#Loginbox .LoginBorder,
.SmallMenuBox .SmallBoxTop,
.SmallMenuBox .SmallBoxBottom,
.SmallMenuBox .SmallBoxBorder {
  display: none !important;
}

#Loginbox.LunariaLoginCard {
  left: 0;
  top: 0;
  width: 180px;
  margin: 0 0 22px;
  padding-top: 24px;
  background: #dec5e9;
  border: 2px solid #6d3a85;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #f4e7fa, 0 6px 14px rgba(0, 0, 0, 0.5);
}

.LunariaSidebarHeader {
  position: absolute;
  top: -2px;
  left: -10px;
  z-index: 20;
  width: 196px;
  height: 27px;
  line-height: 26px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  color: #fff3c9;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.25px;
  text-shadow: 0 1px 2px #000, 0 0 5px #4b1168;
  background-image: url("images/lunaria/header_menor.png");
  background-size: 100% 100%;
  background-position: center;
}

#Loginbox #LoginButtonContainer {
  width: 154px;
  height: 38px;
  margin: 12px auto 0;
  background: none !important;
}

#Loginbox #LoginButton {
  left: 2px;
  width: 150px;
}

#Loginbox #LoginButton::after {
  content: "Enter";
  position: absolute;
  inset: 3px 8px 5px;
  z-index: 16;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  color: #fff;
  font-size: 11px;
  text-shadow: 0 1px 1px #000;
}

#Loginbox.is-logged #LoginButton::after {
  content: "My Account";
}

#Loginbox #ButtonText {
  opacity: 0;
}

#Loginbox #LoginButton,
#Loginbox #LoginButton .Button {
  background-image: linear-gradient(#8447bd, #55217e) !important;
  border: 1px solid #321244;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.28), 0 2px 4px rgba(0, 0, 0, 0.4);
}

#Loginbox #LoginButton:hover {
  filter: brightness(1.12);
}

#Loginbox .Loginstatus {
  left: auto;
  top: auto;
  width: 150px;
  height: 28px;
  margin: 0 auto 10px;
  background: linear-gradient(#9a835f, #6e593b) !important;
  border: 1px solid #49361f;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.3);
}

#Loginbox #LoginstatusText_2,
#Loginbox .LoginstatusText {
  inset: 0;
  width: 100%;
  height: 100%;
  background: none !important;
}

#Loginbox #LoginstatusText_2::after {
  content: "Create Account";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  text-shadow: 0 1px 1px #000;
}

#Loginbox.is-logged #LoginstatusText_2::after {
  content: "Logout";
}

#DownloadBox.LunariaDownloadCard {
  left: 0;
  top: 0;
  width: 180px;
  margin: 0 0 22px;
}

#DownloadBox .SmallBoxButtonContainer {
  left: 0;
  width: 180px;
  height: 32px !important;
  background: none !important;
}

#DownloadBox #PlayNowContainer {
  top: 0;
  left: 0;
  width: 180px;
  height: 32px;
}

#DownloadBox .MediumButtonBackground {
  width: 180px;
  height: 30px;
  background: linear-gradient(#732cac, #461568) !important;
  border: 1px solid #b68a5e;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.22), 0 3px 7px rgba(0, 0, 0, 0.45);
}

#DownloadBox .MediumButtonBackground::after {
  content: "\2193  Download";
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-shadow: 0 1px #000;
}

#DownloadBox .MediumButtonText,
#DownloadBox .MediumButtonOver {
  opacity: 0;
}

#Menu {
  left: 0;
  width: 180px;
}

#Menu .menuitem {
  width: 180px;
  margin-bottom: 8px;
}

#Menu .menuitem > span {
  display: block;
}

#Menu .MenuButton,
#Menu .MenuButton > div {
  width: 180px !important;
  height: 27px;
}

#Menu .MenuButton {
  background: none !important;
}

#Menu .MenuButton > div {
  background-image: url("images/lunaria/header_menor.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  transition: filter 150ms ease, transform 150ms ease;
}

#Menu .MenuButton > div:hover {
  filter: brightness(1.16);
  transform: translateY(-1px);
}

#Menu .Button,
#Menu .Lights,
#Menu .Icon,
#Menu .IconRight,
#Menu .Extend {
  display: none !important;
}

#Menu .Label {
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 26px;
  transform: none;
  background: none !important;
  pointer-events: none;
}

.LunariaMenuLabel {
  color: #fff1c5;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 26px;
  text-shadow: 0 1px 2px #000, 0 0 4px #5e167d;
}

#Menu .Submenu {
  width: 176px;
  margin: 0 2px;
  background: #dec5e9 !important;
  border: 2px solid #6d3a85;
  border-top: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #f4e7fa, 0 5px 10px rgba(0, 0, 0, 0.35);
}

#Menu .SubmenuitemLabel {
  min-height: 24px;
  padding: 5px 8px 5px 22px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(109, 58, 133, 0.35) !important;
  color: #4a245a !important;
  font-size: 11px;
}

#Menu .SubmenuitemLabel::before {
  content: "›";
  position: absolute;
  left: 11px;
  color: #8a5e36;
}

#Menu .Submenuitem:hover .SubmenuitemLabel {
  color: #6b2590 !important;
  background: rgba(255, 255, 255, 0.28);
}

.MenuButton {
  border-radius: 3px;
}

.Submenu {
  background: linear-gradient(90deg, #16091f, #2b123c 48%, #16091f) !important;
  box-shadow: inset 0 0 0 1px rgba(181, 140, 255, 0.18);
}

.SubmenuitemLabel {
  border-bottom-color: rgba(181, 140, 255, 0.3) !important;
}

.Submenu a:link,
.Submenu a:visited,
.Submenu a:focus {
  color: #e8dbf3;
}

.Submenu a:hover,
.Submenu a:active {
  color: #ffffff;
  text-shadow: 0 0 7px rgba(181, 140, 255, 0.85);
}

.Content .Box {
  border: 1px solid #181019;
  border-left-width: 2px;
  border-right-width: 2px;
  border-radius: 3px;
  background: #bca3ca url("images/lunaria/container-texture.png") repeat;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(174, 119, 255, 0.2);
}

.Content .BoxContent {
  min-height: 367px;
  color: var(--lunaria-text);
  background:
    linear-gradient(rgba(250, 243, 255, 0.95), rgba(241, 226, 250, 0.96)),
    url("images/lunaria/container-texture.png") repeat !important;
}

.Content .BoxContent td {
  color: var(--lunaria-text);
}

.Content .BorderTitleText {
  background-image: url("images/lunaria/barra_div_2.png") !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  border-top: 1px solid #ba92e8;
  border-bottom: 1px solid #100518;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.16);
}

.Content > .Box:first-child .BorderTitleText {
  background-image: url("images/lunaria/top_bar.png") !important;
}

.Content .Border_2 {
  background-color: #35114e;
}

.Content .Border_3 {
  border-color: #5e287e;
}

.Content th,
.TableContainer .CaptionContainer .CaptionInnerContainer {
  background-color: #4a1b69 !important;
  color: #fff;
}

.Content a {
  color: #6d2fa0;
}

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

.Content .BoxContent .Odd,
.TableContainer .Odd {
  background-color: #e8d7f2 !important;
}

.Content .BoxContent .Even,
.TableContainer .Even {
  background-color: #f6edfb !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
  max-width: 100%;
  border: 1px solid #8a65a0;
  border-radius: 3px;
  background: #fffafd;
  color: #311a3c;
  box-sizing: border-box;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  outline: 2px solid rgba(124, 77, 255, 0.25);
  border-color: var(--lunaria-purple);
}

button,
input[type="submit"],
input[type="button"] {
  border-color: #35114e;
}

.InfoBar {
  color: #fff;
}

#Footer {
  width: auto;
  margin-right: 205px;
  margin-left: 205px;
  padding: 14px 10px 35px;
  box-sizing: border-box;
  color: #e8dbef;
  text-shadow: 0 1px 2px #000;
}

.scrollToTop {
  filter: hue-rotate(225deg) saturate(1.35);
}

@media (max-width: 980px) {
  html,
  body {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  body {
    background-attachment: scroll !important;
    background-size: auto 1000px !important;
  }

  #ArtworkHelper {
    width: 100%;
    min-width: 0;
    height: auto;
  }

  .LunariaHero {
    position: relative;
    top: 0;
    width: 100%;
    height: 142px;
    padding-top: 3px;
    box-sizing: border-box;
  }

  .LunariaHeroLogo {
    width: 230px;
    height: 145px;
  }

  #Bodycontainer {
    display: block;
    min-width: 0;
    width: 100%;
    padding: 0 10px;
  }

  #ContentRow {
    top: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  #MenuColumn,
  #ContentColumn,
  #ThemeboxesColumn {
    position: relative;
    inset: auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }

  #ContentColumn {
    order: 1;
  }

  #MenuColumn {
    order: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    font-size: 10pt;
  }

  #Loginbox,
  .SmallMenuBox,
  #Menu {
    left: auto;
    width: 180px;
    max-width: 100%;
    justify-self: center;
  }

  #Menu {
    grid-column: 1 / -1;
  }

  #ThemeboxesColumn {
    order: 3;
  }

  #Footer {
    order: 4;
    width: 100%;
    margin: 0;
  }

  #Themeboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .Themebox {
    margin-bottom: 0;
  }

  .Content .Box {
    margin: 0 0 14px;
  }

  .Content .BoxContent {
    min-height: 0;
    overflow-x: auto;
  }

  .InfoBar {
    height: auto;
    min-height: 28px;
    overflow-x: auto;
    white-space: nowrap;
  }

  table {
    max-width: 100%;
  }
}

/* Final sidebar typography and icon colors. */
.LunariaMenuLabel,
.LunariaRightCardHeader {
  font-size: 10px !important;
}

.LunariaCommunityIcon,
.LunariaDiscordIcon {
  filter: none !important;
}

.LunariaCommunityIcon:not(.LunariaDiscordIcon) {
  background: linear-gradient(to bottom, #c39a4a 0%, #9a7429 100%) !important;
}

/* Permanent viewport background for short and long pages. */
html {
  min-height: 100%;
  background-color: #08040d;
  background-image: url("images/lunaria/header-artwork.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

body {
  min-height: 100vh;
  background-image:
    linear-gradient(180deg, rgba(28, 7, 43, 0.12), rgba(8, 3, 13, 0.55)),
    url("images/lunaria/header-artwork.jpg") !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

@media (max-width: 980px) {
  body {
    background-attachment: fixed !important;
    background-size: cover !important;
  }
}

@media (max-width: 560px) {
  #Bodycontainer {
    padding: 0 6px;
  }

  .LunariaHero {
    height: 124px;
  }

  .LunariaHeroLogo {
    width: 198px;
    height: 125px;
  }

  #MenuColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #Menu {
    width: 180px;
  }

  .Content .BoxContent {
    padding: 7px;
    font-size: 8.5pt;
  }

  .Content .BoxContent td {
    font-size: 8.5pt;
  }
}

/* RubinOT-style sidebar bodies. */
#Loginbox.modern-loginbox .modern-loginbox-body {
  min-height: 146px;
  margin: -5px 10px 0;
  padding: 24px 12px;
  box-sizing: border-box;
  border: 0;
  border-radius: 4px;
  background: url("images/lunaria/body.webp") center / 100% 100% no-repeat;
  box-shadow: none;
}

#Loginbox.modern-loginbox .modern-login-btn {
  width: 100%;
  padding: 6px 12px;
  box-sizing: border-box;
  font-size: 11px;
  font-weight: 600;
}

#Menu .LeftChain,
#Menu .RightChain,
#Menu .ActiveSubmenuItemIcon {
  display: none !important;
  background: none !important;
}

#Menu .Submenu {
  border: 0;
  background: transparent !important;
  box-shadow: none;
}

#Menu .Submenuitem,
#Menu .Submenuitem:first-child {
  min-height: 29px;
  padding: 6px 16px !important;
  border: 0 !important;
  background: url("images/lunaria/content-center.webp") center / 100% 100% no-repeat !important;
  box-shadow: none;
}

#Menu .Submenu > a:hover .Submenuitem {
  background-image: url("images/lunaria/content-center.webp") !important;
  box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.05);
}

#ContentHelper > .Box > .Border_2 {
  margin-top: 4px;
}

/* Exact Insanity structure pass. Keep the three identity assets unfiltered. */
#Loginbox.modern-loginbox {
  position: relative;
  left: 0;
  top: 0;
  width: 176px;
  margin: 0 0 22px 2px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

#Loginbox.modern-loginbox .modern-loginbox-header {
  height: 24px;
  line-height: 24px;
  width: calc(100% + 18px);
  margin: 0 -9px -1px;
  text-align: center;
  color: #f5e6b7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  background: url("images/lunaria/header_menor.png") center / 100% 100% no-repeat;
}

#Loginbox.modern-loginbox .modern-loginbox-body {
  margin: 0;
  padding: 8px 8px 10px;
  background: #e3c69f;
  border: 2px solid #b27a44;
  border-top: 0;
  box-shadow: inset 0 0 0 1px #f1dcb7, 0 2px 6px rgba(0, 0, 0, 0.25);
}

#Loginbox.modern-loginbox .modern-login-btn {
  display: block;
  width: 78%;
  margin: 0 auto 6px;
  padding: 4px 5px;
  color: #f7f1e5;
  border: 1px solid rgba(0, 0, 0, 0.45);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

#Loginbox.modern-loginbox .modern-login-btn:last-child {
  margin-bottom: 0;
}

#Loginbox.modern-loginbox .modern-login-btn-primary {
  background: linear-gradient(to bottom, #2f79c8 0%, #1f5fa6 100%);
}

#Loginbox.modern-loginbox .modern-login-btn-secondary {
  background: linear-gradient(to bottom, #9c7f55 0%, #7c633f 100%);
}

#Loginbox.modern-loginbox .modern-login-btn:hover {
  color: #fff;
  text-decoration: none;
  filter: brightness(1.06);
}

#Menu .MenuButton > div {
  background-image: url("images/lunaria/header_menor.png") !important;
}

#Menu .Submenu {
  width: 176px !important;
  margin: 0 2px !important;
  box-sizing: border-box;
  background: #e3c69f !important;
  border: 2px solid #b27a44;
  border-top: 0;
  box-shadow: inset 0 0 0 1px #f1dcb7, 0 5px 10px rgba(0, 0, 0, 0.35);
}

#Menu .Submenuitem {
  position: relative;
  width: 100%;
  margin: 0 !important;
  padding: 8px 10px !important;
  box-sizing: border-box;
  border-top: 1px solid #c7a875;
  border-bottom: 1px solid #c7a875;
  background: transparent !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.22);
  transition: background-color 120ms ease-in-out;
}

#Menu .Submenuitem:first-child {
  border-top: 0;
}

#Menu .Submenuitem:last-child {
  border-bottom: 0;
  box-shadow: none;
}

#Menu .SubmenuitemLabel {
  position: static !important;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #5a2800 !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px !important;
  font-weight: bold;
  line-height: 1.25;
}

#Menu .SubmenuitemLabel::before {
  content: "\203A";
  position: static;
  display: inline-block;
  color: #a98344;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
}

#Menu .Submenu > a:hover .Submenuitem {
  background: rgba(112, 65, 171, 0.15) !important;
}

#Menu .Submenu > a:hover .SubmenuitemLabel {
  color: #7b22d3 !important;
}

#Menu .Submenu > a:hover .Submenuitem::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 2px;
  background: #7b22d3;
}

.Content .Box {
  background: #debb9d url("images/lunaria/container-texture.png") repeat;
  border-color: #3a3738;
}

.Content .BoxContent {
  color: #5a2800;
  background: #fff2db url("images/lunaria/container-texture.png") repeat !important;
}

.Content .BoxContent td {
  color: #5a2800;
}

.Content .BorderTitleText {
  background-image: url("images/lunaria/barra_div_2.png") !important;
}

.Content > .LunariaStatusBox:first-child .BorderTitleText {
  background-image: url("images/lunaria/top_bar.png") !important;
}

.LunariaStatusBox {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.LunariaStatusBox > .Corner-tl,
.LunariaStatusBox > .Corner-tr,
.LunariaStatusBox > .CornerWrapper-b,
.LunariaStatusBox > .Border_1 {
  display: none;
}

.LunariaStatusBox > .BorderTitleText {
  height: auto !important;
  min-height: 40px;
  border: 0;
  box-shadow: none;
}

.LunariaStatusBox .InfoBar {
  top: auto;
  min-height: 40px;
  height: auto;
  margin: 0;
  padding: 12px 42px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  white-space: nowrap;
}

.LunariaStatusBox .InfoBar > span[style] {
  float: none !important;
  margin: 0 0 0 auto !important;
}

.LunariaStatusBox .InfoBarBigLogo {
  width: 14px;
  max-height: 14px;
  object-fit: contain;
}

.LunariaStatusBox .InfoBarNumbers {
  top: auto;
}

.LunariaStatusBox .InfoBarSmallElement {
  margin-left: 0;
}

.LunariaStatusBox .InfoBarLinks,
.LunariaStatusBox .InfoBar a {
  color: #f7f2cf !important;
  font-size: 11px;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.LunariaStatusBox .InfoBar a:hover {
  color: #fff !important;
}

@media (max-width: 980px) {
  .LunariaStatusBox .InfoBar {
    justify-content: flex-start;
    overflow-x: auto;
    padding: 11px 26px;
  }
}

/* Unified page header copied from the Insanity layout. */
#ContentHelper > .Box > .Corner-tl,
#ContentHelper > .Box > .Corner-tr,
#ContentHelper > .Box > .CornerWrapper-b {
  display: none !important;
}

#ContentHelper > .Box > .Border_1 {
  height: 0;
  overflow: hidden;
  background: none !important;
  background-image: none !important;
}

#ContentHelper > .Box > .BorderTitleText {
  position: relative;
  z-index: 2;
  width: calc(100% + 34px);
  height: 39px;
  margin-left: -17px;
  margin-right: -17px;
  border: 0;
  overflow: visible;
  background-image: url("images/lunaria/barra_div_2.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  box-shadow: none;
}

#ContentHelper > .Box > .Title,
#ContentHelper > .Box > img.Title {
  display: none !important;
}

#ContentHelper > .Box > .TitleText {
  position: absolute;
  top: 19px;
  left: 50%;
  z-index: 80;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #f5e6b7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 16px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  white-space: nowrap;
}

#ContentHelper > .Box > .TitleText .TitleTextIcon {
  position: static;
  display: inline-block;
  width: 16px;
  height: 16px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(89%) sepia(18%) saturate(447%) hue-rotate(338deg) brightness(103%) contrast(92%);
}

#ContentHelper > .Box > .Border_2 {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: -4px 0 0;
  padding: 0;
  box-sizing: border-box;
  border: 3px solid #c19a70;
  background-color: transparent;
  box-shadow: inset 0 1px 0 #f3dfb5;
}

#ContentHelper > .Box > .Border_2 > .Border_3 {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  border-top: 0;
  border-bottom: 0;
}

#ContentHelper > .Box .BoxContent {
  width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
}

#ContentHelper > .Box .BoxContent img {
  max-width: 100%;
}

@media (max-width: 560px) {
  #ContentHelper > .Box > .BorderTitleText {
    width: calc(100% + 18px);
    margin-left: -9px;
    margin-right: -9px;
  }

  #ContentHelper > .Box > .TitleText {
    max-width: calc(100% - 42px);
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
  }
}

/* Final submenu-state precedence: hover never swaps the structural asset. */
#Menu .Submenu > a:hover .Submenuitem {
  background: url("images/lunaria/content-center.webp") center / 100% 100% no-repeat !important;
  box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.05) !important;
}

/* Final RubinOT submenu geometry: header outside, body inset and no legacy layer. */
#Menu .menuitem,
#Menu .menuitem > span,
#Menu .menuitem > span > .MenuButton,
#Menu .menuitem > span > .MenuButton > div,
#Menu .Submenu,
#Menu .Submenu > a {
  border: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

#Menu .Submenu {
  width: calc(100% - 20px) !important;
  margin: -2px 10px 0 !important;
  padding: 0 !important;
  overflow: visible;
  background: transparent !important;
}

#Menu .Submenu > a {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

#Menu .Submenuitem,
#Menu .Submenuitem:first-child {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: url("images/lunaria/content-center.webp") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
}

#Menu .Submenu > a:hover .Submenuitem {
  background-color: transparent !important;
  background-image: url("images/lunaria/content-center.webp") !important;
  box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.05) !important;
}

#Menu .Submenu > a:hover .Submenuitem::before {
  left: 9px;
  top: 9px;
  bottom: 9px;
  width: 2px;
  border-radius: 2px;
}

#Menu .LunariaSubmenuBottom {
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  pointer-events: none;
  border: 0;
  background: url("images/lunaria/content-bottom.webp") center bottom / 100% 100% no-repeat;
  box-shadow: none;
}

/* Top bar language controls. */
.LunariaStatusBox .LunariaLanguageFlags {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 5px;
}

.LunariaLanguageFlags button {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
  box-shadow: none;
}

.LunariaLanguageFlags button:hover,
.LunariaLanguageFlags button.is-active {
  border-color: #d8bd72;
  background: rgba(255, 255, 255, 0.12);
}

.LunariaLanguageFlags img {
  display: block;
  width: 16px;
  height: 16px;
}

/* Page body must always begin below barra_div_2. */
#ContentHelper > .Box > .BorderTitleText {
  position: relative;
  z-index: 20;
}

#ContentHelper > .Box > .TitleText {
  z-index: 30;
}

#ContentHelper > .Box > .Border_2 {
  position: relative;
  z-index: 1;
  margin: 6px 0 0 !important;
}

/* Right column cards: boosted monster/boss, Discord and Wiki. */
#Themeboxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.LunariaRightCard,
.LunariaRightLinkCard {
  position: relative;
  width: 180px;
  box-sizing: border-box;
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.45));
}

.LunariaRightCardHeader {
  position: relative;
  z-index: 2;
  width: 196px;
  height: 27px;
  margin-left: -8px;
  line-height: 26px;
  color: #f5e6b7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-align: center;
  text-shadow: 0 1px 2px #000;
  background: url("images/lunaria/header_menor.png") center / 100% 100% no-repeat;
}

.LunariaRightCardBody {
  width: 160px;
  margin: -2px auto 0;
  padding: 8px 9px 13px;
  box-sizing: border-box;
  background:
    url("images/lunaria/content-bottom.webp") center bottom / 100% 20px no-repeat,
    url("images/lunaria/content-center.webp") center / 100% 100% no-repeat;
}

.LunariaOpeningCard .LunariaRightCardBody {
  padding-top: 11px;
  color: #5a2800;
  text-align: center;
}

.LunariaOpeningCountdown {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  font-family: Verdana, Arial, sans-serif;
}

.LunariaOpeningCountdown > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 40px;
  border: 1px solid rgba(115, 68, 25, 0.35);
  background: rgba(255, 240, 199, 0.46);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.48);
}

.LunariaOpeningCountdown strong {
  color: #652093;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
}

.LunariaOpeningCountdown small {
  margin-top: 4px;
  color: #714516;
  font-family: Verdana, Arial, sans-serif;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: -0.55px;
  line-height: 1;
  white-space: nowrap;
}

.LunariaOpeningCountdown.is-open {
  display: block;
  padding: 11px 3px;
  color: #652093;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.LunariaOpeningDate {
  margin: 7px 0 8px;
  color: #754313;
  font-size: 8px;
  font-weight: 700;
}

.LunariaCharactersCreated {
  padding-top: 7px;
  border-top: 1px solid rgba(143, 106, 49, 0.35);
  color: #5a2800;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
}

.LunariaCharactersCreated strong {
  color: #652093;
  font-size: 11px;
}

.LunariaBoostedEntry {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 54px;
  color: #5a2800;
  text-align: left;
}

.LunariaBoostedEntry + .LunariaBoostedEntry {
  border-top: 1px solid rgba(143, 106, 49, 0.35);
}

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

.LunariaBoostedEntry span {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.LunariaBoostedEntry small {
  display: block;
  margin-bottom: 2px;
  color: #7b22d3;
  font-size: 8px;
  text-transform: uppercase;
}

.LunariaRightLinkCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 8px 18px;
  color: #f5e6b7 !important;
  text-decoration: none !important;
  background: url("images/lunaria/header_menor.png") center / 100% 100% no-repeat;
}

.LunariaRightLinkCard:hover {
  color: #fff !important;
  filter: brightness(1.1) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.45));
}

.LunariaRightLinkCard strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px #000;
}

.LunariaRightLinkCard span {
  font-size: 8px;
  opacity: 0.86;
}

/* Unified purple action buttons. */
.Content .BigButton,
.Content .MediumButtonBackground {
  position: relative;
  width: 150px;
  height: 30px;
  overflow: hidden;
  border: 1px solid #b68a5e;
  border-radius: 1px;
  background: linear-gradient(#732cac, #461568) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.22), 0 3px 7px rgba(0, 0, 0, 0.35);
}

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

.Content .BigButtonText,
.Content .MediumButtonText,
.Content input[type="submit"],
.Content input[type="button"] {
  position: relative;
  inset: auto;
  width: auto;
  min-width: 120px;
  height: 28px;
  margin: 0;
  padding: 0 18px;
  cursor: pointer;
  border: 1px solid #b68a5e;
  border-radius: 1px;
  background: linear-gradient(#732cac, #461568) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 2px 5px rgba(0, 0, 0, 0.32);
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  text-shadow: 0 1px #000;
}

.Content .BigButton .BigButtonText {
  position: absolute;
  inset: 0;
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  box-shadow: none;
}

.Content .BigButton:hover,
.Content .MediumButtonBackground:hover,
.Content input[type="submit"]:hover,
.Content input[type="button"]:hover {
  filter: brightness(1.12);
}

@media (max-width: 980px) {
  #Themeboxes {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Final card corrections: full RubinOT bodies without collapsible behavior. */
#Loginbox.modern-loginbox .modern-loginbox-body {
  min-height: 0;
  margin: -5px 10px 0;
  padding: 17px 12px 13px;
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  background-image: url("images/lunaria/body.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: none;
}

#Loginbox.modern-loginbox .modern-login-btn {
  margin-bottom: 8px;
}

.LunariaRightCard {
  width: 180px;
  height: auto;
  margin: 0;
  overflow: visible;
  background: transparent;
}

.LunariaRightCardHeader {
  width: 196px;
  margin-left: -8px;
}

.LunariaRightCardBody {
  width: 160px;
  min-height: 0;
  margin: -5px auto 0;
  padding: 18px 12px 16px;
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  background-image: url("images/lunaria/body.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: none;
  color: #5a2800;
  text-align: center;
}

.LunariaBoostedCard .LunariaRightCardBody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding-top: 20px;
}

.LunariaBoostedEntry {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  min-width: 0;
  min-height: 92px;
  padding: 0;
  border: 0 !important;
  text-align: center;
}

.LunariaBoostedEntry img {
  width: 58px;
  height: 58px;
  border: 2px solid #5d376b;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.25);
}

.LunariaBoostedEntry span {
  width: 100%;
  font-size: 9px;
}

.LunariaBoostedEntry small {
  color: #512260;
  font-size: 8px;
}

.LunariaCommunityCard .LunariaRightCardBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  padding-top: 20px;
}

.LunariaCommunityIcon {
  width: 46px;
  height: 46px;
  padding: 9px;
  box-sizing: border-box;
  border-radius: 50%;
  background: #bd8b2f;
  filter: brightness(0) invert(1);
}

.LunariaDiscordIcon {
  background: #5865f2;
  filter: none;
}

.LunariaCommunityCard p {
  min-height: 26px;
  margin: 0;
  color: #5a2800;
  font-size: 9px;
  line-height: 1.35;
  text-align: center;
}

.LunariaCardButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 30px;
  padding: 5px 8px;
  box-sizing: border-box;
  border: 1px solid #7655d9;
  background: linear-gradient(#7865ef, #5145c8);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);
  color: #fff !important;
  font-size: 9px;
  font-weight: 700;
  text-decoration: none !important;
  text-shadow: 0 1px #302778;
}

.LunariaCardButtonGold {
  border-color: #d2a84b;
  background: linear-gradient(#e0b84d, #a87818);
  text-shadow: 0 1px #6b490d;
}

.LunariaCardButton:hover {
  color: #fff !important;
  filter: brightness(1.1);
}

/* Shared sidebar geometry: both columns use the same menu header and body assets. */
.LunariaMenuLabel,
.LunariaRightCardHeader {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  line-height: 26px !important;
  text-transform: uppercase !important;
}

.LunariaRightCard {
  width: 180px !important;
}

.LunariaRightCardHeader {
  position: relative;
  z-index: 3;
  width: 180px !important;
  height: 27px !important;
  margin: 0 !important;
  background: url("images/lunaria/header_menor.png") center / 100% 100% no-repeat !important;
}

.LunariaRightCardBody,
.LunariaCommunityCard .LunariaRightCardBody {
  position: relative;
  width: 160px !important;
  margin: -2px 10px 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: url("images/lunaria/content-center.webp") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
}

.LunariaRightCardBody::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 20px;
  background: url("images/lunaria/content-bottom.webp") center top / 100% 100% no-repeat;
  pointer-events: none;
}

.LunariaCommunityIcon {
  object-fit: contain;
  image-rendering: auto;
}

.LunariaDiscordIcon {
  filter: none !important;
}

/* Menu headers must always stay above expanded or collapsed submenu bodies. */
#Menu .menuitem {
  position: relative;
  isolation: isolate;
}

#Menu .menuitem > span {
  position: relative;
  z-index: 30;
}

#Menu .menuitem > span > .MenuButton,
#Menu .menuitem > span > .MenuButton > div {
  position: relative;
  z-index: 31;
}

#Menu .menuitem > span .Label {
  z-index: 32;
}

#Menu .menuitem > .Submenu {
  position: relative;
  z-index: 1;
}

#Menu .menuitem > .Submenu .Submenuitem,
#Menu .menuitem > .Submenu .LunariaSubmenuBottom {
  position: relative;
  z-index: 1;
}

/* Header hover: opacity only. */
#Menu .MenuButton > div,
#Menu .MenuButton > div:hover {
  transform: none !important;
  filter: none !important;
  transition: opacity 150ms ease !important;
}

#Menu .MenuButton > div:hover {
  opacity: 0.9;
}

/* Exact Insanity quick bar. */
.TopQuickBarWrap {
  position: relative;
  z-index: 1200;
  width: 100%;
  margin: 0 auto 5px;
}

.TopQuickBar {
  position: relative;
  z-index: 1201;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 12px 60px;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: url("images/lunaria/top_bar.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-shadow: none;
}

.TopQuickBarItem,
.TopQuickBarOnline {
  position: relative;
  z-index: 1202;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #f7f2cf !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  text-decoration: none !important;
}

.TopQuickBarItem:hover {
  color: #fff !important;
}

.TopQuickBarOnline {
  color: #56ff7b !important;
}

.TopQuickBarIconImg {
  display: inline-block;
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
}

.TopQuickBarIconOnline {
  filter: brightness(0) saturate(100%) invert(69%) sepia(82%) saturate(579%) hue-rotate(77deg) brightness(108%) contrast(109%);
}

.TopQuickBarOnlineLabel {
  color: #f7f2cf;
}

.TopQuickBarSep {
  color: rgba(247, 242, 207, 0.7);
  font-weight: 700;
}

.TopQuickBarLangs {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.TopQuickBarFlag {
  margin: 0;
  padding: 0 2px;
  cursor: pointer;
  border: 0;
  background: transparent !important;
  box-shadow: none;
  line-height: 0;
}

.TopQuickBarFlag:hover {
  opacity: 0.9;
  transform: none;
}

.TopQuickBarFlagImg {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.LunariaStatusBox {
  display: none !important;
}

/* Exact Insanity Discord/Wiki shortcuts. */
.LunariaRightCardHeader {
  height: 24px !important;
  line-height: 24px !important;
  font-size: 12px !important;
  letter-spacing: 0.4px;
}

.LunariaCommunityCard .LunariaRightCardBody {
  display: block;
  width: 160px;
  margin-top: -2px;
  padding: 8px 8px 10px;
  box-sizing: border-box;
  border: 2px solid #b27a44;
  border-radius: 0;
  background: #e3c69f;
  box-shadow: inset 0 0 0 1px #f1dcb7;
  text-align: center;
}

.LunariaCommunityIcon {
  display: flex;
  width: 68px;
  height: 68px;
  margin: 2px auto 10px;
  padding: 17px;
  box-sizing: border-box;
  border: 3px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #cfb676 0%, #b79445 55%, #7a5c23 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  filter: brightness(0) invert(1);
}

.LunariaDiscordIcon {
  background: radial-gradient(circle at 30% 30%, #7b86ff 0%, #5865f2 55%, #3e45aa 100%);
  filter: none;
}

.LunariaCommunityCard p {
  min-height: 0;
  margin: 0 0 8px;
  color: #5a2800;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.25;
}

.LunariaCardButton {
  display: block;
  width: 100%;
  min-height: 0;
  padding: 7px 6px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background: linear-gradient(to bottom, #4f6df6 0%, #3a4ec9 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
}

.LunariaCardButtonGold {
  background: linear-gradient(to bottom, #c39a4a 0%, #9a7429 100%);
}

.LunariaCardButton:hover {
  border-color: #ffffff80;
  background: linear-gradient(#6873f3, #5865f2, #4752c4);
  box-shadow: 0 0 20px #5865f280, inset 0 1px #ffffff4d;
}

.LunariaCardButtonGold:hover {
  background: linear-gradient(#e6b85a, #d9a94e, #a67c2e);
  box-shadow: 0 0 20px #d9a94e80, inset 0 1px #ffffff4d;
}

@media (max-width: 980px) {
  .TopQuickBar {
    justify-content: flex-start;
    gap: 12px;
    padding: 11px 34px;
    overflow-x: auto;
  }
}

/* Keep these final so legacy theme rules cannot override the sidebar. */
.LunariaMenuLabel,
.LunariaRightCardHeader {
  font-size: 10px !important;
}

.LunariaCommunityIcon,
.LunariaDiscordIcon {
  filter: none !important;
}

.LunariaCommunityIcon:not(.LunariaDiscordIcon) {
  background: linear-gradient(to bottom, #c39a4a 0%, #9a7429 100%) !important;
}

/* Insanity-sized navigation with a clearer sans-serif typeface. */
.LunariaMenuLabel,
.LunariaRightCardHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
}

#Menu .SubmenuitemLabel {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
}

.TopQuickBarItem,
.TopQuickBarOnline,
.TopQuickBarOnlineLabel {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.TopQuickBarIconImg {
  width: 15px !important;
  height: 15px !important;
}

/* Navigation follows the same typography used by page headers. */
.LunariaMenuLabel,
.LunariaRightCardHeader,
#Menu .SubmenuitemLabel,
.TopQuickBarItem,
.TopQuickBarOnline,
.TopQuickBarOnlineLabel {
  font-family: Georgia, "Times New Roman", serif !important;
}

.LunariaMenuLabel,
.LunariaRightCardHeader,
.TopQuickBarItem,
.TopQuickBarOnline,
.TopQuickBarOnlineLabel {
  font-size: 11px !important;
}

#Menu .SubmenuitemLabel {
  font-size: 10px !important;
}

/* Final structural corrections based on the Insanity layout. */
#Loginbox.modern-loginbox .modern-loginbox-header {
  position: relative;
  z-index: 5;
}

#Loginbox.modern-loginbox .modern-loginbox-body {
  position: relative;
  z-index: 1;
  width: 176px !important;
  margin: 2px 0 0 !important;
  background-image: url("images/lunaria/body.webp") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.LunariaRightCard,
.LunariaRightLinkCard {
  width: 188px !important;
}

.LunariaRightCardHeader {
  width: 206px !important;
  height: 24px !important;
  margin: 0 -9px -2px !important;
  line-height: 24px !important;
}

.LunariaRightCardBody,
.LunariaCommunityCard .LunariaRightCardBody {
  width: 188px !important;
  margin: 0 0 20px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* The page panel begins fully below barra_div_2. */
#ContentHelper > .Box > .BorderTitleText {
  z-index: 30 !important;
}

#ContentHelper > .Box > .Border_2 {
  z-index: 1 !important;
  margin: 12px 0 0 !important;
  border-top: 0 !important;
}

/* Main content typography copied from Insanity. */
.Content .BoxContent {
  font-family: Verdana, Arial, "Times New Roman", sans-serif !important;
  font-size: 9pt !important;
}

.Content .BoxContent td,
.Content th {
  font-family: Verdana, Arial, "Times New Roman", sans-serif !important;
  font-size: 10pt !important;
}

.Content a {
  font-family: Verdana, Arial, "Times New Roman", sans-serif !important;
}

/* Categories use the same readable text style as Insanity shortcut cards. */
#Menu .SubmenuitemLabel {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

/* Central page heading uses the same Insanity sans-serif family. */
#ContentHelper > .Box > .TitleText {
  font-family: Verdana, Arial, sans-serif !important;
}

/* Never paint the page panel behind the central header artwork. */
#ContentHelper > .Box {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#ContentHelper > .Box > .BorderTitleText {
  position: relative !important;
  z-index: 50 !important;
  isolation: isolate;
}

#ContentHelper > .Box > .Border_2 {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}

/* Top bar uses the exact family of Insanity's community text. */
.TopQuickBarItem,
.TopQuickBarOnline,
.TopQuickBarOnlineLabel {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* Account login page: RubinOT visual treatment, existing form structure intact. */
.LunariaLoginPanel,
.LunariaLoginPanel .InnerTableContainer,
.LunariaLoginPanel .TableContentContainer,
.LunariaLoginPanel .TableContent {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.LunariaLoginPanel > .CaptionContainer {
  display: none !important;
}

.LunariaLoginPanel .Table4,
.LunariaLoginPanel .TableContent {
  width: 100% !important;
}

.LunariaLoginPanel .TableContent > tbody > tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  align-items: end;
  gap: 16px;
}

.LunariaLoginFields > tbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}

.LunariaLoginFieldRow {
  display: block;
}

.LunariaLoginFieldRow > td {
  display: block;
  width: 100% !important;
  padding: 0 !important;
}

.LunariaLoginFieldRow .LabelV {
  margin-bottom: 7px;
  color: #4a260c;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.LunariaLoginFieldRow input[type="text"],
.LunariaLoginFieldRow input[type="password"] {
  width: 100% !important;
  height: 35px;
  padding: 8px 11px;
  box-sizing: border-box;
  border: 1px solid #b8a17d;
  border-radius: 4px;
  outline: 0;
  background: #d8c6a7;
  color: #4a321e;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  box-shadow: inset 0 1px 2px rgba(80, 48, 20, 0.08);
}

.LunariaLoginFieldRow input:focus {
  border-color: #2869a9;
  box-shadow: 0 0 0 2px rgba(40, 105, 169, 0.15);
}

.LunariaRememberRow {
  grid-column: 1 / -1;
  color: #5a2800;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.LunariaLoginPanel #LoginFormButtonCell {
  width: 92px !important;
  padding: 0 !important;
  border: 0 !important;
}

.LunariaLoginPanel #LoginFormButtonCell .BigButton {
  width: 76px !important;
  height: 35px !important;
  margin: 0 auto;
  border: 1px solid #174a7e;
  background: linear-gradient(to bottom, #317cc6, #1f5fa6) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.25);
}

.LunariaLoginPanel #LoginFormButtonCell .BigButtonText {
  width: 100% !important;
  height: 100% !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: transparent !important;
  text-shadow: 0 1px #123b64;
}

.LunariaLoginPanel #LoginFormButtonCell .BigButtonOver {
  display: none !important;
}

@media (max-width: 700px) {
  .LunariaLoginPanel .TableContent > tbody > tr,
  .LunariaLoginFields > tbody {
    display: block;
  }

  .LunariaLoginFieldRow,
  .LunariaRememberRow,
  .LunariaLoginPanel #LoginFormButtonCell {
    display: block;
    width: 100% !important;
    margin-bottom: 12px;
  }
}

/* ========================================================================== */
/* Ranking page - faithful to the Hera S3 Figma composition.                  */
/* ========================================================================== */

#highscores > .Border_2 > .Border_3 > .BoxContent {
  padding: 12px 12px 15px !important;
  font-family: Verdana, Arial, sans-serif !important;
}

#highscores .TableContainer:has(select[name="category"]) {
  padding: 0 !important;
  border: 0 !important;
}

#highscores .TableContainer:has(select[name="category"]) > table,
#highscores .TableContainer:has(select[name="category"]) .InnerTableContainer,
#highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#highscores .LunariaHighscoresFilterForm > table > tbody {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 210px)) !important;
  justify-content: center !important;
  gap: 23px !important;
  max-width: 455px !important;
  margin: 0 auto !important;
}

#highscores .LunariaRankingWorldField,
#highscores .LunariaRankingSubmit {
  display: none !important;
}

#highscores .LunariaHighscoresFilterForm > table > tbody > :is(.LunariaRankingVocationField, .LunariaRankingCategoryField) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important;
  min-height: 42px !important;
}

#highscores .LunariaHighscoresFilterForm > table > tbody > :is(.LunariaRankingVocationField, .LunariaRankingCategoryField) > td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #4c3824 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
  text-align: left !important;
}

#highscores .LunariaHighscoresFilterForm select {
  width: 100% !important;
  min-width: 0 !important;
  height: 27px !important;
  min-height: 27px !important;
  padding: 3px 9px !important;
  border: 1px solid #9d8864 !important;
  border-radius: 5px !important;
  background: #d8c7a7 !important;
  color: #4c3824 !important;
  font-size: 10px !important;
  box-shadow: none !important;
}

#highscores .LunariaRankingNotice {
  margin: 12px 13px 19px !important;
  padding: 7px 0 0 !important;
  border-top: 1px solid #b7a17a !important;
  color: #4c3824 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 14px !important;
  text-align: center !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) {
  padding: 0 !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) > table,
#highscores .TableContainer:has(.TableContent .LabelH) .InnerTableContainer,
#highscores .TableContainer:has(.TableContent .LabelH) .TableContentContainer {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent {
  width: 100% !important;
  table-layout: fixed !important;
  border: 0 !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

#highscores .TableContent .LunariaRankingOutfit {
  display: none !important;
}

#highscores .TableContent .LunariaRankingRank {
  width: 9% !important;
}

#highscores .TableContent .LunariaRankingName {
  width: 32% !important;
}

#highscores .TableContent .LunariaRankingVocation {
  width: 31% !important;
  text-align: left !important;
}

#highscores .TableContent .LunariaRankingLevel {
  width: 11% !important;
  text-align: left !important;
}

#highscores .TableContent .LunariaRankingExperience {
  width: 17% !important;
  text-align: right !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr,
#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr[style] {
  height: 24px !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr > td {
  height: 24px !important;
  padding: 3px 8px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(112, 88, 51, 0.35) !important;
  color: #4c3824 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  text-align: left !important;
  vertical-align: middle !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr.LabelH > td {
  height: 24px !important;
  border-bottom-color: #a99670 !important;
  background: #c9b995 !important;
  color: #3f2f1d !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr:not(.LabelH):nth-child(even) > td {
  background: #dfcfad !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr:not(.LabelH):nth-child(odd) > td {
  background: #f1dfb9 !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr:hover > td {
  background: #d6bf93 !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent a,
#highscores .TableContainer:has(.TableContent .LabelH) .TableContent a span {
  color: #4c3824 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent td:nth-last-child(-n + 2),
#highscores .TableContainer:has(.TableContent .LabelH) .TableContent td:nth-last-child(-n + 2) > div {
  text-align: right !important;
}

#highscores .LunariaRankingPagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  margin: 13px 0 0 !important;
}

#highscores .LunariaRankingPage {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 27px !important;
  min-width: 27px !important;
  height: 27px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #321244 !important;
  border-radius: 0 !important;
  background: linear-gradient(to bottom, #8145b9, #592584) !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#highscores .LunariaRankingPage:hover {
  opacity: 0.9 !important;
}

#highscores .LunariaRankingPage.is-active {
  background: linear-gradient(to bottom, #a75de1, #8441bc) !important;
}

#highscores .LunariaRankingPage.is-disabled {
  border-color: #b8a58f !important;
  background: #cfb9b2 !important;
  color: rgba(255, 255, 255, 0.45) !important;
  cursor: default !important;
  opacity: 0.72 !important;
}

@media (max-width: 700px) {
  #highscores .LunariaHighscoresFilterForm > table > tbody {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-width: none !important;
  }

  #highscores .TableContainer:has(.TableContent .LabelH) {
    overflow-x: auto !important;
  }

  #highscores .TableContainer:has(.TableContent .LabelH) .TableContent {
    min-width: 560px !important;
  }
}

/* ========================================================================== */
/* Final page hierarchy: an internal barra_div_2 is the page, not a page       */
/* nested inside the legacy central parchment.                                */
/* ========================================================================== */

#ContentHelper > :is(#bans, #characters, #serverinfo) {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#ContentHelper > :is(#bans, #characters, #serverinfo) > :is(.Corner-tl, .Corner-tr, .BorderTitleText, .TitleText, .Border_1, .CornerWrapper-b) {
  display: none !important;
}

#ContentHelper > :is(#bans, #characters, #serverinfo) > .Border_2,
#ContentHelper > :is(#bans, #characters, #serverinfo) > .Border_2 > .Border_3,
#ContentHelper > :is(#bans, #characters, #serverinfo) > .Border_2 > .Border_3 > .BoxContent {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* My Account: remove the legacy second strip painted behind the caption text. */
.Content .LunariaAccountManagement .CaptionContainer .CaptionInnerContainer .Text,
.Content .LunariaAccountManagement .CaptionContainer .Text {
  width: auto !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.Content .LunariaAccountManagement .CaptionContainer .Text::before,
.Content .LunariaAccountManagement .CaptionContainer .Text::after {
  display: none !important;
  content: none !important;
}

/* Highscores: RubinOT-like compact filters and ranking, preserving all data. */
#highscores .TableContainer:has(select[name="category"]) > table {
  padding: 10px 20px 12px !important;
}

#highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody {
  display: grid !important;
  grid-template-columns: minmax(230px, 1fr) minmax(230px, 1fr) auto !important;
  gap: 8px 18px !important;
  align-items: end !important;
}

#highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody > tr {
  display: grid !important;
  grid-template-columns: 78px minmax(130px, 1fr) !important;
  align-items: center !important;
  min-height: 30px !important;
}

#highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody > tr:nth-child(1) {
  grid-column: 1 !important;
}

#highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody > tr:nth-child(2) {
  grid-column: 2 !important;
}

#highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody > tr:nth-child(3) {
  grid-column: 1 !important;
}

#highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody > tr > td {
  padding: 0 6px !important;
  border: 0 !important;
  background: transparent !important;
}

#highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody > tr:nth-child(2) > td:last-child {
  position: absolute !important;
  right: 28px !important;
  bottom: 12px !important;
}

#highscores .TableContainer:has(select[name="category"]) select {
  width: 100% !important;
  min-width: 140px !important;
}

#highscores > .Border_2 > .Border_3 > .BoxContent > p {
  margin: 3px 8px 12px !important;
  font-size: 10px !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) > table {
  padding: 9px 12px 12px !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent {
  table-layout: fixed !important;
  border: 1px solid rgba(118, 87, 47, 0.45) !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr {
  height: 31px !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr > td {
  height: 31px !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;
  font-size: 11px !important;
  line-height: 18px !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr:not(.LabelH) > td:nth-child(2) {
  position: relative !important;
  overflow: hidden !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent tr:not(.LabelH) > td:nth-child(2) img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) scale(0.55) !important;
  transform-origin: center !important;
}

/* Pages with introductory or loose content keep one continuous parchment. */
#ContentHelper > :is(#guilds, #polls, #creatures, #spells, #highscores) > .Border_2 > .Border_3 > .BoxContent {
  min-height: 0 !important;
  padding: 18px 16px !important;
  box-sizing: border-box !important;
  border: 2px solid #b88a3d !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: var(--lunaria-page-bg) !important;
  background-color: var(--lunaria-page-bg) !important;
  background-image: none !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 248, 220, 0.65) !important;
  color: var(--lunaria-page-text) !important;
}

#creatures > .Border_2 > .Border_3 > .BoxContent::after {
  display: table;
  clear: both;
  content: "";
}

/* RubinOT ranking: one main page, filters and list share the same background. */
#highscores > .BorderTitleText,
#highscores > .TitleText {
  z-index: 30 !important;
}

#highscores .TableContainer {
  margin: 0 !important;
}

#highscores .TableContainer > .CaptionContainer {
  display: none !important;
}

#highscores .TableContainer > :is(table.Table1, table.Table2, table.Table3, table.Table4, table.Table5) {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#highscores .TableContainer:has(select[name="category"]) {
  padding: 0 0 13px !important;
  border-bottom: 1px solid rgba(118, 87, 47, 0.35) !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) {
  padding-top: 10px !important;
}

#highscores .TableContainer:has(.TableContent .LabelH) .TableContent {
  border: 0 !important;
}

@media (max-width: 700px) {
  #highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody {
    display: block !important;
  }

  #highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody > tr {
    display: grid !important;
    margin-bottom: 7px !important;
  }

  #highscores .TableContainer:has(select[name="category"]) .LunariaHighscoresFilterForm > table > tbody > tr:nth-child(2) > td:last-child {
    position: static !important;
    grid-column: 2 !important;
    margin-top: 7px !important;
  }
}

/* Wiki: Insanity card structure inside the Lunaria section system. */
#wiki .LunariaWikiGridWrapper {
  width: calc(100% - 28px);
  margin: 0 14px 14px;
  padding: 6px;
  box-sizing: border-box;
  border: 1px solid #9d8a69;
  background: rgba(223, 209, 178, 0.55);
}

#wiki .LunariaWikiGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #bda37d;
  background: #cbb792;
}

#wiki .LunariaWikiCard {
  min-width: 0;
  min-height: 132px;
  padding: 14px 8px;
  box-sizing: border-box;
  border: 1px solid #e5d8bd;
  background: #ded0b7;
}

#wiki .LunariaWikiCard:nth-child(6n + 4),
#wiki .LunariaWikiCard:nth-child(6n + 5),
#wiki .LunariaWikiCard:nth-child(6n + 6) {
  background: #d0c0a2;
}

#wiki .LunariaWikiCard > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #68249a !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
}

#wiki .LunariaWikiCard > a:hover {
  color: #8723d8 !important;
  text-decoration: underline !important;
}

#wiki .LunariaWikiCard img {
  display: block;
  max-width: 72px;
  max-height: 72px;
  margin: 0 auto 10px;
  object-fit: contain;
  image-rendering: auto;
}

#wiki .LunariaWikiEmpty {
  margin: 0 14px 14px;
  padding: 22px;
  border: 1px solid var(--lunaria-page-border);
  background: var(--lunaria-page-bg-soft);
  color: var(--lunaria-page-text);
  font-style: italic;
  text-align: center;
}

#wiki .TableContainer > div[style*="margin-bottom"] {
  margin: 0 14px 10px !important;
  padding: 7px 9px;
  border: 1px solid rgba(118, 87, 47, 0.3);
  background: #dfcba5;
  color: var(--lunaria-page-text);
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

#wiki .TableContainer > div[style*="text-align: center"] > :is(a.Button, a.btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  min-height: 30px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid #5d4e37;
  border-radius: 0;
  background: linear-gradient(to bottom, #887052, #645034);
  color: #fff !important;
  font: 400 11px/28px Verdana, Arial, sans-serif;
  text-decoration: none !important;
}

#wiki .TableContainer > div[style*="text-align: center"] > :is(a.Button, a.btn):hover {
  background: linear-gradient(to bottom, #9c7e58, #645034);
}

@media (max-width: 900px) {
  #wiki .LunariaWikiGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  #wiki .LunariaWikiGrid {
    grid-template-columns: 1fr;
  }
}

/* Tasks Wiki */
#wiki .LunariaTaskPage > .TableContainer {
  padding-bottom: 14px;
}

#wiki .LunariaTaskIntro {
  display: flex;
  min-height: 78px;
  gap: 18px;
  align-items: center;
  margin: 12px 14px;
  padding: 14px 18px;
  box-sizing: border-box;
  border: 1px solid #a78d63;
  background: #c9b995;
  color: #3c2f1e;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}

#wiki .LunariaTaskBanner {
  position: relative;
  width: 278px;
  max-width: 42%;
  flex: 0 1 278px;
}

#wiki .LunariaTaskBanner > img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: auto;
}

#wiki .LunariaTaskBanner > strong {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 78%;
  color: #ead7ad;
  font: 700 12px/1 Verdana, Arial, sans-serif;
  text-align: center;
  text-shadow: 1px 1px 1px #34281c, -1px -1px 1px rgba(255, 255, 255, 0.16);
  text-transform: uppercase;
  transform: translate(-50%, -52%);
}

#wiki .LunariaTaskIntro p {
  margin: 0;
  color: #3c2f1e;
  font: 700 12px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskIntro .LunariaTaskNote {
  margin-top: 7px;
  color: #67553b;
  font-size: 10px;
  font-weight: 400;
}

#wiki .LunariaTaskFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 14px 12px;
}

#wiki .LunariaTaskFacts > div,
#wiki .LunariaTaskMiniFacts > div {
  min-width: 0;
  padding: 9px 7px;
  box-sizing: border-box;
  border: 1px solid #b59b72;
  background: #dfcfad;
  text-align: center;
}

#wiki .LunariaTaskFacts span,
#wiki .LunariaTaskMiniFacts span {
  display: block;
  margin-bottom: 4px;
  color: #735f42;
  font: 700 9px/1.2 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaTaskFacts strong,
#wiki .LunariaTaskMiniFacts strong {
  display: block;
  color: #3e2d1a;
  font: 700 11px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskSection {
  margin: 0 14px 12px;
}

#wiki .LunariaTaskSection > h2,
#wiki .LunariaTaskCardBody > h3 {
  margin: 0 0 8px;
  padding: 7px 9px;
  border: 1px solid #9e825a;
  background: #c9b995;
  color: #402d19;
  font: 700 11px/1.3 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaTaskHowGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#wiki .LunariaTaskHowGrid > div {
  display: flex;
  min-height: 70px;
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #b89d72;
  background: #f1dfb9;
}

#wiki .LunariaTaskHowGrid strong {
  display: flex;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid #6d3b85;
  border-radius: 50%;
  background: #7c4793;
  color: #fff;
  font: 700 11px Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskHowGrid p,
#wiki .LunariaTaskCardBody > p {
  margin: 0;
  color: #4c3a25;
  font: 10px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskCard {
  display: block;
  margin: 0 14px 8px;
  border: 1px solid #9e825a;
  background: #dfcfad;
  box-shadow: 0 1px 2px rgba(62, 42, 19, 0.16);
}

#wiki .LunariaTaskCard[open] {
  background: linear-gradient(to left, #dfcfad 0%, #f1dfb9 100%);
}

#wiki .LunariaTaskCard > summary {
  display: flex;
  min-height: 64px;
  gap: 11px;
  align-items: center;
  padding: 8px 12px;
  box-sizing: border-box;
  background: #dfcfad;
  color: #392b1b;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

#wiki .LunariaTaskCard > summary::-webkit-details-marker {
  display: none;
}

#wiki .LunariaTaskCard[open] > summary {
  border-bottom: 1px solid #9e825a;
  background: transparent;
}

#wiki .LunariaTaskCard > summary > img {
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
  image-rendering: auto;
}

#wiki .LunariaTaskCard > summary > span {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

#wiki .LunariaTaskCard > summary strong {
  color: #4a2515;
  font: 700 13px/1.2 Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskCard > summary small {
  color: #6c5940;
  font: 10px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskCard > summary > i {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid #725b3d;
  border-radius: 50%;
  background: #f3e7ce;
}

#wiki .LunariaTaskCard > summary > i::before,
#wiki .LunariaTaskCard > summary > i::after {
  position: absolute;
  top: 11px;
  left: 6px;
  width: 12px;
  height: 2px;
  background: #5b442b;
  content: "";
}

#wiki .LunariaTaskCard > summary > i::after {
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

#wiki .LunariaTaskCard[open] > summary > i::after {
  transform: rotate(0deg);
}

#wiki .LunariaTaskCardBody {
  padding: 12px;
}

#wiki .LunariaTaskCardBody > h3 {
  margin-top: 12px;
}

#wiki .LunariaTaskMiniFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin: 10px 0;
}

#wiki .LunariaTaskTableWrap {
  width: 100%;
  margin-top: 10px;
  overflow-x: auto;
}

#wiki .LunariaTaskTable {
  width: 100%;
  border-collapse: collapse;
  color: #42311f;
  font: 10px/1.35 Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskTable th,
#wiki .LunariaTaskTable td {
  padding: 7px 8px;
  border: 1px solid #b99f75;
  text-align: center;
  vertical-align: middle;
}

#ContentHelper #wiki .LunariaTaskTable thead th {
  background: #c9b995 !important;
  color: #3f2f1d !important;
  font-weight: 700;
  text-transform: uppercase;
}

#ContentHelper #wiki .LunariaTaskTable tbody tr:nth-child(odd) > td {
  background: #f1dfb9 !important;
}

#ContentHelper #wiki .LunariaTaskTable tbody tr:nth-child(even) > td {
  background: #dfcfad !important;
}

#wiki .LunariaTaskCompactTable {
  max-width: 520px;
}

#wiki .LunariaTaskDeliveryTable {
  max-width: 520px;
}

#wiki .LunariaTaskDeliveryTable td:first-child {
  text-align: left;
}

#wiki .LunariaTaskCallout {
  margin-top: 10px;
  padding: 9px 10px;
  border-left: 4px solid #704b91;
  background: rgba(224, 207, 173, 0.82);
  color: #4c3a25;
  font: 700 10px/1.45 Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskFootnote {
  margin-top: 8px !important;
  color: #67553b !important;
  font-style: italic !important;
}

#wiki .LunariaTaskRules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

#wiki .LunariaTaskRules li {
  position: relative;
  min-height: 48px;
  padding: 9px 9px 9px 26px;
  box-sizing: border-box;
  border: 1px solid #b99f75;
  background: #f1dfb9;
  color: #4c3a25;
  font: 10px/1.45 Verdana, Arial, sans-serif;
}

#wiki .LunariaTaskRules li::before {
  position: absolute;
  top: 10px;
  left: 9px;
  color: #79428f;
  content: "◆";
}

#wiki .LunariaTaskCompactCards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0 14px 8px;
}

#wiki .LunariaTaskCompactCards .LunariaTaskCard {
  min-width: 0;
  margin: 0;
}

#wiki .LunariaTaskCompactCard[open] {
  grid-column: 1 / -1;
}

#wiki .LunariaTaskCompactCard > summary {
  min-height: 54px;
  gap: 8px;
  padding: 7px 9px;
}

#wiki .LunariaTaskTinyIcon {
  display: flex;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #8e744f;
  border-radius: 50%;
  background: #f3e7ce;
}

#wiki .LunariaTaskTinyIcon > img {
  display: block;
  width: auto;
  height: auto;
  max-width: 12px;
  max-height: 12px;
  image-rendering: auto;
}

#wiki .LunariaTaskCompactCard > summary strong {
  font-size: 11px;
}

#wiki .LunariaTaskCompactCard > summary small {
  font-size: 9px;
}

@media (max-width: 760px) {
  #wiki .LunariaTaskIntro {
    gap: 10px;
    padding: 12px;
  }

  #wiki .LunariaTaskFacts,
  #wiki .LunariaTaskMiniFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  #wiki .LunariaTaskIntro {
    flex-direction: column;
    text-align: center;
  }

  #wiki .LunariaTaskBanner {
    width: min(278px, 100%);
    max-width: 100%;
    flex-basis: auto;
  }

  #wiki .LunariaTaskHowGrid,
  #wiki .LunariaTaskRules {
    grid-template-columns: 1fr;
  }

  #wiki .LunariaTaskCard > summary {
    padding: 8px;
  }

  #wiki .LunariaTaskCard > summary strong {
    font-size: 11px;
  }

  #wiki .LunariaTaskCompactCards {
    grid-template-columns: 1fr;
  }
}

/* Mobile navigation drawer. */
.LunariaMobileMenuToggle,
.LunariaMobileAccountButton,
.LunariaMobileMenuClose,
.LunariaMobileMenuBackdrop {
  display: none;
}

@media (max-width: 980px) {
  .LunariaHero {
    position: relative;
    top: 0;
    z-index: 3000;
    width: 100%;
    height: 68px;
    padding: 0 14px;
    box-sizing: border-box;
    align-items: center;
    background: linear-gradient(180deg, #511675 0%, #2a0c40 100%);
    border-top: 1px solid #d1a85b;
    border-bottom: 2px solid #c69a4b;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.65);
  }

  .LunariaHeroLink {
    position: relative;
    z-index: 2;
  }

  .LunariaHeroLogo {
    width: 146px;
    height: 66px;
  }

  .LunariaMobileMenuToggle,
  .LunariaMobileAccountButton,
  .LunariaMobileMenuClose {
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #d0aa63;
    border-radius: 3px;
    background: linear-gradient(#9b7948, #72552f) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 2px 5px rgba(0, 0, 0, 0.45);
    pointer-events: auto;
  }

  .LunariaMobileMenuToggle {
    position: absolute;
    left: 14px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
  }

  .LunariaMobileMenuToggle span {
    display: block;
    width: 19px;
    height: 2px;
    background: #fff8df;
    box-shadow: 0 1px #3a2416;
  }

  .LunariaMobileAccountButton {
    position: absolute;
    right: 14px;
    z-index: 3;
    display: flex;
  }

  .LunariaMobileAccountButton img {
    width: 23px;
    height: 23px;
    filter: brightness(0) invert(1);
  }

  .LunariaMobileMenuBackdrop:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 8990;
    display: block;
    background: rgba(0, 0, 0, 0.68);
  }

  #MenuColumn {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 9000;
    display: block !important;
    width: 260px !important;
    max-width: calc(100vw - 32px) !important;
    height: 100dvh;
    margin: 0 !important;
    padding: 64px 8px 24px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    background: #100f12;
    box-shadow: 8px 0 22px rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-105%);
    transition: transform 220ms ease, opacity 180ms ease, visibility 220ms;
    pointer-events: none;
  }

  body.LunariaMobileMenuOpen {
    overflow: hidden !important;
  }

  body.LunariaMobileMenuOpen #MenuColumn {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
  }

  .LunariaMobileMenuClose {
    position: absolute;
    top: 14px;
    right: 14px;
    display: flex;
    color: #fff8df;
    font: 30px/1 Arial, sans-serif;
    cursor: pointer;
  }

  #MenuColumn #Loginbox {
    display: none !important;
  }

  #DownloadBox.LunariaDownloadCard,
  #DownloadBox .SmallBoxButtonContainer,
  #DownloadBox #PlayNowContainer,
  #DownloadBox .MediumButtonBackground,
  #Menu,
  #Menu .menuitem,
  #Menu .MenuButton,
  #Menu .MenuButton > div {
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  #DownloadBox.LunariaDownloadCard {
    height: 38px !important;
    margin: 0 0 12px !important;
  }

  #DownloadBox .SmallBoxButtonContainer,
  #DownloadBox #PlayNowContainer {
    height: 38px !important;
  }

  #DownloadBox .MediumButtonBackground {
    height: 36px !important;
  }

  #DownloadBox .MediumButtonBackground::after {
    font-size: 13px;
  }

  #Menu {
    margin: 0 !important;
  }

  #Menu .menuitem {
    margin-bottom: 6px;
  }

  #Menu .MenuButton,
  #Menu .MenuButton > div {
    height: 36px !important;
  }

  #Menu .Label {
    height: 35px;
  }

  #Menu .LunariaMenuLabel {
    font-size: 14px !important;
    line-height: 35px;
  }

  #Menu .Submenu {
    width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  #Menu .SubmenuitemLabel {
    min-height: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px !important;
    line-height: 16px;
  }

  #MenuColumn + #ContentColumn {
    order: 1;
  }

  #ThemeboxesColumn {
    order: 2;
  }

  #Footer {
    order: 3;
  }
}

@media (max-width: 560px) {
  .LunariaHero {
    height: 62px;
  }

  .LunariaHeroLogo {
    width: 132px;
    height: 60px;
  }

  .LunariaMobileMenuToggle,
  .LunariaMobileAccountButton {
    width: 40px;
    height: 40px;
  }
}

/* Wiki: static Lever Bosses catalog. */
#ContentHelper #wiki {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

#ContentHelper #wiki > .BorderTitleText {
  z-index: 10 !important;
}

#ContentHelper #wiki > .TitleText {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999 !important;
}

#ContentHelper #wiki > .TitleText .TitleTextIcon {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1000 !important;
}

#wiki .LunariaWikiBreadcrumb {
  display: flex;
  gap: 6px;
  align-items: center;
  margin: 0 14px 10px;
  padding: 7px 9px;
  border: 1px solid rgba(118, 87, 47, 0.3);
  background: #dfcba5;
  color: #3f321f;
  font: 11px/1.4 Verdana, Arial, sans-serif;
}

#wiki .LunariaWikiBreadcrumb a {
  color: #68249a;
  font-weight: 700;
}

#wiki .LunariaLeverBosses > .TableContainer {
  padding-bottom: 14px;
}

#wiki .LunariaLeverBossIntro {
  display: flex;
  gap: 18px;
  align-items: center;
  margin: 12px 14px;
  padding: 16px 18px;
  border: 1px solid #a78d63;
  background: #c9b995;
  color: #3c2f1e;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}

#wiki .LunariaLeverBossIntro > img {
  flex: 0 0 96px;
  width: 96px;
  height: 96px;
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 4px 3px rgba(54, 35, 14, 0.26));
}

#wiki .LunariaLeverBossIntro p {
  margin: 0;
  font: 700 13px/1.55 Verdana, Arial, sans-serif;
}

#wiki .LunariaLeverBossIntro .LunariaLeverBossNoSpoilers {
  margin-top: 8px;
  color: #67553b;
  font-size: 11px;
  font-weight: 400;
}

#wiki .LunariaLeverBossFacts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0 14px 12px;
}

#wiki .LunariaLeverBossFacts > div,
#wiki .LunariaLeverBossStats > div {
  min-width: 0;
  padding: 9px 8px;
  border: 1px solid #b59b72;
  background: #f1e5ca;
  text-align: center;
}

#wiki .LunariaLeverBossFacts > div {
  background: #dfcfad;
}

#wiki .LunariaLeverBossFacts span,
#wiki .LunariaLeverBossStats span {
  display: block;
  margin-bottom: 4px;
  color: #735f42;
  font: 700 9px/1.2 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaLeverBossFacts strong,
#wiki .LunariaLeverBossStats strong {
  display: block;
  overflow-wrap: anywhere;
  color: #3e2d1a;
  font: 700 12px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaLeverBossToolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin: 0 14px 12px;
  padding: 9px;
  border: 1px solid #a88d63;
  background: #d7c29b;
}

#wiki .LunariaLeverBossToolbar label {
  flex: 1 1 320px;
  margin: 0;
}

#wiki .LunariaLeverBossToolbar input {
  width: 100%;
  height: 32px;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid #8c704d;
  background: #fffaf0;
  color: #322718;
  font: 11px Verdana, Arial, sans-serif;
  outline: 0;
}

#wiki .LunariaLeverBossToolbar input:focus {
  border-color: #68249a;
  box-shadow: 0 0 0 2px rgba(104, 36, 154, 0.15);
}

#wiki .LunariaLeverBossToolbar > div {
  display: flex;
  gap: 6px;
}

#wiki .LunariaLeverBossToolbar button {
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #5d4e37;
  background: linear-gradient(to bottom, #887052, #645034);
  color: #fff;
  cursor: pointer;
  font: 700 10px Verdana, Arial, sans-serif;
}

#wiki .LunariaLeverBossToolbar button:hover {
  background: linear-gradient(to bottom, #9c7e58, #645034);
}

#wiki .LunariaLeverBossList {
  display: grid;
  gap: 8px;
  margin: 0 14px;
}

#wiki .LunariaLeverBossCard {
  border: 1px solid #9e825a;
  background: #dfcfad;
  box-shadow: 0 1px 2px rgba(62, 42, 19, 0.16);
}

#wiki .LunariaLeverBossCard[open] {
  background: linear-gradient(to left, #dfcfad 0%, #f1dfb9 100%);
}

#wiki .LunariaLeverBossCard[hidden] {
  display: none;
}

#wiki .LunariaLeverBossCard > summary {
  display: flex;
  min-height: 76px;
  gap: 12px;
  align-items: center;
  padding: 7px 12px;
  box-sizing: border-box;
  background: #dfcfad;
  color: #392b1b;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

#wiki .LunariaLeverBossCard > summary::-webkit-details-marker {
  display: none;
}

#wiki .LunariaLeverBossCard[open] > summary {
  border-bottom: 1px solid #9e825a;
  background: transparent;
}

#wiki .LunariaLeverBossPortrait {
  display: flex;
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
}

#wiki .LunariaLeverBossPortrait img {
  display: block;
  max-width: 62px;
  max-height: 62px;
  object-fit: contain;
  filter: drop-shadow(0 3px 2px rgba(50, 31, 11, 0.25));
}

#wiki .LunariaLeverBossIdentity {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 5px;
}

#wiki .LunariaLeverBossIdentity strong {
  color: #4a2515;
  font: 700 14px/1.2 Verdana, Arial, sans-serif;
}

#wiki .LunariaLeverBossIdentity small {
  width: max-content;
  padding: 2px 6px;
  border: 1px solid rgba(104, 36, 154, 0.35);
  background: rgba(104, 36, 154, 0.1);
  color: #68249a;
  font: 700 9px/1.3 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaLeverBossToggle {
  position: relative;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border: 1px solid #725b3d;
  border-radius: 50%;
  background: #f3e7ce;
}

#wiki .LunariaLeverBossToggle::before,
#wiki .LunariaLeverBossToggle::after {
  position: absolute;
  top: 11px;
  left: 6px;
  width: 12px;
  height: 2px;
  background: #5b442b;
  content: "";
}

#wiki .LunariaLeverBossToggle::after {
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

#wiki .LunariaLeverBossCard[open] .LunariaLeverBossToggle::after {
  transform: rotate(0deg);
}

#wiki .LunariaLeverBossBody {
  padding: 12px;
  background: transparent;
}

#wiki .LunariaLeverBossStats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  margin-bottom: 13px;
}

#wiki .LunariaLeverBossStats span {
  white-space: nowrap;
}

#wiki .LunariaLeverBossBody h3 {
  margin: 0 0 8px;
  padding: 7px 9px;
  border: 1px solid #9e825a;
  background: #d2ba8f;
  color: #402d19;
  font: 700 11px/1.3 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaLeverBossBody h3 span {
  color: #6f5739;
}

#wiki .LunariaLeverBossLoot {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

#wiki .LunariaLeverBossLootItem {
  display: flex;
  min-width: 0;
  min-height: 58px;
  gap: 8px;
  align-items: center;
  padding: 6px;
  box-sizing: border-box;
  border: 1px solid #c2a77b;
  background: #dfcfad;
}

#wiki .LunariaLeverBossLootItem:nth-child(6n + 4),
#wiki .LunariaLeverBossLootItem:nth-child(6n + 5),
#wiki .LunariaLeverBossLootItem:nth-child(6n + 6) {
  background: #f1dfb9;
}

#wiki .LunariaLeverBossLootItem > img {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
  image-rendering: pixelated;
}

#wiki .LunariaLeverBossLootItem > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

#wiki .LunariaLeverBossLootItem strong {
  overflow-wrap: anywhere;
  color: #4d2f1d;
  font: 700 10px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaLeverBossLootItem span {
  color: #6c5940;
  font: 9px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaLeverBossEmptyLoot,
#wiki .LunariaLeverBossNoResults {
  margin: 8px 0 0;
  padding: 14px;
  border: 1px dashed #a88d63;
  background: #fff7e6;
  color: #6c5940;
  font: italic 11px/1.4 Verdana, Arial, sans-serif;
  text-align: center;
}

#wiki .LunariaLeverBossNoResults {
  margin: 10px 14px 0;
}

#wiki .LunariaLeverBossBack {
  margin-top: 14px;
  text-align: center;
}

@media (max-width: 950px) {
  #wiki .LunariaLeverBossLoot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  #wiki .LunariaLeverBossFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wiki .LunariaLeverBossToolbar {
    align-items: stretch;
    flex-direction: column;
  }

  #wiki .LunariaLeverBossToolbar > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wiki .LunariaLeverBossStats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  #wiki .LunariaLeverBossIntro {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  #wiki .LunariaLeverBossLoot {
    grid-template-columns: 1fr;
  }

  #wiki .LunariaLeverBossIdentity strong {
    font-size: 12px;
  }
}

/* Wheel of Destiny Wiki */
#wiki .LunariaWheelPage > .TableContainer {
  padding-bottom: 14px;
}

#wiki .LunariaWheelIntro {
  display: flex;
  gap: 22px;
  align-items: center;
  margin: 12px 14px;
  padding: 16px 20px;
  border: 1px solid #a78d63;
  background: #c9b995;
  color: #3c2f1e;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}

#wiki .LunariaWheelHeroArt {
  position: relative;
  width: 180px;
  height: 180px;
  flex: 0 0 180px;
  filter: drop-shadow(0 5px 4px rgba(50, 31, 11, 0.28));
}

#wiki .LunariaWheelHeroArt > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#wiki .LunariaWheelIntro p {
  margin: 0;
  color: #3c2f1e;
  font: 700 13px/1.55 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelIntro .LunariaWheelNote {
  margin-top: 9px;
  color: #67553b;
  font-size: 11px;
  font-weight: 400;
}

#wiki .LunariaWheelFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 14px 12px;
}

#wiki .LunariaWheelFacts > div {
  min-width: 0;
  padding: 9px 7px;
  border: 1px solid #b59b72;
  background: #dfcfad;
  text-align: center;
}

#wiki .LunariaWheelFacts span {
  display: block;
  margin-bottom: 4px;
  color: #735f42;
  font: 700 9px/1.2 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaWheelFacts strong {
  display: block;
  color: #3e2d1a;
  font: 700 12px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelSection {
  margin: 0 14px 12px;
}

#wiki .LunariaWheelSection > h2,
#wiki .LunariaWheelCardBody > h3 {
  margin: 0 0 8px;
  padding: 7px 9px;
  border: 1px solid #9e825a;
  background: #c9b995;
  color: #402d19;
  font: 700 11px/1.3 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaWheelHowGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#wiki .LunariaWheelHowGrid > div {
  display: flex;
  min-height: 72px;
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #b89d72;
  background: #f1dfb9;
}

#wiki .LunariaWheelHowGrid strong {
  display: flex;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid #6d3b85;
  border-radius: 50%;
  background: #7c4793;
  color: #fff;
  font: 700 11px Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelHowGrid p,
#wiki .LunariaWheelCardBody > p,
#wiki .LunariaWheelGemInfo p {
  margin: 0;
  color: #4c3a25;
  font: 11px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelCard {
  display: block;
  margin: 0 14px 8px;
  border: 1px solid #9e825a;
  background: #dfcfad;
  box-shadow: 0 1px 2px rgba(62, 42, 19, 0.16);
}

#wiki .LunariaWheelSectors .LunariaWheelCard {
  margin-right: 0;
  margin-left: 0;
}

#wiki .LunariaWheelCard[open] {
  background: linear-gradient(to left, #dfcfad 0%, #f1dfb9 100%);
}

#wiki .LunariaWheelCard > summary {
  display: flex;
  min-height: 64px;
  gap: 11px;
  align-items: center;
  padding: 8px 12px;
  box-sizing: border-box;
  background: #dfcfad;
  color: #392b1b;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

#wiki .LunariaWheelCard > summary::-webkit-details-marker {
  display: none;
}

#wiki .LunariaWheelCard[open] > summary {
  border-bottom: 1px solid #9e825a;
  background: transparent;
}

#wiki .LunariaWheelCard > summary > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

#wiki .LunariaWheelCard > summary strong {
  color: #4a2515;
  font: 700 13px/1.2 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelCard > summary small {
  color: #6c5940;
  font: 10px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelSummaryIcon {
  display: flex;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid #725b3d;
  border-radius: 50%;
  background: #f3e7ce;
  color: #68249a;
  font: 700 16px Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelDomainIcon {
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  object-fit: contain;
}

#wiki .LunariaWheelDomainBlue .LunariaWheelDomainIcon {
  mix-blend-mode: normal;
}

#wiki .LunariaWheelCard > summary > i {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid #725b3d;
  border-radius: 50%;
  background: #f3e7ce;
}

#wiki .LunariaWheelCard > summary > i::before,
#wiki .LunariaWheelCard > summary > i::after {
  position: absolute;
  top: 11px;
  left: 6px;
  width: 12px;
  height: 2px;
  background: #5b442b;
  content: "";
}

#wiki .LunariaWheelCard > summary > i::after {
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

#wiki .LunariaWheelCard[open] > summary > i::after {
  transform: rotate(0deg);
}

#wiki .LunariaWheelGemCard > summary > img {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
}

#wiki .LunariaWheelCardBody {
  padding: 12px;
}

#wiki .LunariaWheelCardBody > h3 {
  margin-top: 12px;
}

#wiki .LunariaWheelCardBody > h3:first-child {
  margin-top: 0;
}

#wiki .LunariaWheelSectionIntro {
  margin: -1px 0 9px;
  color: #5f4b31;
  font: 10px/1.45 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelTableWrap {
  width: 100%;
  overflow-x: auto;
}

#wiki .LunariaWheelTable {
  width: 100%;
  border-collapse: collapse;
  color: #42311f;
  font: 10px/1.35 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelTable th,
#wiki .LunariaWheelTable td {
  padding: 7px 8px;
  border: 1px solid #b99f75;
  text-align: left;
  vertical-align: middle;
}

#ContentHelper #wiki .LunariaWheelTable thead th {
  background: #c9b995 !important;
  color: #3f2f1d !important;
  font-weight: 700;
  text-transform: uppercase;
}

#ContentHelper #wiki .LunariaWheelTable tbody tr:nth-child(odd) > td {
  background: #f1dfb9 !important;
}

#ContentHelper #wiki .LunariaWheelTable tbody tr:nth-child(even) > td {
  background: #dfcfad !important;
}

#wiki .LunariaWheelTable th:first-child,
#wiki .LunariaWheelTable td:first-child {
  width: 62px;
  text-align: center;
}

#wiki .LunariaWheelTable th:nth-child(2),
#wiki .LunariaWheelTable td:nth-child(2) {
  width: 90px;
  text-align: center;
}

#wiki .LunariaWheelCallout {
  margin-top: 10px !important;
  padding: 9px 10px;
  border-left: 4px solid #4e7e65;
  background: rgba(224, 207, 173, 0.82);
  font-weight: 700 !important;
}

#wiki .LunariaWheelCalloutPurple {
  border-left-color: #704b91;
}

#wiki .LunariaWheelFullNotice {
  margin: 0 14px 12px !important;
  color: #4c3a25;
  font: 700 11px/1.45 Verdana, Arial, sans-serif !important;
}

#wiki .LunariaWheelWorkshopBanner {
  display: block;
  width: min(322px, 100%);
  height: 34px;
  margin: 0 auto 10px;
  object-fit: cover;
  object-position: top;
}

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

#wiki .LunariaWheelWorkshopSteps > div {
  display: flex;
  min-width: 0;
  min-height: 88px;
  gap: 8px;
  align-items: flex-start;
  padding: 9px;
  box-sizing: border-box;
  border: 1px solid #b99f75;
  background: #f1dfb9;
}

#wiki .LunariaWheelWorkshopSteps strong {
  display: flex;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #7c4793;
  color: #fff;
  font: 700 10px Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelWorkshopSteps p {
  margin: 0;
  color: #4c3a25;
  font: 10px/1.45 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelScrollGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  margin-top: 10px;
}

#wiki .LunariaWheelScrollGrid > div {
  display: flex;
  min-width: 0;
  min-height: 112px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 5px;
  box-sizing: border-box;
  border: 1px solid #b99f75;
  background: #dfcfad;
  text-align: center;
}

#wiki .LunariaWheelScrollGrid > div:nth-child(6n + 4),
#wiki .LunariaWheelScrollGrid > div:nth-child(6n + 5),
#wiki .LunariaWheelScrollGrid > div:nth-child(6n + 6) {
  background: #f1dfb9;
}

#wiki .LunariaWheelScrollIcon {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  border: 1px solid #7e623f;
  background: #f4e6c8;
  color: #7b4097;
  font-size: 17px;
}

#wiki .LunariaWheelScrollGrid strong {
  color: #4d2f1d;
  font: 700 9px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelScrollGrid small {
  margin-top: 3px;
  color: #765e40;
  font: 8px/1.2 Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelScrollGrid b {
  margin-top: 5px;
  color: #3d7254;
  font: 700 14px Verdana, Arial, sans-serif;
}

#wiki .LunariaWheelGemInfo {
  display: grid;
  grid-template-columns: minmax(170px, 0.65fr) minmax(0, 1.35fr);
  gap: 6px;
  margin-top: 10px;
}

#wiki .LunariaWheelGemInfo > div,
#wiki .LunariaWheelDestroyGrid > div {
  padding: 9px;
  border: 1px solid #b99f75;
  background: #dfcfad;
}

#wiki .LunariaWheelGemInfo strong {
  display: block;
  margin-bottom: 5px;
  color: #4a2515;
  font: 700 10px/1.3 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaWheelDestroyGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin-top: 9px;
}

#wiki .LunariaWheelDestroyGrid > div {
  color: #4d3822;
  font: 700 10px/1.4 Verdana, Arial, sans-serif;
  text-align: center;
}

#wiki .LunariaWheelBack {
  margin-top: 14px;
  text-align: center;
}

@media (max-width: 800px) {
  #wiki .LunariaWheelFacts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #wiki .LunariaWheelScrollGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  #wiki .LunariaWheelIntro {
    flex-direction: column;
    text-align: center;
  }

  #wiki .LunariaWheelHeroArt {
    width: 150px;
    height: 150px;
    flex-basis: 150px;
  }

  #wiki .LunariaWheelHowGrid,
  #wiki .LunariaWheelGemInfo,
  #wiki .LunariaWheelDestroyGrid,
  #wiki .LunariaWheelWorkshopSteps {
    grid-template-columns: 1fr;
  }

  #wiki .LunariaWheelFacts,
  #wiki .LunariaWheelScrollGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  #wiki .LunariaWheelFacts,
  #wiki .LunariaWheelScrollGrid {
    grid-template-columns: 1fr;
  }

  #wiki .LunariaWheelCard > summary strong {
    font-size: 11px;
  }
}

/* Dungeons Wiki */
#wiki .LunariaDungeonPage > .TableContainer {
  padding-bottom: 14px;
}

#wiki .LunariaDungeonIntro {
  display: flex;
  gap: 19px;
  align-items: center;
  margin: 12px 14px;
  padding: 16px 18px;
  border: 1px solid #a78d63;
  background: #c9b995;
  color: #3c2f1e;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}

#wiki .LunariaDungeonEmblem {
  display: grid;
  width: 106px;
  height: 76px;
  flex: 0 0 106px;
  grid-template-columns: repeat(3, 32px);
  gap: 6px 5px;
  align-content: center;
  justify-content: center;
  padding: 7px;
  box-sizing: border-box;
  border: 1px solid #8f734d;
  background: rgba(241, 223, 185, 0.68);
  box-shadow: inset 0 0 8px rgba(72, 48, 22, 0.18), 0 3px 3px rgba(54, 35, 14, 0.18);
}

#wiki .LunariaDungeonEmblem img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  image-rendering: pixelated;
}

#wiki .LunariaDungeonIntro p {
  margin: 0;
  color: #3c2f1e;
  font: 700 13px/1.55 Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonIntro .LunariaDungeonNoSpoilers {
  margin-top: 8px;
  color: #67553b;
  font-size: 11px;
  font-weight: 400;
}

#wiki .LunariaDungeonFacts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0 14px 12px;
}

#wiki .LunariaDungeonFacts > div,
#wiki .LunariaDungeonStats > div {
  min-width: 0;
  padding: 9px 7px;
  border: 1px solid #b59b72;
  background: #dfcfad;
  text-align: center;
}

#wiki .LunariaDungeonFacts span,
#wiki .LunariaDungeonStats span {
  display: block;
  margin-bottom: 4px;
  color: #735f42;
  font: 700 9px/1.2 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaDungeonFacts strong,
#wiki .LunariaDungeonStats strong {
  display: block;
  overflow-wrap: anywhere;
  color: #3e2d1a;
  font: 700 11px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonSection {
  margin: 0 14px 12px;
}

#wiki .LunariaDungeonSection > h2 {
  margin: 0 0 8px;
  padding: 7px 9px;
  border: 1px solid #9e825a;
  background: #c9b995;
  color: #402d19;
  font: 700 11px/1.3 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaDungeonHowGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#wiki .LunariaDungeonHowGrid > div {
  display: flex;
  min-height: 78px;
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #b89d72;
  background: #f1dfb9;
}

#wiki .LunariaDungeonHowGrid > div > strong {
  display: flex;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid #6d3b85;
  border-radius: 50%;
  background: #7c4793;
  color: #fff;
  font: 700 11px Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonHowGrid p,
#wiki .LunariaDungeonIntroText {
  margin: 0;
  color: #4c3a25;
  font: 11px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonRules {
  margin: 0;
  padding: 5px 12px 5px 29px;
  border: 1px solid #b89d72;
  background: #f1dfb9;
  color: #4c3a25;
  font: 11px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonRules li {
  padding: 4px 2px;
}

#wiki .LunariaDungeonList .LunariaDungeonCard {
  margin-right: 0;
  margin-left: 0;
}

#wiki .LunariaDungeonCard {
  display: block;
  margin: 0 14px 8px;
  border: 1px solid #9e825a;
  background: #dfcfad;
  box-shadow: 0 1px 2px rgba(62, 42, 19, 0.16);
}

#wiki .LunariaDungeonCard[open] {
  background: linear-gradient(to left, #dfcfad 0%, #f1dfb9 100%);
}

#wiki .LunariaDungeonCard > summary {
  display: flex;
  min-height: 64px;
  gap: 11px;
  align-items: center;
  padding: 8px 12px;
  box-sizing: border-box;
  background: #dfcfad;
  color: #392b1b;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

#wiki .LunariaDungeonCard > summary::-webkit-details-marker {
  display: none;
}

#wiki .LunariaDungeonCard[open] > summary {
  border-bottom: 1px solid #9e825a;
  background: transparent;
}

#wiki .LunariaDungeonCard > summary > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

#wiki .LunariaDungeonCard > summary strong {
  color: #4a2515;
  font: 700 13px/1.2 Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonCard > summary small {
  color: #6c5940;
  font: 10px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonIcon,
#wiki .LunariaDungeonRewardIcon {
  display: flex;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #725b3d;
  background: #f3e7ce;
  color: #68249a;
  font: 700 11px Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonIcon img,
#wiki .LunariaDungeonRewardIcon img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  image-rendering: pixelated;
}

#wiki .LunariaDungeonRewardIcon .LunariaDungeonLevelIcon {
  width: 36px;
  height: 36px;
  image-rendering: auto;
}

#wiki .LunariaDungeonCard > summary > i {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid #725b3d;
  border-radius: 50%;
  background: #f3e7ce;
}

#wiki .LunariaDungeonCard > summary > i::before,
#wiki .LunariaDungeonCard > summary > i::after {
  position: absolute;
  top: 11px;
  left: 6px;
  width: 12px;
  height: 2px;
  background: #5b442b;
  content: "";
}

#wiki .LunariaDungeonCard > summary > i::after {
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

#wiki .LunariaDungeonCard[open] > summary > i::after {
  transform: rotate(0deg);
}

#wiki .LunariaDungeonCardBody {
  padding: 12px;
}

#wiki .LunariaDungeonStats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

#wiki .LunariaDungeonIntroText {
  margin-bottom: 10px;
}

#wiki .LunariaDungeonTableWrap {
  width: 100%;
  overflow-x: auto;
}

#wiki .LunariaDungeonTable {
  width: 100%;
  border-collapse: collapse;
  color: #42311f;
  font: 10px/1.35 Verdana, Arial, sans-serif;
}

#wiki .LunariaDungeonTable th,
#wiki .LunariaDungeonTable td {
  padding: 7px 8px;
  border: 1px solid #b99f75;
  text-align: left;
  vertical-align: middle;
}

#ContentHelper #wiki .LunariaDungeonTable thead th {
  background: #c9b995 !important;
  color: #3f2f1d !important;
  font-weight: 700;
  text-transform: uppercase;
}

#ContentHelper #wiki .LunariaDungeonTable tbody tr:nth-child(odd) > td {
  background: #f1dfb9 !important;
}

#ContentHelper #wiki .LunariaDungeonTable tbody tr:nth-child(even) > td {
  background: #dfcfad !important;
}

#wiki .LunariaDungeonTable td:last-child,
#wiki .LunariaDungeonTable th:last-child {
  width: 34%;
  text-align: center;
}

#wiki .LunariaDungeonBack {
  margin-top: 14px;
  text-align: center;
}

@media (max-width: 760px) {
  #wiki .LunariaDungeonFacts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #wiki .LunariaDungeonStats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  #wiki .LunariaDungeonIntro {
    flex-direction: column;
    text-align: center;
  }

  #wiki .LunariaDungeonHowGrid {
    grid-template-columns: 1fr;
  }

  #wiki .LunariaDungeonFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  #wiki .LunariaDungeonFacts,
  #wiki .LunariaDungeonStats {
    grid-template-columns: 1fr;
  }

  #wiki .LunariaDungeonCard > summary strong {
    font-size: 11px;
  }
}

/* Preserve the already-approved My Account geometry above the global layer. */
.Content .LunariaAccountManagement > .TableContainer > table {
  width: 100% !important;
  margin: -6px 0 0 !important;
  padding: 12px 12px 14px !important;
  border: 2px solid #b88a3d !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #f1dfb9 !important;
}

.Content .LunariaAccountManagement .BigButton,
.Content .LunariaAccountManagement .MediumButtonBackground {
  height: 30px !important;
}

.Content .LunariaAccountManagement .BigButton .BigButtonText {
  height: 30px !important;
  line-height: 28px !important;
}

.Content .LunariaAccountStatusPanel .BigButton {
  width: 146px !important;
  min-width: 146px !important;
  max-width: 146px !important;
}

.Content .LunariaAccountStatusPanel .BigButton .BigButtonText {
  width: 100% !important;
  min-width: 100% !important;
}

/* News families: each article/ticker is a distinct Lunaria panel. */
.Content #NewsTicker,
.Content #FeaturedArticle,
.Content #News,
.Content #NewsArchive {
  margin-bottom: var(--lunaria-page-gap) !important;
}

/* The news landing already has its own editorial heading inside the article. */
#ContentHelper > .LunariaNewsLanding > .BorderTitleText,
#ContentHelper > .LunariaNewsLanding > .TitleText,
#ContentHelper > #news > .BorderTitleText,
#ContentHelper > #news > .TitleText,
#ContentHelper > #latestnews > .BorderTitleText,
#ContentHelper > #latestnews > .TitleText {
  display: none !important;
}

#ContentHelper > .LunariaNewsLanding > .Border_2 {
  margin-top: 0 !important;
}

/* Keep the native news bar as the single title and remove the repeated body H1. */
#ContentHelper > .LunariaNewsLanding .NewsHeadline + table h1:first-child {
  display: none !important;
}

.Content #News > .BoxContent,
.Content #FeaturedArticle > .BoxContent,
.Content #NewsArchive > .BoxContent {
  padding: 0 14px 14px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--lunaria-page-border) !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: var(--lunaria-page-bg) !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) !important;
}

.Content #News .NewsHeadlineBackground,
.Content #FeaturedArticle .NewsHeadlineBackground,
.Content #NewsArchive .NewsHeadlineBackground {
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  min-height: 37px !important;
  margin: 0 0 -1px !important;
  border: 0 !important;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
}

.Content :is(#News, #FeaturedArticle, #NewsArchive) .NewsHeadlineText,
.Content :is(#News, #FeaturedArticle, #NewsArchive) .NewsHeadlineDate,
.Content :is(#News, #FeaturedArticle, #NewsArchive) .NewsHeadlineAuthor {
  color: #f5e6b7 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  text-shadow: 0 1px 1px #000 !important;
}

.Content #NewsTicker .BoxContent {
  border: 1px solid var(--lunaria-page-border) !important;
  background: var(--lunaria-page-bg) !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25) !important;
}

.Content #NewsTicker .Row:nth-child(odd) {
  background: var(--lunaria-page-bg-soft) !important;
}

.Content #NewsTicker .Row:nth-child(even) {
  background: var(--lunaria-page-bg-alt) !important;
}

/* Character Bazaar cards follow the compact RubinOT auction treatment. */
.Content .Auction {
  margin: 0 0 12px !important;
  border: 1px solid var(--lunaria-page-border-dark) !important;
  border-radius: 3px !important;
  background: var(--lunaria-page-bg-soft) !important;
  box-shadow: 0 2px 5px rgba(67, 39, 13, 0.22) !important;
  overflow: hidden !important;
}

.Content .AuctionHeader {
  min-height: 32px !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #321244 !important;
  background: linear-gradient(to bottom, #8145b9, #592584) !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
}

.Content .AuctionHeader a {
  color: #fff !important;
  text-shadow: none !important;
}

.Content .AuctionBody {
  background: var(--lunaria-page-bg-soft) !important;
}

.Content .AuctionBodyBlock,
.Content .ShortAuctionData,
.Content .CurrentBid .Container {
  border-color: rgba(118, 87, 47, 0.32) !important;
  background: transparent !important;
  color: var(--lunaria-page-text) !important;
}

.Content .CVIcon {
  border-color: var(--lunaria-page-border-dark) !important;
  background-color: #cdb890 !important;
}

/* Calendar and Bootstrap overlays no longer bring blue/white panels back. */
.Content .event_name,
.Content .day,
.Content .eventscheduleheadertop {
  font-family: Verdana, Arial, sans-serif !important;
}

.Content .day {
  border-color: rgba(118, 87, 47, 0.3) !important;
  background-color: var(--lunaria-page-bg-soft) !important;
  color: var(--lunaria-page-text) !important;
}

.Content .modal-content {
  border: 1px solid var(--lunaria-page-border-dark) !important;
  border-radius: 4px !important;
  background: var(--lunaria-page-bg) !important;
  color: var(--lunaria-page-text) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

.Content .modal-header,
.Content .modal-footer {
  border-color: var(--lunaria-page-border) !important;
  background: var(--lunaria-page-bg-alt) !important;
}

@media (max-width: 700px) {
  .Content .AuctionBody {
    display: block !important;
  }

  .Content .AuctionBodyBlock {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* My Account has no continuous outer page: every subdivision is its own page. */
#ContentHelper > .Box:has(.LunariaAccountManagement) {
  margin-bottom: 0 !important;
  background: transparent !important;
}

#ContentHelper > .Box:has(.LunariaAccountManagement) > .BorderTitleText,
#ContentHelper > .Box:has(.LunariaAccountManagement) > .TitleText {
  display: none !important;
}

#ContentHelper > .Box:has(.LunariaAccountManagement) > .Border_2,
#ContentHelper > .Box:has(.LunariaAccountManagement) > .Border_2 > .Border_3,
#ContentHelper > .Box:has(.LunariaAccountManagement) .BoxContent {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.LunariaAccountManagement {
  gap: 18px !important;
  background: transparent !important;
}

.LunariaAccountWelcome {
  display: none !important;
}

.LunariaAccountManagement > .TableContainer {
  margin: 0 0 2px !important;
  overflow: visible !important;
  border: 2px solid #b88a3d !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #f1dfb9 !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 248, 220, 0.7) !important;
}

.LunariaAccountManagement > .TableContainer > .CaptionContainer,
.LunariaAccountManagement > .TableContainer > table > .CaptionContainer {
  background-image: url("images/lunaria/top_bar.png") !important;
}

.LunariaAccountManagement > .TableContainer > table {
  padding: 12px 12px 14px !important;
  background: #f1dfb9 !important;
}

/* Definitive header layering: transparent legacy wrappers, one artwork layer. */
.LunariaAccountManagement > .TableContainer > .CaptionContainer,
.LunariaAccountManagement > .TableContainer > table > .CaptionContainer,
.LunariaAccountManagement .CaptionContainer .CaptionInnerContainer {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

.LunariaAccountManagement .CaptionContainer .CaptionInnerContainer .Text {
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
}

/* More breathing room between the desktop center column and both sidebars. */
@media (min-width: 981px) {
  #ContentColumn {
    margin-left: 225px !important;
    margin-right: 225px !important;
  }
}

/* Account status: information sits directly on the page, only benefits are cards. */
.LunariaAccountStatusPanel .TableContent {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.LunariaAccountStatusPanel .TableContent > tbody > tr > td {
  border: 0 !important;
  background: transparent !important;
}

.LunariaAccountStatusPanel .AccountStatusImage {
  display: block !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}

.LunariaAccountStatusPanel .premiumbenefits > div {
  border: 1px solid #b8a888 !important;
  border-radius: 3px !important;
  background: #d9c8a8 !important;
}

.LunariaAccountStatusPanel .PremiumFeatureImage1 {
  display: block !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  object-fit: contain !important;
}

/* The legacy theme paints purple directly on div.Text; replace that exact layer. */
.LunariaAccountManagement .CaptionContainer .CaptionInnerContainer .Text {
  background-color: transparent !important;
  background-image: url("images/lunaria/barra_div_2.png") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
}

/* Only div.Text carries the artwork; the two legacy layers behind it stay empty. */
.LunariaAccountManagement > .TableContainer > .CaptionContainer,
.LunariaAccountManagement > .TableContainer > table > .CaptionContainer,
.LunariaAccountManagement .CaptionContainer .CaptionInnerContainer {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Keep account notices as independent cards between the titled pages. */
.LunariaAccountManagement > .SmallBox {
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box;
  border: 2px solid #b88a3d !important;
  border-radius: 4px;
  background: #f1dfb9 !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.LunariaAccountManagement > .SmallBox .MessageContainer,
.LunariaAccountManagement > .SmallBox .Message {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.LunariaAccountManagement > .SmallBox [class*="BoxFrame"] {
  display: none !important;
}

/* Final compact login page matching the RubinOT proportions. */
.LunariaAccountLoginPage {
  margin: 0 !important;
  padding: 8px 10px 12px !important;
  color: #3d2314;
  font-family: Verdana, Arial, sans-serif !important;
}

.LunariaLoginGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px;
}

.LunariaLoginField {
  display: block;
  min-width: 0;
}

.LunariaLoginLabel {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 7px;
  color: #3d2314;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}

.LunariaLoginLabel svg,
.LunariaLoginSubmit svg,
.LunariaForgotPassword svg {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.LunariaLoginField input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 8px 12px;
  box-sizing: border-box;
  border: 1px solid #b8a888;
  border-radius: 4px;
  outline: 0;
  background: #d4c4a8;
  color: #3d2314;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  box-shadow: inset 0 1px 2px rgba(61, 35, 20, 0.08);
}

.LunariaLoginField input:focus {
  border-color: #2869a9;
  box-shadow: 0 0 0 2px rgba(40, 105, 169, 0.15);
}

.LunariaLoginSubmit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 74px;
  height: 34px;
  margin: 0;
  padding: 8px 12px;
  cursor: pointer;
  border: 1px solid #321244;
  border-radius: 0;
  background: linear-gradient(to bottom, #8447bd, #55217e);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.45);
  color: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  text-shadow: 0 1px #321244;
}

.LunariaLoginSubmit:hover {
  opacity: 0.9;
}

.LunariaLoginError {
  margin-top: 8px;
  color: #b42318;
  font-size: 10px;
}

.LunariaForgotPassword {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 11px;
  color: #1e5799 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 14px;
  text-decoration: none !important;
}

.LunariaForgotPassword:hover {
  color: #286fbb !important;
  text-decoration: underline !important;
}

.LunariaLoginSecondaryActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.LunariaLoginSecondaryActions .LunariaForgotPassword {
  margin-top: 0;
}

.LunariaLoginCreateAccount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 112px;
  height: 32px;
  padding: 0 13px;
  box-sizing: border-box;
  border: 1px solid #8c642d;
  border-radius: 2px;
  background: linear-gradient(to bottom, #c79b4a, #926923);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
  color: #fff !important;
  font: 700 10px/30px Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  text-transform: uppercase;
  text-shadow: 0 1px #5e4015;
}

.LunariaLoginCreateAccount svg {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.LunariaLoginCreateAccount:hover {
  filter: brightness(1.08);
}

@media (max-width: 700px) {
  .LunariaLoginGrid {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .LunariaLoginSubmit {
    width: 100%;
  }

  .LunariaLoginSecondaryActions {
    align-items: stretch;
    flex-direction: column;
  }

  .LunariaLoginCreateAccount {
    width: 100%;
  }
}

/* Hide the legacy registration block if production still serves cached Twig. */
#ContentHelper .BoxContent:has(input[name="account_login"]) > div[style*="text-align:center"],
#ContentHelper .BoxContent:has(input[name="account_login"]) > .TableContainer:not(:has(input[name="account_login"])) {
  display: none !important;
}

/* My Account: independent RubinOT-style sections using barra_div_2. */
.LunariaAccountManagement {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #5a2800;
  font-family: Verdana, Arial, sans-serif;
}

.LunariaAccountManagement > br,
.LunariaAccountManagement .TopButtonContainer {
  display: none !important;
}

.LunariaAccountWelcome {
  margin: 0 0 -6px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.LunariaAccountManagement > .TableContainer {
  position: relative;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible;
  border: 2px solid #b88a3d !important;
  border-top: 0 !important;
  border-radius: 0 0 4px 4px;
  background: #f1dfb9 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 248, 220, 0.7) !important;
}

.LunariaAccountManagement > .TableContainer > .CaptionContainer,
.LunariaAccountManagement > .TableContainer > table > .CaptionContainer {
  display: block !important;
  position: relative !important;
  z-index: 10;
  width: calc(100% + var(--lunaria-section-bar-extra-width)) !important;
  height: var(--lunaria-section-bar-height) !important;
  margin: 0 var(--lunaria-section-bar-offset) !important;
  padding: 0 !important;
  border: 0 !important;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
}

.LunariaAccountManagement .CaptionInnerContainer {
  position: static !important;
  width: 100% !important;
  height: var(--lunaria-section-bar-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.LunariaAccountManagement .CaptionInnerContainer > span {
  display: none !important;
}

.LunariaAccountManagement .CaptionContainer .Text {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100% !important;
  height: 37px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f5e6b7 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
  line-height: 37px !important;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
  text-transform: uppercase;
}

.LunariaSectionIcon {
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.LunariaAccountManagement > .TableContainer > table {
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box;
}

.LunariaAccountManagement .InnerTableContainer,
.LunariaAccountManagement .TableContentContainer,
.LunariaAccountManagement .TableContentAndRightShadow {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.LunariaAccountManagement .TableContent {
  border: 1px solid #b8a888 !important;
  background: #d9c8a8 !important;
  color: #5a2800 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
}

.LunariaAccountManagement .TableContent td {
  padding: 7px 9px;
  color: #5a2800 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
}

.LunariaAccountManagement .TableContent tr[style*="background-color"] {
  background-color: rgba(255, 248, 224, 0.25) !important;
}

.LunariaAccountManagement .AccountStatusImage {
  width: 58px;
  height: 58px;
  margin: 2px 4px;
  border: 2px solid #7c239c;
  border-radius: 8px;
  background: #60227d;
}

.LunariaAccountManagement .BigBoldText {
  color: #7d259e;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px !important;
}

.LunariaAccountManagement .premiumbenefits {
  gap: 12px;
  padding-top: 10px !important;
  border-top: 1px solid #b8a888;
}

.LunariaAccountManagement .premiumbenefits > div {
  min-height: 54px;
  padding: 7px;
  border: 1px solid #b8a888;
  border-radius: 3px;
  background: #d9c8a8;
  box-sizing: border-box;
  font-size: 10px;
}

@media (max-width: 700px) {
  .LunariaAccountManagement .premiumbenefits {
    display: block;
  }

  .LunariaAccountManagement .premiumbenefits > div {
    margin-bottom: 7px;
  }

  .LunariaAccountManagement > .TableContainer > .CaptionContainer,
  .LunariaAccountManagement > .TableContainer > table > .CaptionContainer {
    width: calc(100% + 18px) !important;
    margin-right: -9px !important;
    margin-left: -9px !important;
  }
}

/* Cache-safe login selectors: also style the precompiled Twig markup on production. */
.TableContainer:has(input[name="account_login"]),
.TableContainer:has(input[name="account_login"]) .InnerTableContainer,
.TableContainer:has(input[name="account_login"]) .TableContentContainer,
.TableContainer:has(input[name="account_login"]) .TableContent {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.TableContainer:has(input[name="account_login"]) > .CaptionContainer {
  display: none !important;
}

.TableContainer:has(input[name="account_login"]) .Table4,
.TableContainer:has(input[name="account_login"]) .TableContent {
  width: 100% !important;
}

.TableContainer:has(input[name="account_login"]) .TableContent > tbody > tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  align-items: end;
  gap: 16px;
}

.TableContainer:has(input[name="account_login"]) table:has(input[name="account_login"]) > tbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}

.TableContainer:has(input[name="account_login"]) tr:has(> td > input[name="account_login"]),
.TableContainer:has(input[name="account_login"]) tr:has(> td > input[name="password_login"]) {
  display: block;
}

.TableContainer:has(input[name="account_login"]) tr:has(input[name="account_login"]) > td,
.TableContainer:has(input[name="account_login"]) tr:has(input[name="password_login"]) > td {
  display: block;
  width: 100% !important;
  padding: 0 !important;
}

.TableContainer:has(input[name="account_login"]) tr:has(input[name="account_login"]) .LabelV,
.TableContainer:has(input[name="account_login"]) tr:has(input[name="password_login"]) .LabelV {
  margin-bottom: 7px;
  color: #4a260c;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.TableContainer:has(input[name="account_login"]) input[name="account_login"],
.TableContainer:has(input[name="account_login"]) input[name="password_login"] {
  width: 100% !important;
  height: 35px;
  padding: 8px 11px;
  box-sizing: border-box;
  border: 1px solid #b8a17d;
  border-radius: 4px;
  outline: 0;
  background: #d8c6a7;
  color: #4a321e;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.TableContainer:has(input[name="account_login"]) tr:has(input[name="remember_me"]) {
  grid-column: 1 / -1;
  color: #5a2800;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.TableContainer:has(input[name="account_login"]) #LoginFormButtonCell {
  width: 92px !important;
  padding: 0 !important;
  border: 0 !important;
}

.TableContainer:has(input[name="account_login"]) #LoginFormButtonCell .BigButton {
  width: 76px !important;
  height: 35px !important;
  margin: 0 auto;
  border: 1px solid #174a7e;
  background: linear-gradient(to bottom, #317cc6, #1f5fa6) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.25);
}

.TableContainer:has(input[name="account_login"]) #LoginFormButtonCell .BigButtonText {
  width: 100% !important;
  height: 100% !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: transparent !important;
}

.TableContainer:has(input[name="account_login"]) #LoginFormButtonCell .BigButtonOver {
  display: none !important;
}

@media (max-width: 700px) {
  .TableContainer:has(input[name="account_login"]) .TableContent > tbody > tr,
  .TableContainer:has(input[name="account_login"]) table:has(input[name="account_login"]) > tbody {
    display: block;
  }
}

/* Final My Account separation overrides. */
#ContentHelper > .Box:has(.LunariaAccountManagement) > .BorderTitleText,
#ContentHelper > .Box:has(.LunariaAccountManagement) > .TitleText {
  display: none !important;
}

#ContentHelper > .Box:has(.LunariaAccountManagement),
#ContentHelper > .Box:has(.LunariaAccountManagement) > .Border_2,
#ContentHelper > .Box:has(.LunariaAccountManagement) > .Border_2 > .Border_3,
#ContentHelper > .Box:has(.LunariaAccountManagement) .BoxContent {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.LunariaAccountManagement {
  gap: 18px !important;
  background: transparent !important;
}

.LunariaAccountWelcome {
  display: none !important;
}

.LunariaAccountManagement > .TableContainer {
  margin: 0 !important;
  border: 2px solid #b88a3d !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #f1dfb9 !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 248, 220, 0.7) !important;
}

.LunariaAccountManagement > .TableContainer > .CaptionContainer,
.LunariaAccountManagement > .TableContainer > table > .CaptionContainer {
  border: 0 !important;
  background-color: transparent !important;
  background-image: url("images/lunaria/barra_div_2.png") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
}

.LunariaAccountManagement .CaptionContainer,
.LunariaAccountManagement .CaptionInnerContainer,
.LunariaAccountManagement .CaptionContainer .Text {
  border: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.LunariaAccountManagement > .TableContainer > table {
  padding: 12px 12px 14px !important;
  background: #f1dfb9 !important;
}

/* Final single-layer header artwork. */
.LunariaAccountManagement > .TableContainer > .CaptionContainer,
.LunariaAccountManagement > .TableContainer > table > .CaptionContainer,
.LunariaAccountManagement .CaptionContainer .CaptionInnerContainer {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

.LunariaAccountManagement .CaptionContainer .CaptionInnerContainer .Text {
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
}

/* Final account-status cleanup and desktop spacing. */
@media (min-width: 981px) {
  #ContentColumn {
    margin-left: 225px !important;
    margin-right: 225px !important;
  }
}

.LunariaAccountStatusPanel .TableContent,
.LunariaAccountStatusPanel .TableContent > tbody > tr > td {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.LunariaAccountStatusPanel .AccountStatusImage {
  display: block !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}

.LunariaAccountStatusPanel .premiumbenefits > div {
  border: 1px solid #b8a888 !important;
  border-radius: 3px !important;
  background: #d9c8a8 !important;
}

/* Every My Account action follows the compact Enter button design. */
.LunariaAccountManagement .BigButton,
.LunariaAccountManagement .MediumButtonBackground,
.LunariaAccountManagement button,
.LunariaAccountManagement input[type="submit"] {
  box-sizing: border-box !important;
  border: 1px solid #321244 !important;
  border-radius: 0 !important;
  background-color: #6b2b98 !important;
  background-image: linear-gradient(to bottom, #8447bd, #55217e) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.45) !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-shadow: 0 1px #321244 !important;
}

.LunariaAccountManagement .BigButton,
.LunariaAccountManagement .MediumButtonBackground {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 135px !important;
  min-width: 89px !important;
  height: 34px !important;
  overflow: hidden;
}

.LunariaAccountManagement .BigButtonText,
.LunariaAccountManagement .MediumButtonText {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  text-align: center !important;
  text-shadow: 0 1px #321244 !important;
}

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

.LunariaAccountManagement .BigButton:hover,
.LunariaAccountManagement .MediumButtonBackground:hover,
.LunariaAccountManagement button:hover,
.LunariaAccountManagement input[type="submit"]:hover {
  opacity: 0.9;
  transform: none !important;
  filter: none !important;
}

.LunariaAccountManagement .BigButtonText:hover {
  top: 0 !important;
  left: 0 !important;
}

/* Compact account actions with contextual SVG icons. */
.LunariaAccountManagement .BigButton,
.LunariaAccountManagement .MediumButtonBackground {
  height: 30px !important;
}

.LunariaAccountManagement .BigButtonText,
.LunariaAccountManagement .MediumButtonText {
  padding: 0 9px 0 27px !important;
  line-height: 26px !important;
}

.LunariaAccountManagement .BigButton::before,
.LunariaAccountManagement .MediumButtonBackground::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  z-index: 30;
  width: 13px;
  height: 13px;
  pointer-events: none;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
}

.LunariaAccountManagement .BigButton:has(input[value="Get Coins"])::before {
  background-image: url("images/lunaria/account/actions/get-coins.svg");
}

.LunariaAccountManagement .BigButton:has(input[value="Logout"])::before {
  background-image: url("images/lunaria/account/actions/logout.svg");
}

.LunariaAccountManagement .BigButton:has(input[value="Register Account"])::before {
  background-image: url("images/lunaria/account/actions/register-account.svg");
}

.LunariaAccountManagement .BigButton:has(input[value="Change Password"])::before {
  background-image: url("images/lunaria/account/actions/change-password.svg");
}

.LunariaAccountManagement .BigButton:has(input[value="Change Email"])::before,
.LunariaAccountManagement .BigButton:has(input[value="Edit"])::before {
  background-image: url("images/lunaria/account/actions/email.svg");
}

.LunariaAccountManagement .BigButton:has(input[value="Create Character"])::before,
.LunariaAccountManagement .MediumButtonBackground:has(input[name="Create Character"])::before {
  background-image: url("images/lunaria/account/actions/create-character.svg");
}

.LunariaAccountStatusPanel .premiumbenefits {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed rgba(90, 40, 0, 0.45) !important;
}

.LunariaVipBenefitsLinkCell {
  padding: 8px 0 2px !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center;
}

.LunariaVipBenefitsLink {
  color: #1e5799 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.LunariaVipBenefitsLink:hover {
  color: #286fbb !important;
  text-decoration: underline !important;
}

/* Final My Account geometry and action behavior. */
.LunariaPublicInformationPanel {
  display: none !important;
}

.LunariaAccountManagement > a[name],
.LunariaAccountManagement > br,
.LunariaAccountManagement > .TopButtonContainer {
  display: none !important;
}

/* The wrapper stays transparent; beige starts only after barra_div_2. */
.LunariaAccountManagement > .TableContainer {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.LunariaAccountManagement > .TableContainer > .CaptionContainer,
.LunariaAccountManagement > .TableContainer > table > .CaptionContainer {
  position: relative !important;
  z-index: 20 !important;
}

.LunariaAccountManagement > .TableContainer > table {
  position: relative !important;
  z-index: 1 !important;
  margin: -6px 0 0 !important;
  padding: 12px 12px 14px !important;
  box-sizing: border-box !important;
  border: 2px solid #b88a3d !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #f1dfb9 !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 248, 220, 0.7) !important;
}

.LunariaAccountStatusPanel .premiumbenefits {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(90, 40, 0, 0.42) !important;
}

/* Buttons grow with their label and reserve icon space only when needed. */
.LunariaAccountManagement .BigButton {
  display: inline-block !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 28px !important;
  overflow: visible !important;
  vertical-align: middle;
}

.LunariaAccountManagement .BigButton > div {
  position: relative !important;
  width: auto !important;
  height: 100% !important;
}

.LunariaAccountManagement .BigButtonText {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  min-width: 110px !important;
  max-width: none !important;
  height: 28px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  line-height: 26px !important;
  white-space: nowrap !important;
}

.LunariaAccountManagement .BigButton::before,
.LunariaAccountManagement .MediumButtonBackground::before {
  width: 13px !important;
  height: 13px !important;
  background-size: 13px 13px !important;
}

.LunariaAccountManagement .BigButton:has(input[value="Get Coins"]) .BigButtonText,
.LunariaAccountManagement .BigButton:has(input[value="Logout"]) .BigButtonText,
.LunariaAccountManagement .BigButton:has(input[value="Register Account"]) .BigButtonText,
.LunariaAccountManagement .BigButton:has(input[value="Change Password"]) .BigButtonText,
.LunariaAccountManagement .BigButton:has(input[value="Change Email"]) .BigButtonText,
.LunariaAccountManagement .BigButton:has(input[value="Edit"]) .BigButtonText,
.LunariaAccountManagement .BigButton:has(input[value="Create Character"]) .BigButtonText {
  padding-right: 12px !important;
  padding-left: 30px !important;
}

.LunariaAccountManagement .BigButton:not(:has(input[value="Get Coins"])):not(:has(input[value="Logout"])):not(:has(input[value="Register Account"])):not(:has(input[value="Change Password"])):not(:has(input[value="Change Email"])):not(:has(input[value="Edit"])):not(:has(input[value="Create Character"]))::before {
  content: none !important;
  display: none !important;
}

/* Logged account sidebar: header above and tightly attached to its body. */
#Loginbox.modern-loginbox .modern-loginbox-header {
  position: relative !important;
  z-index: 20 !important;
  margin-bottom: -3px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-transform: uppercase;
}

#Loginbox.modern-loginbox .modern-loginbox-body {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
  padding-top: 11px !important;
}

/* Clear divider between account summary and the three premium benefits. */
.LunariaAccountStatusPanel .premiumbenefits {
  border-top: 0 !important;
  background-image: linear-gradient(to right, #ad9a73, #ad9a73) !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 100% 1px !important;
}

/* Site-wide form actions: same compact style used by My Account. */
.Content .BigButton,
.Content .MediumButtonBackground {
  position: relative !important;
  width: fit-content !important;
  min-width: 89px !important;
  max-width: 100% !important;
  height: 30px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 1px solid #321244 !important;
  border-radius: 0 !important;
  background: linear-gradient(to bottom, #8145b9, #592584) !important;
  box-shadow: none !important;
}

.Content .BigButtonText,
.Content .MediumButtonText,
.Content input[type="submit"],
.Content input[type="button"],
.Content button:not(.TopQuickBarFlag) {
  min-width: 89px !important;
  height: 30px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #321244 !important;
  border-radius: 0 !important;
  background: linear-gradient(to bottom, #8145b9, #592584) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  text-align: center !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

.Content .BigButton .BigButtonText {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  min-width: 89px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.Content .MediumButtonBackground .MediumButtonText {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Back and cancel actions use the warm beige secondary treatment. */
.Content .BigButton:has(input[value="Back" i]),
.Content .BigButton:has(input[value="Voltar" i]),
.Content .BigButton:has(input[value="Cancel" i]),
.Content .BigButton:has(input[value="Cancelar" i]),
.Content .BigButton:has(input[value="Exit" i]),
.Content .BigButton:has(input[value="Sair" i]),
.Content .BigButton:has(input[value="Logout" i]),
.Content input[type="submit"][value="Back" i],
.Content input[type="submit"][value="Voltar" i],
.Content input[type="submit"][value="Cancel" i],
.Content input[type="submit"][value="Cancelar" i],
.Content input[type="submit"][value="Exit" i],
.Content input[type="submit"][value="Sair" i],
.Content input[type="submit"][value="Logout" i],
.Content input[type="button"][value="Back" i],
.Content input[type="button"][value="Voltar" i],
.Content input[type="button"][value="Cancel" i],
.Content input[type="button"][value="Cancelar" i],
.Content input[type="button"][value="Exit" i],
.Content input[type="button"][value="Sair" i],
.Content input[type="button"][value="Logout" i] {
  border-color: #5d4e37 !important;
  background: linear-gradient(to bottom, #887052, #645034) !important;
  box-shadow: none !important;
  color: #fff !important;
  text-shadow: none !important;
}

.Content .BigButton:has(input[value="Back" i]) .BigButtonText,
.Content .BigButton:has(input[value="Voltar" i]) .BigButtonText,
.Content .BigButton:has(input[value="Cancel" i]) .BigButtonText,
.Content .BigButton:has(input[value="Cancelar" i]) .BigButtonText,
.Content .BigButton:has(input[value="Exit" i]) .BigButtonText,
.Content .BigButton:has(input[value="Sair" i]) .BigButtonText,
.Content .BigButton:has(input[value="Logout" i]) .BigButtonText {
  color: #fff !important;
  text-shadow: none !important;
}

.Content .BigButton:hover,
.Content .MediumButtonBackground:hover,
.Content input[type="submit"]:hover,
.Content input[type="button"]:hover,
.Content button:not(.TopQuickBarFlag):hover {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

.Content .BigButton:hover,
.Content .MediumButtonBackground:hover,
.Content input[type="submit"]:hover,
.Content input[type="button"]:hover,
.Content button:not(.TopQuickBarFlag):hover {
  background: linear-gradient(to bottom, #8145b9, #592584) !important;
}

.Content .BigButton:active,
.Content .MediumButtonBackground:active,
.Content input[type="submit"]:active,
.Content input[type="button"]:active,
.Content button:not(.TopQuickBarFlag):active {
  background: linear-gradient(to bottom, #592584, #8145b9) !important;
}

.Content .BigButton:has(input:is([value="Back" i], [value="Voltar" i], [value="Cancel" i], [value="Cancelar" i], [value="Exit" i], [value="Sair" i], [value="Logout" i])):hover,
.Content input:is([type="submit"], [type="button"]):is([value="Back" i], [value="Voltar" i], [value="Cancel" i], [value="Cancelar" i], [value="Exit" i], [value="Sair" i], [value="Logout" i]):hover {
  background: linear-gradient(to bottom, #9c7e58, #645034) !important;
}

.Content .BigButton:has(input:is([value="Back" i], [value="Voltar" i], [value="Cancel" i], [value="Cancelar" i], [value="Exit" i], [value="Sair" i], [value="Logout" i])):active,
.Content input:is([type="submit"], [type="button"]):is([value="Back" i], [value="Voltar" i], [value="Cancel" i], [value="Cancelar" i], [value="Exit" i], [value="Sair" i], [value="Logout" i]):active {
  background: linear-gradient(to bottom, #645034, #9c7e58) !important;
}

/* Account status action stack: every button has exactly the same footprint. */
.LunariaAccountStatusPanel .BigButton {
  width: 146px !important;
  min-width: 146px !important;
  max-width: 146px !important;
}

.LunariaAccountStatusPanel .BigButton .BigButtonText {
  width: 100% !important;
  min-width: 100% !important;
}

/* ========================================================================== */
/* Public pages design system: RubinOT structure with Lunaria artwork.        */
/* ========================================================================== */

:root {
  --lunaria-page-bg: #f1dfb9;
  --lunaria-page-bg-soft: #ead6af;
  --lunaria-page-bg-alt: #dcc49b;
  --lunaria-page-border: #b89558;
  --lunaria-page-border-dark: #76572f;
  --lunaria-page-text: #5a2800;
  --lunaria-page-link: #68249a;
  --lunaria-page-gap: 14px;
  --lunaria-section-gap: 18px;
  --lunaria-section-bar-height: 39px;
  --lunaria-section-bar-extra-width: 34px;
  --lunaria-section-bar-offset: -17px;
  --lunaria-section-body-border: 2px solid #b88a3d;
  --lunaria-ranking-header-bg: #d0bfa0;
}

/* -------------------------------------------------------------------------- */
/* Lunaria page-section standard. New pages must use these four shared classes:
   LunariaPageSections > LunariaPageSection > LunariaSectionBar +
   LunariaSectionBody. Tables use LunariaRankingTable.                         */
/* -------------------------------------------------------------------------- */
#ContentHelper > .Box:has(.LunariaPageSections) {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#ContentHelper > .Box:has(.LunariaPageSections) > :is(.Corner-tl, .Corner-tr, .BorderTitleText, .TitleText, .Border_1, .CornerWrapper-b) {
  display: none !important;
}

#ContentHelper > .Box:has(.LunariaPageSections) > .Border_2,
#ContentHelper > .Box:has(.LunariaPageSections) > .Border_2 > .Border_3,
#ContentHelper > .Box:has(.LunariaPageSections) > .Border_2 > .Border_3 > .BoxContent {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.Content .LunariaPageSections {
  display: flex;
  flex-direction: column;
  gap: var(--lunaria-section-gap);
  width: 100%;
}

.Content .LunariaPageSection {
  width: 100%;
  margin: 0;
}

.Content .LunariaSectionBar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: calc(100% + var(--lunaria-section-bar-extra-width));
  min-height: var(--lunaria-section-bar-height);
  margin: 0 var(--lunaria-section-bar-offset);
  padding: 0 20px 0 39px;
  box-sizing: border-box;
  border: 0;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
  color: #f5e6b7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  line-height: var(--lunaria-section-bar-height);
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000;
}

.Content .LunariaSectionBar::before {
  position: absolute;
  left: 17px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: var(--lunaria-page-icon) center / contain no-repeat;
  filter: brightness(0) invert(1);
  transform: translateY(-50%);
  content: "";
}

.Content .LunariaSectionBody {
  width: 100%;
  margin-top: -1px;
  padding: 12px 14px 14px;
  box-sizing: border-box;
  border: var(--lunaria-section-body-border);
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background: var(--lunaria-page-bg);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 248, 220, 0.58);
  color: #4c3824;
}

.Content .LunariaRankingTable {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  color: var(--lunaria-page-text);
  font-family: Verdana, Arial, sans-serif;
}

.Content .LunariaRankingTable thead > tr > :is(th, td),
.Content .LunariaRankingTable .LunariaRankingHeader > :is(th, td) {
  background: var(--lunaria-ranking-header-bg) !important;
  color: #3f2f1d !important;
  font-weight: 700 !important;
}

.Content .LunariaRankingTable tbody > tr:nth-child(odd) > :is(th, td) {
  background: #f1dfb9 !important;
}

.Content .LunariaRankingTable tbody > tr:nth-child(even) > :is(th, td) {
  background: #dfcfad !important;
}

.Content .LunariaRankingTable :is(th, td) {
  height: 24px;
  padding: 4px 8px;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid rgba(112, 88, 51, 0.35);
  color: #4c3824;
  font-size: 10px;
  vertical-align: middle;
}

.Content .LunariaTableScroll {
  width: 100%;
  overflow-x: auto;
}

/* Pages migrated to the Server Info independent-panel standard. */
.Content .LunariaNewsArchiveIcon {
  width: 34px;
  text-align: center;
}

.Content .LunariaNewsArchiveDate {
  width: 26%;
}

.Content .LunariaLastKillsPosition,
.Content .LunariaLastKillsWorld {
  width: 52px;
  text-align: center;
}

.Content .LunariaLastKillsDate {
  width: 145px;
}

.Content .LunariaOnlineFilter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 12px;
}

.Content .LunariaOnlineFilter select {
  width: min(230px, 55%);
}

.Content .LunariaOnlineOutfit {
  width: 70px;
  text-align: center;
}

.Content .LunariaOnlineOutfit img {
  max-width: 64px;
  max-height: 64px;
}

.Content .LunariaOnlineLevel {
  width: 80px;
  text-align: center;
}

.Content .LunariaOnlineVocation {
  width: 150px;
}

.Content .LunariaCharacterSearch {
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) auto;
  align-items: center;
  gap: 9px;
}

.Content .LunariaCharacterSearch input {
  width: 100%;
}

.Content .LunariaHouseView + .LunariaHousesPage {
  margin-top: var(--lunaria-section-gap);
}

.Content .LunariaHouseDetails {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.Content .LunariaHouseDetails > img {
  max-width: 50%;
  height: auto;
}

.Content .LunariaHouseDetails p,
.Content .LunariaHousesPage p {
  margin: 0 0 10px;
}

.Content .LunariaHouseResults {
  margin: 14px 0;
}

.Content .LunariaHouseResults h3 {
  margin: 0;
  padding: 7px 9px;
  background: var(--lunaria-ranking-header-bg);
  color: #3f2f1d;
  font-size: 11px;
}

.Content .LunariaHouseNumber {
  width: 90px;
  text-align: center;
}

.Content .LunariaHouseAction {
  width: 72px;
  text-align: center;
}

.Content .LunariaHouseSearchGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.Content .LunariaHouseSearchGrid fieldset {
  min-width: 0;
  margin: 0;
  padding: 8px;
  border: 1px solid #b89558;
  background: #dfcfad;
}

.Content .LunariaHouseSearchGrid legend {
  padding: 0 5px;
  font-weight: 700;
}

.Content .LunariaHouseSearchGrid label {
  display: block;
  margin: 4px 0;
}

.Content .LunariaHouseSearchSubmit {
  margin-top: 12px;
  text-align: center;
}

.Content .LunariaEventCalendarNote {
  margin: 10px 0 0;
  color: #4c3824;
  font-size: 10px;
}

@media (max-width: 700px) {
  .Content .LunariaCharacterSearch,
  .Content .LunariaHouseSearchGrid {
    grid-template-columns: 1fr;
  }

  .Content .LunariaCharacterSearch label {
    margin-bottom: -4px;
  }

  .Content .LunariaHouseDetails {
    flex-direction: column;
  }

  .Content .LunariaHouseDetails > img {
    max-width: 100%;
  }

  .Content .LunariaOnlineTable,
  .Content .LunariaLastKillsTable,
  .Content .LunariaHousesTable,
  .Content #eventscheduletable {
    min-width: 620px;
  }
}

/* Every legacy topic becomes an independent page section. */
.Content .BoxContent > .TableContainer,
.Content .InnerTableContainer > .TableContainer,
.Content .TableContainer {
  position: relative;
  width: 100% !important;
  margin: 0 0 var(--lunaria-page-gap) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.Content .TableContainer:last-child {
  margin-bottom: 0 !important;
}

/* Subsection title: always the Lunaria barra_div_2 artwork. */
.Content .TableContainer > .CaptionContainer {
  position: relative !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: calc(100% + var(--lunaria-section-bar-extra-width)) !important;
  min-height: var(--lunaria-section-bar-height) !important;
  height: var(--lunaria-section-bar-height) !important;
  margin: 0 var(--lunaria-section-bar-offset) !important;
  padding: 0 25px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
}

.Content .TableContainer > .CaptionContainer .CaptionInnerContainer {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.Content .TableContainer > .CaptionContainer .CaptionEdgeLeftTop,
.Content .TableContainer > .CaptionContainer .CaptionEdgeRightTop,
.Content .TableContainer > .CaptionContainer .CaptionBorderTop,
.Content .TableContainer > .CaptionContainer .CaptionVerticalLeft,
.Content .TableContainer > .CaptionContainer .CaptionVerticalRight,
.Content .TableContainer > .CaptionContainer .CaptionBorderBottom,
.Content .TableContainer > .CaptionContainer .CaptionEdgeLeftBottom,
.Content .TableContainer > .CaptionContainer .CaptionEdgeRightBottom {
  display: none !important;
  background: none !important;
}

.Content .TableContainer > .CaptionContainer .Text {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f5e6b7 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: var(--lunaria-section-bar-height) !important;
  letter-spacing: 0.35px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9) !important;
}

.Content .TableContainer > .CaptionContainer .Text > * {
  height: auto !important;
  line-height: inherit !important;
}

/* The topic body begins below its header and never bleeds behind it. */
.Content .TableContainer > :is(table.Table1, table.Table2, table.Table3, table.Table4, table.Table5),
.Content .TableContainer > .InnerTableContainer,
.Content .TableContainer > .TableContentContainer {
  position: relative !important;
  z-index: 1 !important;
  width: calc(100% - 14px) !important;
  margin: 0 7px 0 !important;
  padding-top: 7px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--lunaria-page-border) !important;
  border-radius: 0 0 5px 5px !important;
  background: var(--lunaria-page-bg) !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 248, 220, 0.65) !important;
}

.Content .TableContainer > :is(table.Table1, table.Table2, table.Table3, table.Table4, table.Table5) {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.Content .InnerTableContainer,
.Content .TableContentContainer {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Shared table palette. Inline legacy colors are intentionally overridden. */
.Content table.TableContent,
.Content table.Table1,
.Content table.Table2,
.Content table.Table3,
.Content table.Table4,
.Content table.Table5 {
  width: 100% !important;
  color: var(--lunaria-page-text) !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  border-collapse: collapse !important;
  border-color: var(--lunaria-page-border) !important;
  background: transparent !important;
}

.Content table.TableContent tr > td,
.Content table.TableContent tr > th,
.Content table:is(.Table1, .Table2, .Table3, .Table4, .Table5) tr > td,
.Content table:is(.Table1, .Table2, .Table3, .Table4, .Table5) tr > th {
  padding: 8px 10px !important;
  border-color: rgba(118, 87, 47, 0.32) !important;
  color: var(--lunaria-page-text) !important;
  vertical-align: middle;
}

.Content table.TableContent > tbody > tr:nth-child(odd) > td,
.Content table.TableContent > tbody > tr:nth-child(odd) > th {
  background: var(--lunaria-page-bg-soft) !important;
}

.Content table.TableContent > tbody > tr:nth-child(even) > td,
.Content table.TableContent > tbody > tr:nth-child(even) > th {
  background: var(--lunaria-page-bg-alt) !important;
}

.Content table.TableContent tr:first-child > th,
.Content table.TableContent tr.LabelH > td,
.Content table.TableContent tr.LabelH > th,
.Content table.TableContent td.LabelH,
.Content table.TableContent th.LabelH {
  border-color: var(--lunaria-page-border-dark) !important;
  background: linear-gradient(to bottom, #ccb183, #ad8e5d) !important;
  color: #4d2a10 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px rgba(255, 244, 213, 0.6) !important;
}

.Content table.TableContent tr:hover > td {
  background-color: #d7bd91 !important;
}

.Content a:not(.LunariaCardButton):not(.TopQuickBarItem):not(.TopQuickBarOnline) {
  color: var(--lunaria-page-link);
}

/* RubinOT-like forms and filters. */
.Content input:is([type="text"], [type="email"], [type="password"], [type="number"], [type="search"]),
.Content select,
.Content textarea {
  min-height: 30px;
  padding: 5px 8px !important;
  box-sizing: border-box !important;
  border: 1px solid #aa9874 !important;
  border-radius: 3px !important;
  background: #d8c7a7 !important;
  color: var(--lunaria-page-text) !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  box-shadow: inset 0 1px 2px rgba(77, 42, 16, 0.12) !important;
}

.Content input:focus,
.Content select:focus,
.Content textarea:focus {
  outline: 1px solid #8145b9 !important;
  border-color: #8145b9 !important;
}

/* Alerts retain their content but join the new palette. */
.Content :is(.alert, .ErrorMessage, .SuccessMessage, .InfoMessage) {
  padding: 10px 12px !important;
  border: 1px solid var(--lunaria-page-border) !important;
  border-radius: 3px !important;
  background: #dfcba5 !important;
  color: var(--lunaria-page-text) !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
}

/* Consistent rhythm between old generated blocks. */
.Content .TableContainer + br,
.Content .TableContainer + br + br {
  display: none !important;
}

@media (max-width: 700px) {
  .Content .TableContainer > .CaptionContainer {
    height: var(--lunaria-section-bar-height) !important;
    padding-inline: 20px !important;
  }

  .Content .TableContainer > .CaptionContainer .Text {
    font-size: 11px !important;
    line-height: var(--lunaria-section-bar-height) !important;
  }

  .Content table.TableContent tr > td,
  .Content table.TableContent tr > th {
    padding: 7px !important;
  }
}

/* Definitive Ranking overrides. Keep this block at the end of the stylesheet. */
#ContentHelper #highscores {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

#ContentHelper #highscores > .BorderTitleText {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10 !important;
  isolation: auto !important;
}

#ContentHelper #highscores > .TitleText {
  position: absolute !important;
  top: 19px !important;
  left: 50% !important;
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: max-content !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 999 !important;
  color: #f5e6b7 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9) !important;
}

#ContentHelper #highscores > .TitleText .TitleTextIcon {
  position: relative !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important;
  z-index: 1000 !important;
}

#ContentHelper #highscores > .Border_2 > .Border_3 > .BoxContent {
  padding: 12px 12px 15px !important;
}

#ContentHelper #highscores .TableContainer > .CaptionContainer,
#ContentHelper #highscores .LunariaRankingWorldField,
#ContentHelper #highscores .LunariaRankingSubmit,
#ContentHelper #highscores .LunariaRankingOutfit {
  display: none !important;
}

#ContentHelper #highscores .TableContainer,
#ContentHelper #highscores .TableContainer > table,
#ContentHelper #highscores .InnerTableContainer,
#ContentHelper #highscores .TableContentContainer {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#ContentHelper #highscores .LunariaHighscoresFilterForm > table > tbody {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 210px)) !important;
  justify-content: center !important;
  gap: 23px !important;
  max-width: 455px !important;
  margin: 0 auto !important;
}

#ContentHelper #highscores .LunariaHighscoresFilterForm > table > tbody > :is(.LunariaRankingVocationField, .LunariaRankingCategoryField) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 42px !important;
}

#ContentHelper #highscores .LunariaHighscoresFilterForm .LunariaRankingVocationField {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

#ContentHelper #highscores .LunariaHighscoresFilterForm .LunariaRankingCategoryField {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

#ContentHelper #highscores .LunariaHighscoresFilterForm > table > tbody > :is(.LunariaRankingVocationField, .LunariaRankingCategoryField) > td {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 10px !important;
  line-height: 15px !important;
  text-align: left !important;
}

#ContentHelper #highscores .LunariaHighscoresFilterForm .LunariaRankingVocationField > td:last-child {
  position: static !important;
  inset: auto !important;
  grid-column: auto !important;
  margin: 0 !important;
}

#ContentHelper #highscores .LunariaHighscoresFilterForm select {
  width: 100% !important;
  min-width: 0 !important;
  height: 27px !important;
  min-height: 27px !important;
  padding: 3px 9px !important;
  border: 1px solid #9d8864 !important;
  border-radius: 5px !important;
  background: #d8c7a7 !important;
  font-size: 10px !important;
  box-shadow: none !important;
}

#ContentHelper #highscores .LunariaRankingNotice {
  margin: 12px 13px 19px !important;
  padding: 7px 0 0 !important;
  border-top: 1px solid #b7a17a !important;
  font-size: 9px !important;
  font-style: normal !important;
  line-height: 14px !important;
  text-align: center !important;
}

#ContentHelper #highscores .TableContent {
  width: 100% !important;
  table-layout: fixed !important;
  border: 0 !important;
  border-collapse: collapse !important;
}

#ContentHelper #highscores .TableContent .LunariaRankingRank { width: 9% !important; }
#ContentHelper #highscores .TableContent .LunariaRankingName { width: 32% !important; }
#ContentHelper #highscores .TableContent .LunariaRankingVocation { width: 31% !important; text-align: left !important; }
#ContentHelper #highscores .TableContent .LunariaRankingLevel { width: 11% !important; text-align: left !important; }
#ContentHelper #highscores .TableContent .LunariaRankingExperience { width: 17% !important; text-align: right !important; }

#ContentHelper #highscores .TableContent tr,
#ContentHelper #highscores .TableContent tr[style],
#ContentHelper #highscores .TableContent tr > td {
  height: 24px !important;
}

#ContentHelper #highscores .TableContent tr > td {
  padding: 3px 8px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(112, 88, 51, 0.35) !important;
  color: #4c3824 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  text-align: left !important;
}

#ContentHelper #highscores .TableContent tr.LabelH > td {
  background: #c9b995 !important;
  color: #3f2f1d !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

#ContentHelper #highscores .TableContent tr:not(.LabelH):nth-child(even) > td { background: #dfcfad !important; }
#ContentHelper #highscores .TableContent tr:not(.LabelH):nth-child(odd) > td { background: #f1dfb9 !important; }

#ContentHelper #highscores .TableContent a,
#ContentHelper #highscores .TableContent a span {
  color: #4c3824 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

#ContentHelper #highscores .LunariaRankingPagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  margin: 13px 0 0 !important;
}

#ContentHelper #highscores .LunariaRankingPage {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 27px !important;
  min-width: 27px !important;
  height: 27px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #321244 !important;
  background: linear-gradient(to bottom, #8145b9, #592584) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  text-decoration: none !important;
}

#ContentHelper #highscores .LunariaRankingPage.is-active {
  background: linear-gradient(to bottom, #a75de1, #8441bc) !important;
}

#ContentHelper #highscores .LunariaRankingPage.is-disabled {
  border-color: #b8a58f !important;
  background: #cfb9b2 !important;
  color: rgba(255, 255, 255, 0.45) !important;
  opacity: 0.72 !important;
}

@media (max-width: 700px) {
  #ContentHelper #highscores .LunariaHighscoresFilterForm > table > tbody {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-width: none !important;
  }

  #ContentHelper #highscores .LunariaHighscoresFilterForm :is(.LunariaRankingVocationField, .LunariaRankingCategoryField) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  #ContentHelper #highscores .TableContainer:has(.TableContent .LabelH) {
    overflow-x: auto !important;
  }

  #ContentHelper #highscores .TableContent {
    min-width: 560px !important;
  }
}

/* Universal internal page-header stacking fix. */

/* Server Info: RubinOT structure using Lunaria bars and ranking tables. */
#ContentHelper #serverinfo > .Border_2 > .Border_3 > .BoxContent {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#ContentHelper #serverinfo .LunariaServerInfo {
  display: flex;
  flex-direction: column;
  gap: var(--lunaria-section-gap);
  width: 100%;
}

#ContentHelper #serverinfo .LunariaServerInfoSection {
  width: 100%;
  margin: 0;
}

#ContentHelper #serverinfo .LunariaServerInfoBar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: calc(100% + var(--lunaria-section-bar-extra-width));
  min-height: var(--lunaria-section-bar-height);
  margin: 0 var(--lunaria-section-bar-offset);
  padding: 0 20px 0 39px;
  box-sizing: border-box;
  border: 0;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
  color: #f5e6b7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  line-height: var(--lunaria-section-bar-height);
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000;
}

#ContentHelper #serverinfo .LunariaServerInfoBar::before {
  position: absolute;
  left: 17px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: var(--lunaria-page-icon) center / contain no-repeat;
  filter: brightness(0) invert(1);
  transform: translateY(-50%);
  content: "";
}

#ContentHelper #serverinfo .LunariaServerInfoBody {
  width: 100%;
  margin-top: -1px;
  padding: 12px 14px 14px;
  box-sizing: border-box;
  border: var(--lunaria-section-body-border);
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background: var(--lunaria-page-bg);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 248, 220, 0.58);
  color: #4c3824;
}

#ContentHelper #serverinfo .LunariaServerInfoIntro p {
  margin: 0 0 7px;
  font-size: 10px;
  line-height: 16px;
}

#ContentHelper #serverinfo .LunariaServerInfoIntro p + .LunariaRankingTable {
  margin-top: 11px;
}

#ContentHelper #serverinfo .LunariaRankingTable {
  width: 100%;
  margin: 0;
  table-layout: fixed;
  border: 0;
  border-collapse: collapse;
  background: transparent;
  color: #4c3824;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

#ContentHelper #serverinfo .LunariaRankingTable tr {
  height: 24px;
}

#ContentHelper #serverinfo .LunariaRankingTable :is(th, td) {
  height: 24px;
  padding: 3px 8px;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid rgba(112, 88, 51, 0.35);
  background: #f1dfb9 !important;
  color: #4c3824 !important;
  font-size: 10px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  vertical-align: middle;
}

#ContentHelper #serverinfo .LunariaRankingTable tbody tr:nth-child(even) > :is(th, td) {
  background: #dfcfad !important;
}

#ContentHelper #serverinfo .LunariaRankingTable thead th,
#ContentHelper #serverinfo .LunariaRankingTable .LunariaServerInfoHead > th,
#ContentHelper #serverinfo .LunariaRankingTable .LunariaServerInfoHead > td,
#ContentHelper #serverinfo .LunariaRankingTable .LunariaServerRateKind {
  background: var(--lunaria-ranking-header-bg) !important;
  color: #3f2f1d !important;
  font-weight: 700 !important;
}

#ContentHelper #serverinfo .LunariaRankingTable thead th:not(:first-child),
#ContentHelper #serverinfo .LunariaServerRegenTable :is(th, td):not(:first-child),
#ContentHelper #serverinfo .LunariaServerInfoSecondaryTable :is(th, td):not(:first-child) {
  text-align: center;
}

#ContentHelper #serverinfo .LunariaServerInfoSummary td:first-child {
  width: 44%;
  font-weight: 700;
}

#ContentHelper #serverinfo .LunariaServerRateKind {
  width: 25%;
  font-weight: 700;
  vertical-align: middle;
}

#ContentHelper #serverinfo .LunariaServerRatesTable :is(td, th):not(:first-child) {
  font-variant-numeric: tabular-nums;
}

#ContentHelper #serverinfo .LunariaServerRateHeader > :is(th, td) {
  border-top: 12px solid var(--lunaria-page-bg);
}

#ContentHelper #serverinfo .LunariaServerRateFooter > th {
  font-weight: 700;
}

#ContentHelper #serverinfo .LunariaServerRateFooter > td {
  text-align: center;
}

#ContentHelper #serverinfo .LunariaServerInfoSubheading {
  margin: 13px 0 6px;
  color: #4c3824;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
}

#ContentHelper #serverinfo .LunariaServerInfoCommand {
  width: 29%;
  font-family: Consolas, "Courier New", monospace;
  font-weight: 700;
  white-space: nowrap;
}

#ContentHelper #serverinfo .LunariaServerInfoNote {
  margin: 0 0 10px;
  padding: 7px 9px;
  border: 1px solid rgba(112, 88, 51, 0.28);
  background: #d8c7a7;
  color: #4c3824;
  font-size: 9px;
  line-height: 15px;
}

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

#ContentHelper #serverinfo .LunariaServerInfoColumns .LunariaRankingTable {
  height: calc(100% - 35px);
}

#ContentHelper #serverinfo .LunariaServerInfoSecondaryTable {
  margin-top: 12px;
}

@media (max-width: 700px) {
  #ContentHelper #serverinfo .LunariaServerInfoBar {
    padding-left: 34px;
    font-size: 11px;
  }

  #ContentHelper #serverinfo .LunariaServerInfoColumns {
    grid-template-columns: 1fr;
  }

  #ContentHelper #serverinfo .LunariaServerInfoTableWrap {
    overflow-x: auto;
  }

  #ContentHelper #serverinfo .LunariaServerInfoTableWrap > .LunariaRankingTable,
  #ContentHelper #serverinfo .LunariaServerRegenTable {
    min-width: 560px;
  }
}
.Content .TableContainer {
  isolation: isolate !important;
}

.Content .TableContainer > .CaptionContainer {
  position: relative !important;
  z-index: 100 !important;
  isolation: isolate !important;
  overflow: visible !important;
}

.Content .TableContainer > .CaptionContainer > .CaptionInnerContainer {
  position: relative !important;
  z-index: 101 !important;
}

.Content .TableContainer > .CaptionContainer .Text {
  position: relative !important;
  z-index: 102 !important;
}

.Content .TableContainer > :is(table.Table1, table.Table2, table.Table3, table.Table4, table.Table5),
.Content .TableContainer > .InnerTableContainer,
.Content .TableContainer > .TableContentContainer {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin-top: -1px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Every internal barra_div_2 inherits its page icon from the central map. */
.Content .Box .TableContainer > .CaptionContainer .Text:not(:has(img))::before {
  display: inline-block !important;
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 6px !important;
  content: "" !important;
  background-image: var(--lunaria-page-icon) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: brightness(0) invert(1) !important;
}

.Content .TableContainer > .CaptionContainer .LunariaAutoPageIcon {
  position: relative !important;
  z-index: 103 !important;
  display: block !important;
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important;
}

/* ========================================================================== */
/* Definitive independent-panel geometry. Server Info is the canonical model. */
/* Non-TableContainer panels join the same shared geometry.                    */
/* ========================================================================== */
.Content :is(
  #serverinfo .LunariaSectionBar,
  .LunariaAccountManagement > .TableContainer > table > .CaptionContainer,
  #News .NewsHeadlineBackground,
  #FeaturedArticle .NewsHeadlineBackground,
  #NewsArchive .NewsHeadlineBackground
) {
  width: calc(100% + var(--lunaria-section-bar-extra-width)) !important;
  min-height: var(--lunaria-section-bar-height) !important;
  height: var(--lunaria-section-bar-height) !important;
  margin-right: var(--lunaria-section-bar-offset) !important;
  margin-left: var(--lunaria-section-bar-offset) !important;
  box-sizing: border-box !important;
  border: 0 !important;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
}

/* Like Server Info, the body owns the full section width below its bar. */
#ContentHelper :is(#bans, #characters) .TableContainer > :is(
  table.Table1,
  table.Table2,
  table.Table3,
  table.Table4,
  table.Table5,
  .InnerTableContainer,
  .TableContentContainer
) {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}

/* Independent panels share the same vertical rhythm as Server Info. */
#ContentHelper :is(#bans, #characters) .TableContainer,
.Content .LunariaAccountManagement > .TableContainer,
.Content :is(#News, #FeaturedArticle, #NewsArchive) {
  margin-bottom: var(--lunaria-section-gap) !important;
}

/* The home news headline is a standalone panel above the parchment body. */
#ContentHelper > .LunariaNewsLanding,
#ContentHelper > .LunariaNewsLanding > .Border_2,
#ContentHelper > .LunariaNewsLanding > .Border_2 > .Border_3,
#ContentHelper > .LunariaNewsLanding > .Border_2 > .Border_3 > .BoxContent,
#ContentHelper > .LunariaNewsLanding #News,
#ContentHelper > .LunariaNewsLanding #News > .BoxContent {
  overflow: visible !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadline {
  position: relative !important;
  z-index: 30 !important;
  display: block !important;
  clear: both !important;
  width: calc(100% + 74px) !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: -15px -37px 12px !important;
  padding: 0 !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadlineBackground {
  position: relative !important;
  z-index: 31 !important;
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadlineIcon {
  top: 50% !important;
  left: 9px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadlineDate {
  top: 50% !important;
  left: 52px !important;
  width: 92px !important;
  transform: translateY(-50%) !important;
  font-size: 8pt !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadlineText {
  position: absolute !important;
  top: 50% !important;
  left: 145px !important;
  transform: translateY(-50%) !important;
  font-size: 12pt !important;
  line-height: 1.1 !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadline + table {
  position: relative !important;
  z-index: 1 !important;
  display: table !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Growth System Wiki */
#wiki .LunariaGrowthPage > .TableContainer {
  padding-bottom: 14px;
}

#wiki .LunariaGrowthIntro {
  display: flex;
  min-height: 88px;
  gap: 18px;
  align-items: center;
  margin: 12px 14px;
  padding: 14px 18px;
  box-sizing: border-box;
  border: 1px solid #a78d63;
  background: #c9b995;
  color: #3c2f1e;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}

#wiki .LunariaGrowthBanner {
  position: relative;
  width: 279px;
  max-width: 42%;
  flex: 0 1 279px;
}

#wiki .LunariaGrowthBanner > img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: auto;
}

#wiki .LunariaGrowthBanner > strong {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72%;
  color: #ead7ad;
  font: 700 11px/1 Verdana, Arial, sans-serif;
  text-align: center;
  text-shadow: 1px 1px 1px #34281c, -1px -1px 1px rgba(255, 255, 255, 0.16);
  text-transform: uppercase;
  transform: translate(-50%, -52%);
}

#wiki .LunariaGrowthIntro p {
  margin: 0;
  color: #3c2f1e;
  font: 700 12px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthIntro .LunariaGrowthNote {
  margin-top: 7px;
  color: #67553b;
  font-size: 10px;
  font-weight: 400;
}

#wiki .LunariaGrowthFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 14px 12px;
}

#wiki .LunariaGrowthFacts > div {
  min-width: 0;
  padding: 9px 7px;
  box-sizing: border-box;
  border: 1px solid #b59b72;
  background: #dfcfad;
  text-align: center;
}

#wiki .LunariaGrowthFacts span {
  display: block;
  margin-bottom: 4px;
  color: #735f42;
  font: 700 9px/1.2 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaGrowthFacts strong {
  display: block;
  color: #3e2d1a;
  font: 700 11px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthSection {
  margin: 0 14px 12px;
}

#wiki .LunariaGrowthSection > h2,
#wiki .LunariaGrowthCardBody > h3 {
  margin: 0 0 8px;
  padding: 7px 9px;
  border: 1px solid #9e825a;
  background: #c9b995;
  color: #402d19;
  font: 700 11px/1.3 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaGrowthHowGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#wiki .LunariaGrowthHowGrid > div {
  display: flex;
  min-height: 72px;
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #b89d72;
  background: #f1dfb9;
}

#wiki .LunariaGrowthHowGrid strong {
  display: flex;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid #6d3b85;
  border-radius: 50%;
  background: #7c4793;
  color: #fff;
  font: 700 11px Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthHowGrid p,
#wiki .LunariaGrowthCardBody > p,
#wiki .LunariaGrowthModes p {
  margin: 0;
  color: #4c3a25;
  font: 10px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthCard {
  display: block;
  margin: 0 14px 8px;
  border: 1px solid #9e825a;
  background: #dfcfad;
  box-shadow: 0 1px 2px rgba(62, 42, 19, 0.16);
}

#wiki .LunariaGrowthGroups .LunariaGrowthCard {
  margin-right: 0;
  margin-left: 0;
}

#wiki .LunariaGrowthCard[open] {
  background: linear-gradient(to left, #dfcfad 0%, #f1dfb9 100%);
}

#wiki .LunariaGrowthCard > summary {
  display: flex;
  min-height: 64px;
  gap: 11px;
  align-items: center;
  padding: 8px 12px;
  box-sizing: border-box;
  background: #dfcfad;
  color: #392b1b;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

#wiki .LunariaGrowthCard > summary::-webkit-details-marker {
  display: none;
}

#wiki .LunariaGrowthCard[open] > summary {
  border-bottom: 1px solid #9e825a;
  background: transparent;
}

#wiki .LunariaGrowthCard > summary > img {
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
  image-rendering: auto;
}

#wiki .LunariaGrowthCard > summary > span {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

#wiki .LunariaGrowthCard > summary strong {
  color: #4a2515;
  font: 700 13px/1.2 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthCard > summary small {
  color: #6c5940;
  font: 10px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthCard > summary > i {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid #725b3d;
  border-radius: 50%;
  background: #f3e7ce;
}

#wiki .LunariaGrowthCard > summary > i::before,
#wiki .LunariaGrowthCard > summary > i::after {
  position: absolute;
  top: 11px;
  left: 6px;
  width: 12px;
  height: 2px;
  background: #5b442b;
  content: "";
}

#wiki .LunariaGrowthCard > summary > i::after {
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

#wiki .LunariaGrowthCard[open] > summary > i::after {
  transform: rotate(0deg);
}

#wiki .LunariaGrowthCardBody {
  padding: 12px;
}

#wiki .LunariaGrowthCardBody > h3 {
  margin-top: 12px;
}

#wiki .LunariaGrowthTableWrap {
  width: 100%;
  margin-top: 10px;
  overflow-x: auto;
}

#wiki .LunariaGrowthTable {
  width: 100%;
  border-collapse: collapse;
  color: #42311f;
  font: 10px/1.35 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthTable th,
#wiki .LunariaGrowthTable td {
  padding: 7px 8px;
  border: 1px solid #b99f75;
  text-align: center;
  vertical-align: middle;
}

#ContentHelper #wiki .LunariaGrowthTable thead th {
  background: #c9b995 !important;
  color: #3f2f1d !important;
  font-weight: 700;
  text-transform: uppercase;
}

#ContentHelper #wiki .LunariaGrowthTable tbody tr:nth-child(odd) > td {
  background: #f1dfb9 !important;
}

#ContentHelper #wiki .LunariaGrowthTable tbody tr:nth-child(even) > td {
  background: #dfcfad !important;
}

#wiki .LunariaGrowthBonusTable td:first-child,
#wiki .LunariaGrowthBonusTable td:last-child {
  text-align: left;
}

#wiki .LunariaGrowthBonus {
  display: flex;
  min-width: 135px;
  gap: 8px;
  align-items: center;
}

#wiki .LunariaGrowthBonus img {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
  image-rendering: auto;
}

#wiki .LunariaGrowthBonus strong {
  color: #4a2515;
  font-size: 10px;
}

#wiki .LunariaGrowthModes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

#wiki .LunariaGrowthModes > div {
  min-height: 72px;
  padding: 9px;
  box-sizing: border-box;
  border: 1px solid #b99f75;
  background: #f1dfb9;
}

#wiki .LunariaGrowthModes strong {
  display: block;
  margin-bottom: 5px;
  color: #5a2e1a;
  font: 700 10px/1.3 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthCallout {
  margin-top: 10px;
  padding: 9px 10px;
  border-left: 4px solid #704b91;
  background: rgba(224, 207, 173, 0.82);
  color: #4c3a25;
  font: 700 10px/1.45 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthRules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#wiki .LunariaGrowthRules li {
  position: relative;
  min-height: 54px;
  padding: 9px 9px 9px 26px;
  box-sizing: border-box;
  border: 1px solid #b99f75;
  background: #f1dfb9;
  color: #4c3a25;
  font: 10px/1.45 Verdana, Arial, sans-serif;
}

#wiki .LunariaGrowthRules li::before {
  position: absolute;
  top: 10px;
  left: 9px;
  color: #79428f;
  content: "◆";
}

@media (max-width: 760px) {
  #wiki .LunariaGrowthIntro {
    gap: 10px;
    padding: 12px;
  }

  #wiki .LunariaGrowthFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wiki .LunariaGrowthModes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  #wiki .LunariaGrowthIntro {
    flex-direction: column;
    text-align: center;
  }

  #wiki .LunariaGrowthBanner {
    width: min(279px, 100%);
    max-width: 100%;
    flex-basis: auto;
  }

  #wiki .LunariaGrowthHowGrid,
  #wiki .LunariaGrowthRules {
    grid-template-columns: 1fr;
  }

  #wiki .LunariaGrowthCard > summary {
    padding: 8px;
  }

  #wiki .LunariaGrowthCard > summary strong {
    font-size: 11px;
  }
}


/* Set Upgrade Wiki */
#wiki .LunariaSetUpgradePage > .TableContainer {
  padding-bottom: 14px;
}

#wiki .LunariaSetUpgradeIntro {
  display: flex;
  min-height: 88px;
  gap: 18px;
  align-items: center;
  margin: 12px 14px;
  padding: 14px 18px;
  box-sizing: border-box;
  border: 1px solid #a78d63;
  background: #c9b995;
  color: #3c2f1e;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}

#wiki .LunariaSetUpgradeBanner {
  position: relative;
  width: 279px;
  max-width: 42%;
  flex: 0 1 279px;
}

#wiki .LunariaSetUpgradeBanner > img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: auto;
}

#wiki .LunariaSetUpgradeBanner > strong {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72%;
  color: #ead7ad;
  font: 700 11px/1 Verdana, Arial, sans-serif;
  text-align: center;
  text-shadow: 1px 1px 1px #34281c, -1px -1px 1px rgba(255, 255, 255, 0.16);
  text-transform: uppercase;
  transform: translate(-50%, -52%);
}

#wiki .LunariaSetUpgradeEmblem {
  display: flex;
  width: 220px;
  max-width: 42%;
  flex: 0 1 220px;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

#wiki .LunariaSetUpgradeEmblem > img {
  display: block;
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  object-fit: contain;
}

#wiki .LunariaSetUpgradeEmblem > strong {
  color: #4a2515;
  font: 700 11px/1.3 Verdana, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
}

#wiki .LunariaSetUpgradeIntro p {
  margin: 0;
  color: #3c2f1e;
  font: 700 12px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeIntro .LunariaSetUpgradeNote {
  margin-top: 7px;
  color: #67553b;
  font-size: 10px;
  font-weight: 400;
}

#wiki .LunariaSetUpgradeFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 14px 12px;
}

#wiki .LunariaSetUpgradeFacts > div {
  min-width: 0;
  padding: 9px 7px;
  box-sizing: border-box;
  border: 1px solid #b59b72;
  background: #dfcfad;
  text-align: center;
}

#wiki .LunariaSetUpgradeFacts span {
  display: block;
  margin-bottom: 4px;
  color: #735f42;
  font: 700 9px/1.2 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaSetUpgradeFacts strong {
  display: block;
  color: #3e2d1a;
  font: 700 11px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeSection {
  margin: 0 14px 12px;
}

#wiki .LunariaSetUpgradeSection > h2,
#wiki .LunariaSetUpgradeCardBody > h3 {
  margin: 0 0 8px;
  padding: 7px 9px;
  border: 1px solid #9e825a;
  background: #c9b995;
  color: #402d19;
  font: 700 11px/1.3 Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#wiki .LunariaSetUpgradeHowGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#wiki .LunariaSetUpgradeHowGrid > div {
  display: flex;
  min-height: 72px;
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #b89d72;
  background: #f1dfb9;
}

#wiki .LunariaSetUpgradeHowGrid strong {
  display: flex;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid #6d3b85;
  border-radius: 50%;
  background: #7c4793;
  color: #fff;
  font: 700 11px Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeHowGrid p,
#wiki .LunariaSetUpgradeCardBody > p,
#wiki .LunariaSetUpgradeModes p {
  margin: 0;
  color: #4c3a25;
  font: 10px/1.5 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeCard {
  display: block;
  margin: 0 14px 8px;
  border: 1px solid #9e825a;
  background: #dfcfad;
  box-shadow: 0 1px 2px rgba(62, 42, 19, 0.16);
}

#wiki .LunariaSetUpgradeGroups .LunariaSetUpgradeCard {
  margin-right: 0;
  margin-left: 0;
}

#wiki .LunariaSetUpgradeCard[open] {
  background: linear-gradient(to left, #dfcfad 0%, #f1dfb9 100%);
}

#wiki .LunariaSetUpgradeCard > summary {
  display: flex;
  min-height: 64px;
  gap: 11px;
  align-items: center;
  padding: 8px 12px;
  box-sizing: border-box;
  background: #dfcfad;
  color: #392b1b;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

#wiki .LunariaSetUpgradeCard > summary::-webkit-details-marker {
  display: none;
}

#wiki .LunariaSetUpgradeCard[open] > summary {
  border-bottom: 1px solid #9e825a;
  background: transparent;
}

#wiki .LunariaSetUpgradeCard > summary > img {
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
  image-rendering: auto;
}

#wiki .LunariaSetUpgradeCard > summary > span {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

#wiki .LunariaSetUpgradeCard > summary strong {
  color: #4a2515;
  font: 700 13px/1.2 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeCard > summary small {
  color: #6c5940;
  font: 10px/1.25 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeCard > summary > i {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid #725b3d;
  border-radius: 50%;
  background: #f3e7ce;
}

#wiki .LunariaSetUpgradeCard > summary > i::before,
#wiki .LunariaSetUpgradeCard > summary > i::after {
  position: absolute;
  top: 11px;
  left: 6px;
  width: 12px;
  height: 2px;
  background: #5b442b;
  content: "";
}

#wiki .LunariaSetUpgradeCard > summary > i::after {
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

#wiki .LunariaSetUpgradeCard[open] > summary > i::after {
  transform: rotate(0deg);
}

#wiki .LunariaSetUpgradeCardBody {
  padding: 12px;
}

#wiki .LunariaSetUpgradeCardBody > h3 {
  margin-top: 12px;
}

#wiki .LunariaSetUpgradeTableWrap {
  width: 100%;
  margin-top: 10px;
  overflow-x: auto;
}

#wiki .LunariaSetUpgradeTable {
  width: 100%;
  border-collapse: collapse;
  color: #42311f;
  font: 10px/1.35 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeTable th,
#wiki .LunariaSetUpgradeTable td {
  padding: 7px 8px;
  border: 1px solid #b99f75;
  text-align: center;
  vertical-align: middle;
}

#wiki .LunariaSetUpgradeTier {
  position: relative;
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
}

#wiki .LunariaSetUpgradeTier > img {
  display: block;
  width: 30px;
  height: 30px;
}

#wiki .LunariaSetUpgradeTier > b {
  position: absolute;
  color: #fff1be;
  font: 700 8px/1 Verdana, Arial, sans-serif;
  text-shadow: 1px 1px 1px #30153b, -1px -1px 1px #30153b;
}

#wiki .LunariaSetUpgradeProgressTable {
  max-width: 520px;
}

#ContentHelper #wiki .LunariaSetUpgradeTable thead th {
  background: #c9b995 !important;
  color: #3f2f1d !important;
  font-weight: 700;
  text-transform: uppercase;
}

#ContentHelper #wiki .LunariaSetUpgradeTable tbody tr:nth-child(odd) > td {
  background: #f1dfb9 !important;
}

#ContentHelper #wiki .LunariaSetUpgradeTable tbody tr:nth-child(even) > td {
  background: #dfcfad !important;
}

#wiki .LunariaSetUpgradeBonusTable td:first-child,
#wiki .LunariaSetUpgradeBonusTable td:last-child {
  text-align: left;
}

#wiki .LunariaSetUpgradeBonus {
  display: flex;
  min-width: 135px;
  gap: 8px;
  align-items: center;
}

#wiki .LunariaSetUpgradeBonus img {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
  image-rendering: auto;
}

#wiki .LunariaSetUpgradeBonus strong {
  color: #4a2515;
  font-size: 10px;
}

#wiki .LunariaSetUpgradeModes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

#wiki .LunariaSetUpgradeModes > div {
  min-height: 72px;
  padding: 9px;
  box-sizing: border-box;
  border: 1px solid #b99f75;
  background: #f1dfb9;
}

#wiki .LunariaSetUpgradeModes strong {
  display: block;
  margin-bottom: 5px;
  color: #5a2e1a;
  font: 700 10px/1.3 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeCallout {
  margin-top: 10px;
  padding: 9px 10px;
  border-left: 4px solid #704b91;
  background: rgba(224, 207, 173, 0.82);
  color: #4c3a25;
  font: 700 10px/1.45 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeRules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#wiki .LunariaSetUpgradeRules li {
  position: relative;
  min-height: 54px;
  padding: 9px 9px 9px 26px;
  box-sizing: border-box;
  border: 1px solid #b99f75;
  background: #f1dfb9;
  color: #4c3a25;
  font: 10px/1.45 Verdana, Arial, sans-serif;
}

#wiki .LunariaSetUpgradeRules li::before {
  position: absolute;
  top: 10px;
  left: 9px;
  color: #79428f;
  content: "◆";
}

@media (max-width: 760px) {
  #wiki .LunariaSetUpgradeIntro {
    gap: 10px;
    padding: 12px;
  }

  #wiki .LunariaSetUpgradeFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wiki .LunariaSetUpgradeModes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  #wiki .LunariaSetUpgradeIntro {
    flex-direction: column;
    text-align: center;
  }

  #wiki .LunariaSetUpgradeBanner {
    width: min(279px, 100%);
    max-width: 100%;
    flex-basis: auto;
  }

  #wiki .LunariaSetUpgradeEmblem {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }

  #wiki .LunariaSetUpgradeHowGrid,
  #wiki .LunariaSetUpgradeRules {
    grid-template-columns: 1fr;
  }

  #wiki .LunariaSetUpgradeCard > summary {
    padding: 8px;
  }

  #wiki .LunariaSetUpgradeCard > summary strong {
    font-size: 11px;
  }
}

/* Final mobile page geometry, following the RubinOT 12px gutter pattern. */
@media (max-width: 980px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  #ArtworkHelper,
  #Bodycontainer {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    box-sizing: border-box;
  }

  #Bodycontainer {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  #ContentRow,
  #ContentColumn,
  .Content,
  #ContentHelper,
  .TopQuickBarWrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .TopQuickBarWrap {
    margin-bottom: 6px;
  }

  .TopQuickBar {
    width: 100% !important;
    min-width: 0;
    min-height: 28px;
    height: 28px;
    gap: 10px;
    justify-content: center;
    padding: 4px 18px;
    overflow: visible;
    box-sizing: border-box;
  }

  .TopQuickBar > .TopQuickBarItem[href*="downloadclient"],
  .TopQuickBar > .TopQuickBarItem[href*="downloadclient"] + .TopQuickBarSep,
  .TopQuickBarSep,
  .TopQuickBarOnlineLabel {
    display: none !important;
  }

  .TopQuickBar .TopQuickBarItem {
    gap: 0;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .TopQuickBar .TopQuickBarOnline {
    gap: 4px;
    font-size: 11px !important;
    line-height: 16px !important;
  }

  .TopQuickBarIconImg {
    width: 15px !important;
    height: 15px !important;
  }

  #ContentColumn .Content {
    --lunaria-section-bar-height: 29px;
    --lunaria-section-bar-extra-width: 18px;
    --lunaria-section-bar-offset: -9px;
  }

  #ContentHelper > .Box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  #ContentHelper > .Box > .BorderTitleText {
    width: calc(100% + 18px) !important;
    height: 29px !important;
    margin-right: -9px !important;
    margin-left: -9px !important;
  }

  #ContentHelper > .Box > .TitleText {
    top: 14px !important;
    max-width: calc(100% - 32px);
    font-size: 11px !important;
    line-height: 16px;
  }

  #ContentHelper > .Box > .TitleText .TitleTextIcon {
    width: 14px;
    height: 14px;
  }

  #ContentHelper > .Box > .Border_2,
  #ContentHelper > .Box > .Border_2 > .Border_3,
  #ContentHelper > .Box .BoxContent {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #ContentHelper > .Box .BoxContent {
    overflow-x: visible;
    overflow-wrap: anywhere;
  }

  #ContentHelper .TableContainer,
  #ContentHelper [class*="TableWrap"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto;
  }

  #ContentHelper > .LunariaNewsLanding .NewsHeadline {
    width: calc(100% + 24px) !important;
    min-height: 29px !important;
    height: 29px !important;
    margin: -6px -12px 10px !important;
  }

  #ContentHelper > .LunariaNewsLanding .NewsHeadlineBackground {
    min-height: 29px !important;
    height: 29px !important;
  }

  #ContentHelper > .LunariaNewsLanding .NewsHeadlineDate {
    left: 38px !important;
    width: 74px !important;
    font-size: 7pt !important;
  }

  #ContentHelper > .LunariaNewsLanding .NewsHeadlineText {
    right: 12px !important;
    left: 116px !important;
    overflow: hidden;
    font-size: 10pt !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* Home news panels use the same bar/body geometry as Account Status. */
#ContentHelper > .LunariaNewsLanding,
#ContentHelper > .LunariaNewsLanding > .Border_2,
#ContentHelper > .LunariaNewsLanding > .Border_2 > .Border_3,
#ContentHelper > .LunariaNewsLanding > .Border_2 > .Border_3 > .BoxContent,
#ContentHelper > .LunariaNewsLanding #News,
#ContentHelper > .LunariaNewsLanding #News > .BoxContent {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#ContentHelper > .LunariaNewsLanding > .Border_2,
#ContentHelper > .LunariaNewsLanding > .Border_2 > .Border_3,
#ContentHelper > .LunariaNewsLanding > .Border_2 > .Border_3 > .BoxContent,
#ContentHelper > .LunariaNewsLanding #News > .BoxContent {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadline {
  width: calc(100% + 34px) !important;
  min-height: 39px !important;
  height: 39px !important;
  margin: 0 -17px !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadlineBackground {
  min-height: 39px !important;
  height: 39px !important;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
}

#ContentHelper > .LunariaNewsLanding .NewsHeadline + table {
  width: 100% !important;
  margin: -6px 0 14px !important;
  padding: 12px 14px 14px !important;
  box-sizing: border-box !important;
  border: 2px solid #b88a3d !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #f1dfb9 !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 248, 220, 0.7) !important;
}

/* All three Account Status benefits start from the same left edge. */
.LunariaAccountStatusPanel .premiumbenefits > div {
  justify-content: flex-start !important;
  text-align: left !important;
}

#LunariaMobileCardsSlot {
  display: none;
}

@media (max-width: 980px) {
  #ThemeboxesColumn {
    display: none !important;
  }

  #LunariaMobileCardsSlot {
    display: block;
    width: 100%;
    margin-top: 18px;
    padding-top: 18px;
    box-sizing: border-box;
    border-top: 1px solid rgba(209, 168, 91, 0.45);
  }

  #LunariaMobileCardsSlot #Themeboxes {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    gap: 14px;
  }

  #LunariaMobileCardsSlot .Themebox,
  #LunariaMobileCardsSlot .LunariaRightCard {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  #ContentHelper > .LunariaNewsLanding .NewsHeadline {
    width: calc(100% + 18px) !important;
    min-height: 29px !important;
    height: 29px !important;
    margin: 0 -9px !important;
  }

  #ContentHelper > .LunariaNewsLanding .NewsHeadlineBackground {
    min-height: 29px !important;
    height: 29px !important;
  }

  #ContentHelper > .LunariaNewsLanding .NewsHeadline + table {
    margin-top: -4px !important;
    padding: 10px 12px 12px !important;
  }
}

/* Character creation is one independent panel, without a duplicated page header. */
#ContentHelper > .LunariaCreateCharacterPage,
#ContentHelper > .LunariaCreateCharacterPage > .Border_2,
#ContentHelper > .LunariaCreateCharacterPage > .Border_2 > .Border_3,
#ContentHelper > .LunariaCreateCharacterPage > .Border_2 > .Border_3 > .BoxContent {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#ContentHelper > .LunariaCreateCharacterPage > .Border_2,
#ContentHelper > .LunariaCreateCharacterPage > .Border_2 > .Border_3,
#ContentHelper > .LunariaCreateCharacterPage > .Border_2 > .Border_3 > .BoxContent,
.LunariaCreateCharacterForm,
.LunariaCreateCharacterPanel {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.LunariaCreateCharacterPanel {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.LunariaCreateCharacterPanel > .CaptionContainer {
  position: relative !important;
  z-index: 20 !important;
  width: calc(100% + 34px) !important;
  height: 39px !important;
  margin-right: -17px !important;
  margin-left: -17px !important;
}

.LunariaCreateCharacterPanel > .CaptionContainer .CaptionInnerContainer,
.LunariaCreateCharacterPanel > .CaptionContainer .Text {
  width: 100% !important;
  height: 39px !important;
  box-sizing: border-box !important;
}

.LunariaCreateCharacterPanel > .CaptionContainer .Text {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat !important;
  color: #f5e6b7 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 39px !important;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000;
}

.LunariaCreateCharacterBody {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: -6px 0 0;
  padding: 12px 12px 14px;
  box-sizing: border-box;
  border: 2px solid #b88a3d;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background: #f1dfb9;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 248, 220, 0.7);
}

.LunariaCreateCharacterPanel table,
.LunariaCreateCharacterPanel tbody,
.LunariaCreateCharacterPanel tr,
.LunariaCreateCharacterPanel td,
.LunariaCreateCharacterPanel .InnerTableContainer,
.LunariaCreateCharacterPanel .TableContentContainer {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.LunariaCreateCharacterPanel table {
  width: 100% !important;
}

.LunariaCreateCharacterPanel td {
  overflow-wrap: anywhere;
  white-space: normal;
}

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

.LunariaCreateCharacterActions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.LunariaCreateCharacterSubmit {
  display: flex;
  align-items: center;
}

.LunariaCreateCharacterBack {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 89px;
  height: 30px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid #49361f;
  background: linear-gradient(to bottom, #9c7e58, #6d5435);
  color: #fff !important;
  font: 700 10px/28px Georgia, "Times New Roman", serif;
  text-decoration: none !important;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .LunariaCreateCharacterPanel > .CaptionContainer {
    width: calc(100% + 18px) !important;
    height: 29px !important;
    margin-right: -9px !important;
    margin-left: -9px !important;
  }

  .LunariaCreateCharacterPanel > .CaptionContainer .CaptionInnerContainer,
  .LunariaCreateCharacterPanel > .CaptionContainer .Text {
    height: 29px !important;
  }

  .LunariaCreateCharacterPanel > .CaptionContainer .Text {
    font-size: 11px !important;
    line-height: 29px !important;
  }

  .LunariaCreateCharacterBody {
    margin-top: -4px;
    padding: 10px;
  }

  .LunariaCreateCharacterPanel .TableContentContainer {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  .LunariaCreateCharacterPanel #filterbox_pvp {
    display: table-row !important;
  }

  .LunariaCreateCharacterPanel input:not([type="radio"]):not([type="checkbox"]),
  .LunariaCreateCharacterPanel select {
    width: 100%;
    max-width: 100%;
  }
}

/* Account creation: one responsive panel, matching the compact mobile registration layout. */
#ContentHelper > .LunariaCreateAccountPage,
#ContentHelper > .LunariaCreateAccountPage > .Border_2,
#ContentHelper > .LunariaCreateAccountPage > .Border_2 > .Border_3,
#ContentHelper > .LunariaCreateAccountPage > .Border_2 > .Border_3 > .BoxContent {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#ContentHelper > .LunariaCreateAccountPage > .Border_1,
#ContentHelper > .LunariaCreateAccountPage > .CornerWrapper-b {
  display: none !important;
}

.LunariaCreateAccountForm,
.LunariaCreateAccountPanel {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.LunariaCreateAccountHeader {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: calc(100% + 34px);
  height: 39px;
  margin: 0 -17px;
  box-sizing: border-box;
  background: url("images/lunaria/barra_div_2.png") center / 100% 100% no-repeat;
  color: #f5e6b7;
  font: 700 12px/39px Georgia, "Times New Roman", serif;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000;
}

.LunariaCreateAccountHeader img {
  width: 15px;
  height: 15px;
  filter: brightness(0) invert(1);
}

.LunariaCreateAccountLang {
  display: none;
}

html[lang="pt-BR"] .LunariaCreateAccountLangPt,
html[lang="en"] .LunariaCreateAccountLangEn,
html[lang="es"] .LunariaCreateAccountLangEs {
  display: inline;
}

.LunariaCreateAccountBody {
  width: 100%;
  min-width: 0;
  margin: -6px 0 0;
  padding: 22px 24px 24px;
  box-sizing: border-box;
  border: 2px solid #b88a3d;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background: #f1dfb9;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 248, 220, 0.7);
}

.LunariaCreateAccountField,
.LunariaCreateAccountChoices {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0 0 14px;
  padding: 0;
  box-sizing: border-box;
  border: 0;
}

.LunariaCreateAccountField > label,
.LunariaCreateAccountLabel,
.LunariaCreateAccountChoices legend {
  display: block;
  margin: 0 0 6px;
  color: #542a0b;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  font-family: Arial, sans-serif;
}

.LunariaCreateAccountControl {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 7px;
}

.LunariaCreateAccountControl input,
.LunariaCreateAccountControl select {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 7px 11px;
  box-sizing: border-box;
  border: 1px solid #bda980;
  border-radius: 3px;
  outline: 0;
  background: #ddceb0;
  color: #4f361e;
  font: 12px Arial, sans-serif;
}

.LunariaCreateAccountControl input:focus,
.LunariaCreateAccountControl select:focus {
  border-color: #8e6429;
  box-shadow: 0 0 0 2px rgba(142, 100, 41, 0.16);
}

.LunariaCreateAccountIndicator,
.LunariaCreateAccountFlag {
  flex: 0 0 auto;
  max-width: 18px;
  max-height: 18px;
}

.LunariaCreateAccountField small,
#SuggestAccountNumber,
.LunariaCreateAccountField .FormFieldError,
.LunariaCreateAccountChoices .FormFieldError {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  line-height: 14px;
}

#SuggestAccountNumber {
  text-align: right;
}

.LunariaCreateAccountChoices > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.LunariaCreateAccountChoices .OptionContainer {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0 !important;
  white-space: nowrap;
}

.LunariaCreateAccountChoices input,
.LunariaCreateAccountAgreement input {
  flex: 0 0 auto;
  margin: 0;
}

.LunariaCreateAccountAgreement {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  gap: 9px;
  margin: 2px 0 8px;
  padding-top: 13px;
  box-sizing: border-box;
  border-top: 1px solid rgba(126, 85, 30, 0.3);
  color: #542a0b;
  font-size: 12px;
  font-family: Arial, sans-serif;
  line-height: 17px;
}

.LunariaCreateAccountAgreement span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.LunariaCreateAccountRulesError {
  display: block;
  margin: 0 0 8px 24px;
}

.LunariaCreateAccountActions {
  display: flex;
  justify-content: center;
  margin-top: 14px;
}

#ContentHelper .LunariaCreateAccountSubmit {
  min-width: 128px;
  height: 34px;
  padding: 0 18px;
  border: 1px solid #49361f;
  border-radius: 2px;
  background: linear-gradient(to bottom, #2c79c4, #145392) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.28);
  color: #fff;
  font: 700 11px Georgia, "Times New Roman", serif;
  text-transform: uppercase;
  text-shadow: 0 1px #173b63;
  cursor: pointer;
}

@media (max-width: 980px) {
  .LunariaCreateAccountHeader {
    width: calc(100% + 18px);
    height: 29px;
    margin: 0 -9px;
    font-size: 11px;
    line-height: 29px;
  }

  .LunariaCreateAccountHeader img {
    width: 14px;
    height: 14px;
  }

  .LunariaCreateAccountBody {
    margin-top: -4px;
    padding: 16px 14px 18px;
  }

  .LunariaCreateAccountField,
  .LunariaCreateAccountChoices {
    margin-bottom: 12px;
  }

  .LunariaCreateAccountControl input,
  .LunariaCreateAccountControl select {
    height: 34px;
  }
}

@media (max-width: 360px) {
  .LunariaCreateAccountBody {
    padding-right: 11px;
    padding-left: 11px;
  }
}