/* RockPunk palette adapter v1.
   Dark mode deliberately retains the existing theme.
   Light mode uses one shared set of tokens for existing custom components.
   Logos, skins, package images and the header artwork retain original colours.
   Tebex Checkout is a separate application: use its Checkout Theme setting. */
html[data-rk-palette="light"] {
  color-scheme: light;
  --rk-page: #f4f6fb;
  --rk-surface: #ffffff;
  --rk-soft: #eaf0fa;
  --rk-text: #172338;
  --rk-muted: #50617b;
  --rk-border: #cbd6e7;
  --rk-primary: #bc1740;
  --rk-primary-hover: #991234;
  --rk-secondary: #194fb4;
  --rk-focus: #194fb4;
  --color-text: var(--rk-text) !important;
  --color-text-darker: var(--rk-text) !important;
  --color-text-secondary: var(--rk-muted) !important;
  --color-text-dark: #ffffff !important;
  --color-bg: var(--rk-page) !important;
  --color-brighter-bg: var(--rk-surface) !important;
  --color-primary: var(--rk-primary) !important;
  --color-primary-hover: var(--rk-primary-hover) !important;
  --color-primary-text: #ffffff !important;
  --color-primary-text-hover: #ffffff !important;
  --color-secondary: var(--rk-soft) !important;
  --color-secondary-hover: #dbe6f7 !important;
  --color-secondary-text: var(--rk-text) !important;
  --color-secondary-text-hover: var(--rk-text) !important;
  --color-tertiary-text: var(--rk-text) !important;
  --color-tertiary-text-hover: var(--rk-secondary) !important;
  --tebex-legal-footer-background-color: #ffffff;
  --tebex-legal-footer-text-color: #50617b;
  --tebex-legal-footer-border-color: #cbd6e7;
}
html[data-rk-palette="light"] body {
  color: var(--rk-text) !important;
  background-color: var(--rk-page) !important;
}
/* Root text scopes, including custom CMS text with inline colour declarations. */
html[data-rk-palette="light"] body :is(
  .text-content, .rk-home-v3, .rk-info-page, .rk-rules-page,
  .rk-mods-guide, .rk-shop-welcome, .rk-login-v2,
  .rk-top-donor, .rk-recent-payments, .rk-account-panel
) { color: var(--rk-text) !important; }
html[data-rk-palette="light"] body :is(
  .text-content, .rk-home-v3, .rk-info-page, .rk-rules-page,
  .rk-mods-guide, .rk-shop-welcome, .rk-login-v2,
  .rk-top-donor, .rk-recent-payments, .rk-account-panel
) :is(p, small, label, li, td, time, strong, b, em, h1, h2, h3, h4, h5, h6, span) {
  color: var(--rk-text) !important;
  text-shadow: none !important;
}
/* Surfaces. Do not apply image filters or invert brand artwork. */
html[data-rk-palette="light"] body :is(
  .rk-header-bar, .rk-topbar, .site-navigation .menu,
  .navigation-horizontal, .navigation-vertical, .rk-nav-sticky,
  .rk-cats-sidebar, .popup-content, .store-text,
  .widget, .store-product, .store-product-full,
  .rk-account-panel, .rk-account-trigger, .rk-guest-login,
  .rk-server-btn, .rk-login-help, .rk-login-form,
  .rh-hero, .rh-step, .rh-support, .ri-heading,
  .ri-content, .ri-link-card, .purchase,
  .basket, .basket-header, .basket-footer
) {
  color: var(--rk-text) !important;
  background: var(--rk-surface) !important;
  border-color: var(--rk-border) !important;
  text-shadow: none !important;
  box-shadow: 0 5px 20px rgba(28, 57, 104, .08) !important;
}
html[data-rk-palette="light"] body :is(.rh-hero, .ri-heading) {
  background: linear-gradient(135deg, #ffffff, #e8f0ff) !important;
}
/* The saved CMS editor uses plain nested divs, not section elements. */
html[data-rk-palette="light"] body .rk-shop-welcome > div,
html[data-rk-palette="light"] body .rk-info-page .ri-content > div > div,
html[data-rk-palette="light"] body .rk-info-page .ri-content > div > div > div > div,
html[data-rk-palette="light"] body .rk-rules-page > div > div,
html[data-rk-palette="light"] body .rk-rules-page > div > div > div > div,
html[data-rk-palette="light"] body .rk-mods-guide > div,
html[data-rk-palette="light"] body .rk-mods-guide td,
html[data-rk-palette="light"] body .rk-mods-guide td > div {
  color: var(--rk-text) !important;
  background: var(--rk-surface) !important;
  border-color: var(--rk-border) !important;
}
html[data-rk-palette="light"] body :is(
  .rk-character-stage, .rk-td-character, .rk-td-amount,
  .rk-login-input, .rk-guest-avatar, .rk-bedrock-row
) {
  color: var(--rk-text) !important;
  background: var(--rk-soft) !important;
  border-color: var(--rk-border) !important;
}
html[data-rk-palette="light"] body :is(
  .site-navigation a, .rk-cats-link, .rk-cats-sub-link,
  .rk-cat-name, .rk-cats-title, .rk-server-ip, .rk-server-hint,
  .rk-account-trigger span, .rk-guest-copy strong, .rk-guest-avatar
) { color: var(--rk-text) !important; text-shadow: none !important; }
html[data-rk-palette="light"] body :is(
  .rh-eyebrow, .rh-hero h2 span, .ri-heading > span,
  .rk-td-label, .rk-rp-label, .rk-account-caption,
  .rk-account-edition, .rk-guest-copy > span,
  .rk-top-donor .username, .rk-recent-payments .username,
  .rk-cats-link.active .rk-cat-name, .rk-cats-sub-link.active,
  .rk-info-page .ri-link-card strong
) { color: var(--rk-secondary) !important; }
html[data-rk-palette="light"] body :is(
  .rk-login-error, .price, .discounted-price
) { color: var(--rk-primary) !important; }
html[data-rk-palette="light"] body :is(
  .rk-shop-welcome, .rk-info-page, .rk-rules-page, .rk-mods-guide
) hr { border-color: var(--rk-border) !important; }
html[data-rk-palette="light"] body :is(
  .rk-shop-welcome, .rk-info-page, .rk-rules-page, .rk-mods-guide
) a { color: var(--rk-secondary) !important; }
/* Interactive buttons: explicit foreground to retain contrast. */
html[data-rk-palette="light"] body :is(
  .btn-primary, .rh-button, .rk-account-logout,
  .rk-login-submit, .rk-login-help > a,
  .rk-shop-welcome a[href^="https://discord.gg/"],
  .rk-shop-welcome a[href="https://checkout.tebex.io/terms"],
  .rk-shop-welcome a[href="https://checkout.tebex.io/privacy"],
  .nav-store > a
) {
  color: #ffffff !important;
  background: var(--rk-primary) !important;
  border-color: var(--rk-primary) !important;
  text-shadow: none !important;
}
html[data-rk-palette="light"] body :is(.btn-primary, .rh-button, .rk-account-logout) * {
  color: #ffffff !important;
}
html[data-rk-palette="light"] body :is(
  .rh-button-secondary, .custom-discord-btn
) {
  color: #ffffff !important;
  background: var(--rk-secondary) !important;
  border-color: var(--rk-secondary) !important;
}
html[data-rk-palette="light"] body .custom-discord-btn span {
  color: #ffffff !important;
}
html[data-rk-palette="light"] body .rk-platform {
  color: var(--rk-text) !important;
  background: var(--rk-soft) !important;
  border-color: var(--rk-border) !important;
}
html[data-rk-palette="light"] body .rk-platform[aria-pressed="true"] {
  background: #e1ebff !important;
  border-color: var(--rk-secondary) !important;
  box-shadow: 0 0 0 1px var(--rk-secondary) !important;
}
html[data-rk-palette="light"] body :is(.rk-platform-check, .rk-login-form h3 b, .rh-step > b) {
  color: #ffffff !important;
  background: var(--rk-secondary) !important;
  border-color: var(--rk-secondary) !important;
}
html[data-rk-palette="light"] body :is(
  input[type="text"], input[type="email"], input[type="number"],
  input[type="password"], textarea, select
) {
  color: var(--rk-text) !important;
  background-color: var(--rk-surface) !important;
  border-color: var(--rk-border) !important;
}
html[data-rk-palette="light"] body #rk-ign { background: transparent !important; }
html[data-rk-palette="light"] body input::placeholder { color: #64748b !important; }
html[data-rk-palette="light"] body :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 2px solid var(--rk-focus) !important;
  outline-offset: 4px;
}
html[data-rk-palette="light"] body :is(.site-footer, .site-footer-inner, .site-footer-credit) {
  color: var(--rk-muted) !important;
  background-color: var(--rk-surface) !important;
  border-color: var(--rk-border) !important;
}
html[data-rk-palette="light"] body :is(.site-footer, .site-footer-credit) :is(a, p, span) {
  color: var(--rk-muted) !important;
}
/* Decorative snow remains red but is more subtle on the light background. */
html[data-rk-palette="light"] #rk-snow { opacity: .35; }

/* Light palette: product card refinement */
html[data-rk-palette="light"] body article.store-product {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-width: 0;
  padding: 18px !important;
  background: #ffffff !important;
  border: 1px solid #cbd9ef !important;
  border-radius: 16px !important;
  box-shadow: 0 7px 20px rgba(30, 64, 120, .09) !important;
}

html[data-rk-palette="light"] body article.store-product > .image-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 170px;
  padding: 18px !important;
  background: linear-gradient(145deg, #f4f7ff, #e9effb) !important;
  border: 1px solid #e2e9f6 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-decoration: none;
}

html[data-rk-palette="light"] body article.store-product .image-link .image {
  display: block;
  width: 140px !important;
  height: 140px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html[data-rk-palette="light"] body article.store-product .product-title {
  margin: 0 !important;
  padding: 0 !important;
  color: #173e83 !important;
  background: transparent !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-shadow: none !important;
}

html[data-rk-palette="light"] body article.store-product .product-title > a {
  display: inline !important;
  color: #173e83 !important;
  background: transparent !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

html[data-rk-palette="light"] body article.store-product .countdown {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 8px auto 0 !important;
  padding: 4px 9px !important;
  color: #194fb4 !important;
  background: #edf3ff !important;
  border: 1px solid #d2dff6 !important;
  border-radius: 20px;
  font-size: 11px !important;
  line-height: 1.5;
}

html[data-rk-palette="light"] body article.store-product .price {
  color: #b2173e !important;
  background: transparent !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

html[data-rk-palette="light"] body article.store-product :is(del, s) {
  color: #64748b !important;
  background: transparent !important;
  text-shadow: none !important;
}

html[data-rk-palette="light"] body article.store-product .btn-primary {
  color: #ffffff !important;
  background: #bc1740 !important;
  border: 1px solid #a11235 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 0 #8e1230 !important;
  text-shadow: none !important;
}

html[data-rk-palette="light"] body article.store-product .btn-primary:hover {
  color: #ffffff !important;
  background: #a51236 !important;
}

html[data-rk-palette="light"] body article.store-product a:focus-visible,
html[data-rk-palette="light"] body article.store-product button:focus-visible {
  outline: 2px solid #194fb4 !important;
  outline-offset: 4px;
}

@media (max-width: 600px) {
  html[data-rk-palette="light"] body article.store-product {
    padding: 13px !important;
  }

  html[data-rk-palette="light"] body article.store-product > .image-link {
    min-height: 140px;
    padding: 12px !important;
  }

  html[data-rk-palette="light"] body article.store-product .image-link .image {
    width: 115px !important;
    height: 115px !important;
  }
}

/* Product discount badge: both palettes */
article.store-product {
  position: relative;
}

article.store-product > .rk-product-sale {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: inline-block;
  padding: 5px 9px;
  color: #fff;
  background: #b8173e;
  border: 1px solid #ff7193;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  pointer-events: none;
}

/* Light palette: readable original and current prices */
html[data-rk-palette="light"] body article.store-product .product-actions > p.price {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 6px 10px !important;
  margin: 4px 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
}

html[data-rk-palette="light"] body article.store-product .product-actions > p.price > del.discount,
html[data-rk-palette="light"] body article.store-product .product-actions > p.price > del.discount * {
  color: #526078 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

html[data-rk-palette="light"] body article.store-product .product-actions > p.price > del.discount {
  text-decoration: line-through !important;
}

html[data-rk-palette="light"] body article.store-product .product-actions > p.price > strong {
  color: #b2173e !important;
  background: transparent !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

html[data-rk-palette="light"] body article.store-product .product-title > a {
  color: #173e83 !important;
  background: transparent !important;
}

/* Prevent inherited pseudo-elements from covering product names */
html[data-rk-palette="light"] body article.store-product .product-title > a::before,
html[data-rk-palette="light"] body article.store-product .product-title > a::after {
  background: transparent !important;
}

/* Hide discount labels until a valid percentage is available. */
article.store-product > .rk-product-sale[hidden] {
  display: none !important;
}

/* Light palette: unified desktop navigation */
@media (min-width: 961px) {
  html[data-rk-palette="light"] body nav.site-navigation,
  html[data-rk-palette="light"] body .rk-nav-sticky {
    background: #ffffff !important;
    border: 1px solid #cbd9ef !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 18px rgba(30, 64, 120, .09) !important;
  }

  html[data-rk-palette="light"] body nav.site-navigation .menu {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-rk-palette="light"] body .rk-nav-sticky nav.site-navigation {
    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-rk-palette="light"] body nav.site-navigation .menu > li > a {
    color: #173e83 !important;
    background: transparent !important;
    border-radius: 9px !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  html[data-rk-palette="light"] body nav.site-navigation .menu > li > a:hover,
  html[data-rk-palette="light"] body nav.site-navigation .menu > li > a:focus-visible {
    color: #194fb4 !important;
    background: #edf3ff !important;
  }

  html[data-rk-palette="light"] body nav.site-navigation .menu > li.active > a,
  html[data-rk-palette="light"] body nav.site-navigation .menu > li > a.link-active {
    color: #194fb4 !important;
    background: #e5eeff !important;
  }

  html[data-rk-palette="light"] body nav.site-navigation .menu > li.nav-store > a {
    color: #ffffff !important;
    background: #bc1740 !important;
    box-shadow: 0 3px 0 #8e1230 !important;
  }
}

/* Remove the dark decorative menu layer in light mode */
@media (min-width: 961px) {
  html[data-rk-palette="light"] body .navigation-vertical::before,
  html[data-rk-palette="light"] body .navigation-horizontal::before {
    content: none !important;
    display: none !important;
  }
}

/* Temporary sample: first product card only, light palette */
html[data-rk-palette="light"] body article.store-product {
  background: #ffffff !important;
  border: 2px solid #83d9f3 !important;
  box-shadow: 0 7px 20px rgba(20, 70, 130, .12) !important;
}

html[data-rk-palette="light"] body article.store-product > .image-link {
  background: linear-gradient(135deg, #effbff, #d9f1ff) !important;
  border-color: #b0e4f5 !important;
}

html[data-rk-palette="light"] body article.store-product .product-title > a {
  color: #153b76 !important;
}

html[data-rk-palette="light"] body article.store-product > .rk-product-sale {
  color: #352500 !important;
  background: #ffd34e !important;
  border-color: #d49a08 !important;
  box-shadow: 0 2px 0 #b77d00 !important;
}

html[data-rk-palette="light"] body article.store-product .product-actions > p.price > strong {
  color: #a71437 !important;
}

html[data-rk-palette="light"] body article.store-product .btn-primary {
  color: #ffffff !important;
  background: #d21d42 !important;
  border-color: #a51232 !important;
  box-shadow: 0 3px 0 #86102a !important;
}

html[data-rk-palette="light"] body article.store-product .btn-primary:hover {
  background: #a51232 !important;
}

/* Light palette: readable rules and mods guide */
html[data-rk-palette="light"] body main.rk-rules-page,
html[data-rk-palette="light"] body main.rk-mods-guide {
  color: #172338 !important;
  background: #ffffff !important;
  border-color: #cbd9ef !important;
}

/* Text must override the old inline and page-specific colours. */
html[data-rk-palette="light"] body main.rk-rules-page :is(p, span, strong, b, em, li, td),
html[data-rk-palette="light"] body main.rk-mods-guide :is(p, span, strong, b, em, li, td) {
  color: #263750 !important;
  text-shadow: none !important;
}

html[data-rk-palette="light"] body main.rk-rules-page :is(h1, h2, h3, h4, h5, h6),
html[data-rk-palette="light"] body main.rk-mods-guide :is(h1, h2, h3, h4, h5, h6) {
  color: #173e83 !important;
  text-shadow: none !important;
}

/* Rule groups and individual rule cards */
html[data-rk-palette="light"] body main.rk-rules-page > div > div {
  background: #f4faff !important;
  border-color: #bcdcf0 !important;
}

html[data-rk-palette="light"] body main.rk-rules-page > div > div > div > div {
  background: #ffffff !important;
  border-color: #cbd9ef !important;
}

html[data-rk-palette="light"] body main.rk-rules-page > div > div > div > div > p:first-child {
  color: #173e83 !important;
}

html[data-rk-palette="light"] body main.rk-rules-page > div > div > div > div > p:last-child {
  color: #263750 !important;
}

/* Mods guide: table cards and their coloured headers */
html[data-rk-palette="light"] body main.rk-mods-guide > table > tbody > tr > td {
  background: #ffffff !important;
  border-color: #bcdcf0 !important;
}

html[data-rk-palette="light"] body main.rk-mods-guide > table > tbody > tr > td > div:first-child {
  background: #e5f5ff !important;
  border-color: #bcdcf0 !important;
}

html[data-rk-palette="light"] body main.rk-mods-guide > table > tbody > tr > td > div:first-child p {
  color: #173e83 !important;
}

html[data-rk-palette="light"] body main.rk-mods-guide table td {
  border-color: #d8e3ef !important;
}

html[data-rk-palette="light"] body main.rk-rules-page a,
html[data-rk-palette="light"] body main.rk-mods-guide a {
  color: #194fb4 !important;
}

/* Remove the dark backdrop from Rules and Mods Guide */
html[data-rk-palette="light"] body main.rk-rules-page::before,
html[data-rk-palette="light"] body main.rk-mods-guide::before {
  content: none !important;
  display: none !important;
}

html[data-rk-palette="light"] body main.rk-rules-page,
html[data-rk-palette="light"] body main.rk-mods-guide {
  background: #ffffff !important;
  border: 1px solid #cbd9ef !important;
  border-radius: 18px;
  box-shadow: 0 5px 18px rgba(30, 64, 120, .08) !important;
}

/* Compact header. Scoped to the new template; existing cards remain unchanged. */
#header.rk-header-v5 {
  position:relative!important; top:auto!important; z-index:90!important;
  width:100%!important; max-width:none!important; margin:0 0 18px!important;
  padding:0 24px!important; background:#111824!important;
  background-image:linear-gradient(110deg,#211525,#111824 55%,#142d3c)!important;
  color:#fff!important; border:0!important; border-bottom:2px solid #d71947!important;
  box-shadow:0 5px 18px #15213b18!important;
}
#header.rk-header-v5::before,#header.rk-header-v5::after{content:none!important;display:none!important}
#header.rk-header-v5 .site-header-inner {
  position:relative!important; display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto auto!important;
  grid-template-areas:'brand social account' 'server server server'!important;
  align-items:center!important; gap:12px 20px!important;
  width:100%!important; max-width:1200px!important; height:auto!important;
  min-height:88px!important; padding:14px 0!important; margin:0 auto!important;
}
#header.rk-header-v5 .site-title {
  grid-area:brand;position:static!important;inset:auto!important;
  width:auto!important;height:auto!important;margin:0!important;
  line-height:1.2!important;font-size:18px!important;text-align:left!important;
}
#header.rk-header-v5 .rk-brand-v5{display:flex!important;align-items:center;gap:12px;color:#fff!important;text-decoration:none;min-width:0}
#header.rk-header-v5 .rk-brand-v5 span{color:#fff!important;font-weight:900;font-size:clamp(15px,2vw,22px);overflow-wrap:anywhere}
#header.rk-header-v5 .site-title img{display:block!important;width:76px!important;height:64px!important;max-width:76px!important;max-height:64px!important;object-fit:contain!important;margin:0!important;filter:none!important}
#header.rk-header-v5 .actions,#header.rk-header-v5 .user-actions {
  position:static!important;inset:auto!important;transform:none!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  flex-wrap:wrap!important;gap:10px!important;min-width:0!important;z-index:auto!important;
}
#header.rk-header-v5 .actions{grid-area:social;justify-content:flex-end}
#header.rk-header-v5 .user-actions{grid-area:account;justify-content:flex-end}
#header.rk-header-v5 .log-in{position:static!important;inset:auto!important;transform:none!important}
#header.rk-header-v5 .custom-discord-btn {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:44px!important;margin:0!important;padding:0 16px!important;
  background:#183448!important;border:1px solid #50cce4!important;border-radius:9px!important;
  color:#fff!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;
  box-shadow:0 3px 0 #0c202e!important;
}
#header.rk-header-v5 .custom-discord-btn span{color:#fff!important}
#header.rk-header-v5 .custom-discord-btn:hover{background:#24506a!important}
#header.rk-header-v5 .open-basket {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:44px!important;min-width:105px!important;padding:0 16px!important;
  background:#c81442!important;color:#fff!important;border:1px solid #f45375!important;
  border-radius:9px!important;box-shadow:0 3px 0 #870c2d!important;font-size:12px!important;
}
#header.rk-header-v5 .open-basket:hover{background:#a30f34!important;color:#fff!important}
#header.rk-header-v5 .open-basket::before{background-color:#fff!important}
#header.rk-header-v5 .rk-account-menu{position:relative!important;min-width:0}
#header.rk-header-v5 .rk-account-trigger,#header.rk-header-v5 .rk-guest-login {
  min-height:44px!important;max-width:220px!important;min-width:0!important;margin:0!important;
  padding:8px 12px!important;color:#fff!important;background:#202c3e!important;
  border:1px solid #64748b!important;border-radius:9px!important;box-shadow:none!important;
}
#header.rk-header-v5 .rk-account-trigger span,#header.rk-header-v5 .rk-guest-copy strong{color:#fff!important}
#header.rk-header-v5 .rk-guest-copy>span{color:#8be7f5!important}
#header.rk-header-v5 .rk-guest-avatar{width:26px!important;height:26px!important;flex-basis:26px!important;font-size:22px!important;color:#8be7f5!important;background:transparent!important}
#header.rk-header-v5 .rk-account-panel {
  position:absolute!important;top:calc(100% + 12px)!important;right:0!important;
  width:300px!important;max-width:calc(100vw - 32px)!important;
  max-height:65vh;overflow:auto;background:#fff!important;border:1px solid #cbd6e7!important;
  color:#172338!important;box-shadow:0 12px 32px #0003!important;
}
#header.rk-header-v5 .rk-account-panel :is(p,strong,span){color:#172338!important}
#header.rk-header-v5 .rk-account-panel .rk-account-logout{color:#fff!important;background:#bc1740!important}
#header.rk-header-v5 .rk-server-info {
  grid-area:server;position:static!important;inset:auto!important;transform:none!important;
  width:auto!important;max-width:100%!important;display:flex!important;
  justify-content:center!important;margin:0!important;padding:0!important;
}
#header.rk-header-v5 .rk-server-btn {
  max-width:100%!important;min-height:34px!important;height:auto!important;flex-wrap:wrap!important;
  gap:8px!important;padding:7px 13px!important;color:#e3f8fc!important;background:#1b2c3e!important;
  border:1px solid #3c6478!important;border-radius:9px!important;box-shadow:none!important;
}
#header.rk-header-v5 .rk-server-ip{color:#8be7f5!important;overflow-wrap:anywhere;font-size:12px!important}
#header.rk-header-v5 .rk-server-hint{color:#e3f8fc!important;font-size:9px!important;letter-spacing:.4px!important}
#header.rk-header-v5 .rk-server-divider{background:#496779!important}
#header.rk-header-v5 .site-sale-banner{max-width:1200px;margin:0 auto 12px!important;padding:12px 16px!important;font-size:14px!important;border-radius:9px}
#header.rk-header-v5 :is(a,button,summary):focus-visible{outline:3px solid #ffd34e!important;outline-offset:4px!important}
@media(max-width:960px){
  #header.rk-header-v5{padding:0 16px!important}
  #header.rk-header-v5 .site-header-inner{grid-template-columns:1fr auto!important;grid-template-areas:'brand social' 'account account' 'server server'!important;gap:12px!important}
  #header.rk-header-v5 .user-actions{justify-content:flex-end!important}
  #header.rk-header-v5 .toggle-navigation{display:inline-flex!important;background:#202c3e!important;border:1px solid #64748b!important;color:#fff!important;border-radius:9px!important}
  #header.rk-header-v5 .toggle-navigation::before{background-color:#fff!important}
  #header.rk-header-v5 .rk-account-panel{position:fixed!important;top:100px!important;right:16px!important;max-height:calc(100dvh - 125px)!important}
}
@media(max-width:480px){
  #header.rk-header-v5 .site-title img{width:56px!important;max-width:56px!important;height:50px!important;max-height:50px!important}
  #header.rk-header-v5 .rk-brand-v5{gap:7px}
  #header.rk-header-v5 .rk-brand-v5 span{font-size:14px}
  #header.rk-header-v5 .custom-discord-btn{padding:0 9px!important;font-size:10px!important}
  #header.rk-header-v5 .actions{gap:6px!important}
}

/* Quitar el fondo antiguo en modo claro */
html[data-rk-palette="light"] {
  --bg-image: none !important;
}

html[data-rk-palette="light"] body::before {
  background-image: none !important;
}

/* Tres rayas blancas en el botón del menú móvil */
@media (max-width: 960px) {
  #header.rk-header-v5 .toggle-navigation::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 14px !important;
    margin: auto !important;
    background: linear-gradient(
      to bottom,
      #fff 0 2px,
      transparent 2px 6px,
      #fff 6px 8px,
      transparent 8px 12px,
      #fff 12px 14px
    ) !important;
    mask: none !important;
    -webkit-mask: none !important;
  }
}

/* Guía de Mods: títulos de las listas con buen contraste */
#rk-cms-v6.rk-mods-guide > div > div:first-child {
  background: #fff0f3 !important;
  border-bottom: 2px solid #c81746 !important;
  border-radius: 10px 10px 0 0 !important;
}

#rk-cms-v6.rk-mods-guide > div > div:first-child p,
#rk-cms-v6.rk-mods-guide > div > div:first-child p * {
  color: #83172f !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}