/* L2Nexus reference visual layer */
@layer reference {
:root{--ref-body:#101415;--ref-ink:#171a1a;--ref-steel:#20282b;--ref-steel-2:#2e383a;--ref-gold:#c49349;--ref-gold-light:#ead09a;--ref-parchment:#d7d0bd;--ref-paper:#e8e2d4;--ref-red:#a33a2d;--ref-green:#53b879;--ref-line:#746b57;--ref-line-soft:rgba(116,107,87,.56);--ref-shadow:0 18px 42px rgba(0,0,0,.42)}
.l2-reference-theme,.l2-reference-theme body{background-color:var(--ref-body)!important;color:var(--ref-parchment);font-family:Manrope,system-ui,sans-serif}
.l2-reference-theme h1,.l2-reference-theme h2,.l2-reference-theme h3,.l2-reference-theme h4,.l2-reference-theme .font-serif,.l2-reference-theme .section-heading__title,.l2-reference-theme .site-wordmark{font-family:Cinzel,Georgia,serif!important;color:var(--ref-paper)}
.l2-reference-theme p,.l2-reference-theme li,.l2-reference-theme label,.l2-reference-theme td,.l2-reference-theme th{color:var(--ref-parchment)}
.l2-reference-theme .site-bg{background-color:var(--ref-body)!important;filter:none!important}
.l2-reference-theme .site-bg::after{display:none!important}
.l2-reference-theme .site-bg{background-image:linear-gradient(180deg,rgba(8,11,14,.2),rgba(8,11,14,.84)),url('/assets/images/backgrounds/l2nexus-world.webp')!important;background-size:cover,cover!important;background-position:center center,center center!important;background-repeat:no-repeat,no-repeat!important}
.l2-reference-theme .site-bg::before{display:none!important}
.l2-reference-theme header{background:linear-gradient(180deg,#192326,#0d1214)!important;border-bottom:1px solid #927344!important;box-shadow:0 7px 30px rgba(0,0,0,.55)!important;backdrop-filter:none!important}
.l2-reference-theme header>div{min-height:67px}
.l2-reference-theme .site-brand__logo-frame{border:1px solid var(--ref-gold)!important;border-radius:3px!important;background:rgba(11,13,14,.72)!important}
.l2-reference-theme .site-brand__logo{filter:saturate(.74) contrast(1.08)}
.l2-reference-theme .site-nav-link{color:#c9c1ad!important;font-family:Cinzel,Georgia,serif!important;font-size:.65rem!important;letter-spacing:.13em!important}
.l2-reference-theme .site-nav-link:hover,.l2-reference-theme .site-nav-link:focus-visible,.l2-reference-theme .site-nav-link.is-active,.l2-reference-theme .site-nav-link--discord{color:var(--ref-gold-light)!important}
.l2-reference-theme .site-nav-link__line{height:2px!important;background:var(--ref-gold)!important}
.l2-reference-theme main{isolation:isolate}
.l2-reference-theme .homepage-logo-banner{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.l2-reference-theme .homepage-logo-banner::after{display:none!important}
.l2-reference-theme .homepage-logo-banner img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.62))!important}
.l2-reference-theme .homepage-layout>aside>*,.l2-reference-theme .homepage-layout>section>*,.l2-reference-theme .news-status-theme,.l2-reference-theme .status-shell,.l2-reference-theme .l2-gold-frame,.l2-reference-theme .acm-side-login,.l2-reference-theme aside>section{background:linear-gradient(180deg,rgba(32,40,43,.94),rgba(12,18,20,.96))!important;border:1px solid var(--ref-line)!important;border-radius:3px!important;box-shadow:inset 0 1px 0 rgba(234,208,154,.07),var(--ref-shadow)!important}
.l2-reference-theme .homepage-layout{gap:18px!important}
.l2-reference-theme .homepage-layout>aside,.l2-reference-theme .homepage-layout>section{min-width:0}
.l2-reference-theme .section-heading{border-bottom:1px solid var(--ref-line-soft);padding-bottom:.72rem}
.l2-reference-theme .section-heading__title,.l2-reference-theme .status-shell h1,.l2-reference-theme .status-shell h2,.l2-reference-theme .news-status-theme h1,.l2-reference-theme .news-status-theme h2{color:var(--ref-paper)!important;letter-spacing:.035em!important}
.l2-reference-theme .section-heading__link,.l2-reference-theme .panel-kicker,.l2-reference-theme .eyebrow,.l2-reference-theme .section-kicker,.l2-reference-theme .site-footer__heading{color:var(--ref-gold-light)!important;font-family:"DM Mono",monospace!important;letter-spacing:.14em!important}
.l2-reference-theme .sidebar-vote-panel,.l2-reference-theme .vote-panel{background:linear-gradient(180deg,rgba(32,40,43,.96),rgba(12,18,20,.98))!important;border-color:var(--ref-line)!important}
.l2-reference-theme .vote-tile,.l2-reference-theme .vote-row,.l2-reference-theme .vote-list>*,.l2-reference-theme .sidebar-vote-panel a{border-color:var(--ref-line-soft)!important;border-radius:2px!important;background:rgba(23,26,26,.72)!important}
.l2-reference-theme .vote-tile:hover,.l2-reference-theme .vote-row:hover,.l2-reference-theme .sidebar-vote-panel a:hover{border-color:var(--ref-gold)!important;background:rgba(46,56,58,.85)!important}
.l2-reference-theme .status-shell--realm .top-overview-panel,.l2-reference-theme .status-shell--realm .monitor-card,.l2-reference-theme .monitor-card,.l2-reference-theme .monitor-node,.l2-reference-theme .monitor-online-box,.l2-reference-theme .monitor-chart-box{background:linear-gradient(180deg,rgba(23,26,26,.86),rgba(11,13,14,.9))!important;border-color:var(--ref-line-soft)!important;border-radius:3px!important;box-shadow:none!important}
.l2-reference-theme .status-shell--realm .monitor-node--obsidian{min-height:75px!important;padding:.8rem!important;border-color:rgba(196,147,73,.52)!important;background:rgba(11,13,14,.74)!important}
.l2-reference-theme .status-shell--realm .monitor-node--obsidian:hover{border-color:var(--ref-gold)!important;transform:translateY(-1px)}
.l2-reference-theme .status-shell--realm .monitor-node--obsidian .monitor-node__label,.l2-reference-theme .monitor-card__title,.l2-reference-theme .monitor-network-line{color:var(--ref-parchment)!important}
.l2-reference-theme .status-shell--realm .monitor-node--obsidian .monitor-node__dot,.l2-reference-theme .monitor-network-badge__dot,.l2-reference-theme .community-float__lamp{background:var(--ref-green)!important;box-shadow:0 0 9px rgba(83,184,121,.72)!important}
.l2-reference-theme .status-shell--realm .monitor-node--obsidian .monitor-node__dot--shield{background:var(--ref-gold)!important;box-shadow:0 0 9px rgba(196,147,73,.66)!important}
.l2-reference-theme .status-shell--realm .monitor-network-badge{background:rgba(32,40,43,.82)!important;border:1px solid var(--ref-line)!important;color:var(--ref-gold-light)!important;border-radius:2px!important}
.l2-reference-theme .status-shell--realm .monitor-network-badge__text{color:var(--ref-gold-light)!important;text-shadow:none!important}
.l2-reference-theme .status-shell--realm .monitor-network-line{border-top-color:var(--ref-line-soft)!important}
.l2-reference-theme .status-shell--unavailable .monitor-network-badge,.l2-reference-theme .status-shell--offline .monitor-network-badge{border-color:rgba(163,58,45,.76)!important;color:#e3a79a!important;background:rgba(70,25,21,.54)!important}
.l2-reference-theme .status-shell--unavailable .monitor-network-badge__dot,.l2-reference-theme .status-shell--offline .monitor-network-badge__dot{background:var(--ref-red)!important;box-shadow:0 0 9px rgba(163,58,45,.72)!important}
.l2-reference-theme .monitor-online-box__value{color:var(--ref-gold-light)!important;text-shadow:none!important}
.l2-reference-theme .cn-news-entry,.l2-reference-theme .cn-news-card,.l2-reference-theme .news-entry,.l2-reference-theme .news-item{border-color:var(--ref-line-soft)!important;border-radius:2px!important;background:rgba(23,26,26,.72)!important}
.l2-reference-theme .cn-news-entry:hover,.l2-reference-theme .news-entry:hover{border-color:var(--ref-gold)!important;background:rgba(32,40,43,.84)!important}
.l2-reference-theme .cn-news-entry__date,.l2-reference-theme .cn-news-meta,.l2-reference-theme .news-meta{color:var(--ref-gold-light)!important;font-family:"DM Mono",monospace!important}
.l2-reference-theme .cn-news-entry__title,.l2-reference-theme .news-entry__title,.l2-reference-theme .news-item h3{color:var(--ref-paper)!important;font-family:Cinzel,Georgia,serif!important}
.l2-reference-theme .site-button,.l2-reference-theme .hero-action,.l2-reference-theme .wide-button,.l2-reference-theme .site-footer__cta{border:1px solid rgba(196,147,73,.9)!important;border-radius:2px!important;background:linear-gradient(180deg,#b64e37,#70291f)!important;color:#f6dfb6!important;box-shadow:inset 0 0 0 1px rgba(78,24,18,.78),0 7px 16px rgba(0,0,0,.32)!important;text-transform:uppercase;letter-spacing:.08em}
.l2-reference-theme .site-button:hover,.l2-reference-theme .hero-action:hover,.l2-reference-theme .wide-button:hover,.l2-reference-theme .site-footer__cta:hover{border-color:var(--ref-gold-light)!important;filter:brightness(1.08);transform:translateY(-1px)}
.l2-reference-theme .acm-side-login__field,.l2-reference-theme .cn-news-form input,.l2-reference-theme .cn-news-form textarea,.l2-reference-theme input,.l2-reference-theme select,.l2-reference-theme textarea{background:rgba(11,13,14,.76)!important;border-color:var(--ref-line-soft)!important;border-radius:2px!important;color:var(--ref-paper)!important}
.l2-reference-theme input:focus,.l2-reference-theme select:focus,.l2-reference-theme textarea:focus{border-color:var(--ref-gold)!important;box-shadow:0 0 0 2px rgba(196,147,73,.14)!important}
.l2-reference-theme .site-footer{background:rgba(10,13,14,.74)!important;border-top:1px solid #705b36!important;border-radius:0!important;box-shadow:none!important}
.l2-reference-theme .site-footer>div{width:min(92%,1280px)!important;max-width:1280px!important;margin-inline:auto!important;padding:18px 0 16px!important;background:transparent!important;border:0!important;border-radius:0!important;box-sizing:border-box!important}
.l2-reference-theme .site-footer__grid{border-bottom-color:var(--ref-line-soft)!important}
.l2-reference-theme .site-footer__brand strong,.l2-reference-theme .site-footer__heading{color:var(--ref-gold-light)!important}
.l2-reference-theme .site-footer__grid a,.l2-reference-theme .site-footer__store p,.l2-reference-theme .site-footer p{color:#aaa28f!important}
.l2-reference-theme .site-footer__grid a:hover{color:var(--ref-paper)!important}
.l2-reference-theme .pause-footer{background:rgba(23,26,26,.72)!important;border-color:var(--ref-line-soft)!important}
.l2-reference-theme .pause-footer a,.l2-reference-theme .pause-footer button{border-color:var(--ref-line-soft)!important;color:var(--ref-gold-light)!important;border-radius:2px!important}
.l2-reference-theme .community-float{border-color:var(--ref-line)!important;border-radius:3px!important;background:linear-gradient(145deg,rgba(32,40,43,.97),rgba(11,13,14,.98))!important;box-shadow:var(--ref-shadow)!important}
.l2-reference-theme .community-float__users,.l2-reference-theme .community-float__widget{border-color:var(--ref-line-soft)!important;border-radius:2px!important;background:rgba(11,13,14,.7)!important}
.l2-reference-theme .community-float__join{border-radius:2px!important;background:linear-gradient(180deg,#b64e37,#70291f)!important;color:#f6dfb6!important}
.l2-reference-theme .community-float__icon{background:var(--ref-gold)!important}
.l2-reference-theme .community-float__users{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:.55rem!important}
.l2-reference-theme .community-float__member-total{padding-left:.55rem!important;border-left:1px solid var(--ref-line-soft)!important;text-align:right!important}
.l2-reference-theme .community-float__member-total strong{color:var(--ref-gold-light)!important}
.l2-reference-theme .community-float__hint{color:var(--ref-muted)!important}
.l2-reference-theme .pagination a,.l2-reference-theme .pagination button,.l2-reference-theme .news-pagination a,.l2-reference-theme .news-pagination button{border-color:var(--ref-line-soft)!important;border-radius:2px!important;background:var(--ref-steel)!important;color:var(--ref-parchment)!important}
.l2-reference-theme .pagination .active,.l2-reference-theme .news-pagination .active,.l2-reference-theme .pagination a:hover,.l2-reference-theme .news-pagination a:hover{background:var(--ref-gold)!important;color:#171a1a!important;border-color:var(--ref-gold-light)!important}
.l2-reference-theme [class*="bg-green"],.l2-reference-theme [class*="border-green"]{background-color:rgba(32,40,43,.82)!important;border-color:var(--ref-line)!important;color:var(--ref-parchment)!important}
.l2-reference-theme [class*="text-green"]{color:var(--ref-green)!important}
@media(max-width:900px){.l2-reference-theme .site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.l2-reference-theme .news-status-theme{background:rgba(10,13,14,.74)!important;border:1px solid var(--ref-line)!important;border-top:1px solid #705b36!important;border-bottom:1px solid var(--ref-line-soft)!important;border-radius:0!important;box-shadow:none!important}
.l2-reference-theme .homepage-layout>section>.news-status-theme{background:rgba(10,13,14,.74)!important;border:1px solid var(--ref-line)!important;border-top:1px solid #705b36!important;border-bottom:1px solid var(--ref-line-soft)!important;border-radius:0!important;box-shadow:none!important}
.l2-reference-theme .homepage-layout>aside>.sidebar-vote-panel,.l2-reference-theme .homepage-layout>section>.news-status-theme{background:rgba(10,13,14,.88)!important;border:1px solid var(--ref-line)!important;border-top:1px solid #705b36!important;border-bottom:1px solid var(--ref-line-soft)!important;border-radius:0!important;box-shadow:none!important}
}

/* Discord is the single community call-to-action in the top navigation. */
.l2-reference-theme .site-nav-link--discord,
.l2-reference-theme .site-nav-link--discord:hover,
.l2-reference-theme .site-nav-link--discord:focus-visible {
    color: #d95548 !important;
}

.l2-reference-theme .site-nav-link--discord .site-nav-link__icon {
    color: #d95548 !important;
}

.l2-reference-theme .site-nav-link--discord .site-nav-link__line {
    background: #d95548 !important;
}

.l2-reference-theme .site-nav-link--discord:hover,
.l2-reference-theme .site-nav-link--discord:focus-visible {
    color: #ff7667 !important;
}

.l2-reference-theme .site-nav-link--discord:hover .site-nav-link__icon,
.l2-reference-theme .site-nav-link--discord:focus-visible .site-nav-link__icon {
    color: #ff7667 !important;
}

/* Final atmosphere pass: deeper twilight fog and a restrained ember lift. */
@layer reference {
  .l2-reference-theme .site-bg {
    background-image:
      linear-gradient(180deg, rgba(3, 6, 9, .46) 0%, rgba(5, 8, 11, .60) 46%, rgba(2, 4, 7, .90) 100%),
      url('/assets/images/backgrounds/l2nexus-world.webp') !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
    background-repeat: no-repeat, no-repeat !important;
  }

  .l2-reference-theme .site-bg::before,
  .l2-reference-theme .site-bg::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .l2-reference-theme .site-bg::before {
    inset: -12% -14% 18% !important;
    background:
      radial-gradient(ellipse 44% 24% at 15% 31%, rgba(125, 145, 171, .10), transparent 76%),
      radial-gradient(ellipse 52% 23% at 57% 27%, rgba(177, 182, 177, .07), transparent 78%),
      radial-gradient(ellipse 36% 20% at 89% 40%, rgba(108, 127, 143, .08), transparent 76%),
      linear-gradient(180deg, rgba(4, 7, 10, .08), rgba(4, 7, 10, .28) 72%, rgba(2, 4, 7, .58)) !important;
    filter: blur(20px) !important;
    opacity: .74 !important;
    transform: translate3d(-1.5%, 0, 0) scale(1.07) !important;
    animation: l2-final-fog-upper 56s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .site-bg::after {
    inset: 30% -16% -14% !important;
    background:
      radial-gradient(ellipse 58% 27% at 13% 64%, rgba(135, 151, 166, .08), transparent 74%),
      radial-gradient(ellipse 54% 24% at 79% 70%, rgba(99, 117, 136, .08), transparent 74%),
      linear-gradient(180deg, transparent 14%, rgba(7, 10, 13, .12) 52%, rgba(2, 4, 7, .62) 100%),
      radial-gradient(ellipse at center, transparent 30%, rgba(1, 3, 6, .40) 100%) !important;
    filter: blur(24px) !important;
    opacity: .76 !important;
    transform: translate3d(1%, 0, 0) scale(1.07) !important;
    animation: l2-final-fog-lower 42s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .ambient-particles span {
    width: 3px !important;
    height: 8px !important;
    border-radius: 60% 60% 44% 44% !important;
    background: radial-gradient(ellipse at 50% 22%, #fff7ce 0 14%, #e6c875 38%, rgba(181, 76, 35, 0) 80%) !important;
    box-shadow: 0 0 8px rgba(230, 200, 117, .78), 0 0 18px rgba(176, 67, 34, .38) !important;
    opacity: .78 !important;
    animation-name: l2-final-ember-rise !important;
    animation-duration: 12s !important;
    will-change: translate, opacity !important;
  }

  @keyframes l2-final-fog-upper {
    from { opacity: .62; transform: translate3d(-1.5%, 0, 0) scale(1.07); }
    to { opacity: .84; transform: translate3d(1.5%, 1%, 0) scale(1.11); }
  }

  @keyframes l2-final-fog-lower {
    from { opacity: .58; transform: translate3d(1%, 0, 0) scale(1.07); }
    to { opacity: .80; transform: translate3d(-1%, -1.2%, 0) scale(1.11); }
  }

  @keyframes l2-final-ember-rise {
    0% { translate: 0 18px; opacity: 0; scale: .38; }
    10% { opacity: .84; }
    48% { opacity: .64; }
    80% { opacity: .24; }
    100% { translate: 22px -112vh; opacity: 0; scale: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg::before,
    .l2-reference-theme .site-bg::after,
    .l2-reference-theme .ambient-particles span { animation: none !important; }
  }
}

/* Final atmosphere treatment: deepen the current Lineage II artwork and
   restore a warmer, slightly denser ember field without changing layout. */
@layer reference {
  .l2-reference-theme .site-bg {
    background-image:
      linear-gradient(180deg, rgba(4, 7, 10, .48) 0%, rgba(5, 8, 11, .66) 48%, rgba(3, 5, 8, .92) 100%),
      url('/assets/images/backgrounds/l2nexus-world.webp') !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
    background-repeat: no-repeat, no-repeat !important;
  }

  .l2-reference-theme .site-bg::before,
  .l2-reference-theme .site-bg::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .l2-reference-theme .site-bg::before {
    inset: -10% -12% 18% !important;
    background:
      radial-gradient(ellipse 42% 24% at 16% 34%, rgba(116, 137, 171, .10), transparent 76%),
      radial-gradient(ellipse 48% 22% at 58% 27%, rgba(164, 174, 183, .08), transparent 78%),
      radial-gradient(ellipse 34% 20% at 88% 42%, rgba(105, 122, 137, .08), transparent 76%),
      linear-gradient(180deg, rgba(4, 7, 10, .06), rgba(4, 7, 10, .30) 74%, rgba(3, 5, 8, .58)) !important;
    filter: blur(18px) !important;
    opacity: .72 !important;
    transform: translate3d(-1.5%, 0, 0) scale(1.06) !important;
    animation: l2-deep-fog 54s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .site-bg::after {
    inset: 32% -14% -12% !important;
    background:
      radial-gradient(ellipse 58% 27% at 14% 64%, rgba(132, 149, 165, .10), transparent 74%),
      radial-gradient(ellipse 54% 24% at 78% 70%, rgba(97, 116, 137, .09), transparent 74%),
      linear-gradient(180deg, transparent 18%, rgba(8, 11, 14, .12) 52%, rgba(3, 5, 8, .56) 100%),
      radial-gradient(ellipse at center, transparent 34%, rgba(2, 4, 7, .34) 100%) !important;
    filter: blur(22px) !important;
    opacity: .70 !important;
    transform: translate3d(1%, 0, 0) scale(1.06) !important;
    animation: l2-deep-lower-fog 40s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .ambient-particles span {
    width: 3px !important;
    height: 8px !important;
    border-radius: 60% 60% 44% 44% !important;
    background: radial-gradient(ellipse at 50% 22%, #fff7ce 0 14%, #e6c875 38%, rgba(181, 76, 35, 0) 80%) !important;
    box-shadow: 0 0 8px rgba(230, 200, 117, .78), 0 0 18px rgba(176, 67, 34, .38) !important;
    opacity: .76 !important;
    animation-name: l2-ember-rise-strong !important;
    animation-duration: 12s !important;
    will-change: translate, opacity !important;
  }

  @keyframes l2-deep-fog {
    from { opacity: .60; transform: translate3d(-1.5%, 0, 0) scale(1.06); }
    to { opacity: .82; transform: translate3d(1.5%, 1%, 0) scale(1.10); }
  }

  @keyframes l2-deep-lower-fog {
    from { opacity: .56; transform: translate3d(1%, 0, 0) scale(1.06); }
    to { opacity: .78; transform: translate3d(-1%, -1.2%, 0) scale(1.10); }
  }

  @keyframes l2-ember-rise-strong {
    0% { translate: 0 18px; opacity: 0; scale: .38; }
    10% { opacity: .82; }
    48% { opacity: .62; }
    80% { opacity: .24; }
    100% { translate: 22px -112vh; opacity: 0; scale: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg::before,
    .l2-reference-theme .site-bg::after,
    .l2-reference-theme .ambient-particles span { animation: none !important; }
  }
}

/* Desktop-only public realm: preserve the established desktop composition at every viewport. */
@layer reference {
  html {
    min-width: 1280px !important;
  }

  body.l2-reference-theme {
    min-width: 1280px !important;
    overflow-x: auto !important;
  }
}

/* Final compact Lineage II realm-status treatment. Keep the existing template,
   grid, dimensions and data attributes; refine only the visual language. */
@layer reference {
  .l2-reference-theme .status-shell--realm .top-overview-panel,
  .l2-reference-theme .status-shell--realm .monitor-card,
  .l2-reference-theme .status-shell--realm .monitor-node,
  .l2-reference-theme .status-shell--realm .monitor-online-box,
  .l2-reference-theme .status-shell--realm .monitor-chart-box {
    background: linear-gradient(180deg, rgba(23, 25, 25, .82), rgba(10, 12, 13, .86)) !important;
    border-color: rgba(126, 111, 78, .58) !important;
    border-radius: 3px !important;
    box-shadow: inset 0 1px 0 rgba(239, 222, 177, .05), inset 0 -1px 0 rgba(0, 0, 0, .28) !important;
  }

  .l2-reference-theme .status-shell--realm .top-overview-panel {
    border-top-color: rgba(196, 147, 73, .72) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-card {
    padding: .9rem !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-card > .text-xs,
  .l2-reference-theme .status-shell--realm .monitor-card > .text-sm {
    color: #d7d0bd !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node,
  .l2-reference-theme .status-shell--realm .monitor-node--obsidian {
    min-height: 75px !important;
    padding: .72rem !important;
    gap: .48rem !important;
    border-color: rgba(196, 147, 73, .56) !important;
    background: linear-gradient(180deg, rgba(32, 28, 20, .66), rgba(12, 14, 14, .86)) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node__icon {
    width: 1.75rem !important;
    height: 1.75rem !important;
    display: inline-grid !important;
    place-items: center !important;
    color: #ead09a !important;
    background: rgba(35, 29, 18, .72) !important;
    border: 1px solid rgba(196, 147, 73, .78) !important;
    border-radius: 2px !important;
    box-shadow: inset 0 1px 0 rgba(255, 244, 211, .08) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node__label {
    color: #d7d0bd !important;
    font-size: .64rem !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node__dot,
  .l2-reference-theme .status-shell--realm .monitor-node--shield .monitor-node__dot {
    background: #c49349 !important;
    box-shadow: 0 0 8px rgba(196, 147, 73, .48) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node.is-online .monitor-node__dot {
    background: #7cba93 !important;
    box-shadow: 0 0 8px rgba(124, 186, 147, .48) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node.is-offline .monitor-node__dot {
    background: #a33a2d !important;
    box-shadow: 0 0 8px rgba(163, 58, 45, .42) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-region-row {
    margin-top: .85rem !important;
    padding-top: .55rem !important;
    color: #9b9586 !important;
    border-top: 1px solid rgba(196, 147, 73, .24) !important;
    letter-spacing: .18em !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-region-row > span {
    color: #c49349 !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-population-row {
    gap: .72rem !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-online-box {
    border-left: 2px solid #c49349 !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-online-box__label {
    color: #9b9586 !important;
    letter-spacing: .16em !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-online-box__value {
    color: #ead09a !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .35) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-chart-box {
    background-color: rgba(11, 13, 14, .72) !important;
    background-image: linear-gradient(rgba(196, 147, 73, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(196, 147, 73, .07) 1px, transparent 1px) !important;
    background-size: 24px 24px !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-network-line {
    border-top-color: rgba(196, 147, 73, .3) !important;
    color: #aaa28f !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-network-badge {
    background: rgba(38, 29, 17, .84) !important;
    border-color: rgba(196, 147, 73, .72) !important;
    color: #ead09a !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-network-badge__dot {
    background: #c49349 !important;
    box-shadow: 0 0 8px rgba(196, 147, 73, .56) !important;
  }

  .l2-reference-theme .status-shell--realm .status-last-checked {
    color: #8f897b !important;
  }
}

/* Final realm-status UI pass. The existing markup and grid are intentionally
   unchanged; this is the final cascade layer for the Lineage II status board. */
@layer reference {
  .l2-reference-theme .status-shell {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(20, 22, 22, .94), rgba(9, 11, 12, .96)) !important;
    border: 1px solid rgba(196, 147, 73, .72) !important;
    border-top-color: rgba(234, 208, 154, .76) !important;
    border-bottom-color: rgba(116, 107, 87, .7) !important;
    box-shadow: inset 0 1px 0 rgba(234, 208, 154, .1), 0 18px 42px rgba(0, 0, 0, .34) !important;
  }

  .l2-reference-theme .status-shell > *,
  .l2-reference-theme .status-shell .top-overview-panel,
  .l2-reference-theme .status-shell .top-overview-panel__intro,
  .l2-reference-theme .status-shell .top-monitor-grid,
  .l2-reference-theme .status-shell .monitor-card,
  .l2-reference-theme .status-shell .monitor-population-row,
  .l2-reference-theme .status-shell .monitor-network-line {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .l2-reference-theme .status-shell h2 {
    color: #e8e1d1 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .55) !important;
    border-bottom-color: rgba(196, 147, 73, .38) !important;
  }

  .l2-reference-theme .status-shell .homepage-preview-note {
    background: rgba(38, 29, 17, .9) !important;
    border-color: rgba(196, 147, 73, .7) !important;
    color: #ead09a !important;
    box-shadow: inset 0 1px 0 rgba(234, 208, 154, .08) !important;
  }

  .l2-reference-theme .status-shell .homepage-preview-note i {
    background: #c49349 !important;
    box-shadow: 0 0 8px rgba(196, 147, 73, .62) !important;
  }

  .l2-reference-theme .status-shell .monitor-card,
  .l2-reference-theme .status-shell .monitor-card--split {
    background: rgba(14, 17, 18, .94) !important;
    border-color: rgba(116, 107, 87, .72) !important;
    box-shadow: inset 0 1px 0 rgba(234, 208, 154, .06) !important;
  }

  .l2-reference-theme .status-shell .monitor-card__title {
    color: #d8d0bd !important;
    letter-spacing: .14em !important;
  }

  .l2-reference-theme .status-shell .monitor-node,
  .l2-reference-theme .status-shell .monitor-node--obsidian {
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(29, 33, 33, .94), rgba(10, 12, 13, .96)) !important;
    border-color: rgba(196, 147, 73, .58) !important;
    box-shadow: inset 0 1px 0 rgba(234, 208, 154, .07), 0 7px 14px rgba(0, 0, 0, .18) !important;
  }

  .l2-reference-theme .status-shell .monitor-node.is-online { border-top-color: rgba(83, 184, 121, .62) !important; }
  .l2-reference-theme .status-shell .monitor-node.is-offline { border-top-color: rgba(163, 58, 45, .7) !important; }

  .l2-reference-theme .status-shell .monitor-node__icon {
    display: inline-grid !important;
    width: 1.75rem !important;
    height: 1.75rem !important;
    place-items: center !important;
    color: #ead09a !important;
    background: rgba(20, 18, 13, .82) !important;
    border: 1px solid rgba(196, 147, 73, .82) !important;
    border-radius: 2px !important;
    font-family: Cinzel, Georgia, serif !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .l2-reference-theme .status-shell .monitor-node__label { color: #e0d8c6 !important; font-size: .64rem !important; }
  .l2-reference-theme .status-shell .monitor-node__dot { background: #c49349 !important; box-shadow: 0 0 8px rgba(196, 147, 73, .62) !important; }
  .l2-reference-theme .status-shell .monitor-node.is-online .monitor-node__dot { background: #53b879 !important; box-shadow: 0 0 9px rgba(83, 184, 121, .72) !important; }
  .l2-reference-theme .status-shell .monitor-node.is-offline .monitor-node__dot { background: #a33a2d !important; box-shadow: 0 0 9px rgba(163, 58, 45, .7) !important; }
  .l2-reference-theme .status-shell .monitor-node.is-online::after { color: #76cf98 !important; }
  .l2-reference-theme .status-shell .monitor-node.is-offline::after { color: #e3a79a !important; }
  .l2-reference-theme .status-shell .monitor-region-row { color: #9b9586 !important; }

  .l2-reference-theme .status-shell .monitor-online-box,
  .l2-reference-theme .status-shell .monitor-chart-box {
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(22, 25, 25, .96), rgba(10, 12, 13, .98)) !important;
    border-color: rgba(116, 107, 87, .72) !important;
  }

  .l2-reference-theme .status-shell .monitor-online-box { border-left: 2px solid #c49349 !important; }
  .l2-reference-theme .status-shell .monitor-online-box__label,
  .l2-reference-theme .status-shell .monitor-chart-box::before { color: #a9a18f !important; }
  .l2-reference-theme .status-shell .monitor-online-box__value { color: #ead09a !important; text-shadow: 0 0 14px rgba(196, 147, 73, .22) !important; }

  .l2-reference-theme .status-shell .monitor-chart-box {
    background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(33.333% - 1px), rgba(196, 147, 73, .18) 33.333%, transparent calc(33.333% + 1px)) !important;
  }

  .l2-reference-theme .status-shell .monitor-network-line {
    border-top-color: rgba(196, 147, 73, .34) !important;
    color: #aaa28f !important;
  }

  .l2-reference-theme .status-shell .monitor-network-badge {
    background: rgba(38, 29, 17, .92) !important;
    border-color: rgba(196, 147, 73, .72) !important;
    color: #ead09a !important;
  }

  .l2-reference-theme .status-shell--checking .monitor-network-badge,
  .l2-reference-theme .status-shell--checking .monitor-network-badge__dot { border-color: rgba(196, 147, 73, .72) !important; }
  .l2-reference-theme .status-shell--checking .monitor-network-badge__dot { background: #c49349 !important; box-shadow: 0 0 8px rgba(196, 147, 73, .68) !important; }
  .l2-reference-theme .status-shell .network-latency,
  .l2-reference-theme .status-shell .status-last-checked { color: #9b9586 !important; }
  .l2-reference-theme .status-shell .network-latency #network-ping-value { color: #ead09a !important; }
}

/* Atmosphere pass: restore a soft realm mist and use warm ember particles
   instead of the legacy green particle treatment. The DOM/layout remains
   unchanged; these rules only affect the fixed background layers. */
@layer reference {
  .l2-reference-theme .site-bg {
    overflow: hidden !important;
  }

  .l2-reference-theme .site-bg::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -8% -14% -4% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 38% 18% at 18% 28%, rgba(226, 221, 198, .13) 0, rgba(226, 221, 198, .05) 38%, transparent 76%),
      radial-gradient(ellipse 44% 19% at 58% 22%, rgba(207, 218, 222, .12) 0, rgba(207, 218, 222, .045) 42%, transparent 78%),
      radial-gradient(ellipse 34% 16% at 88% 42%, rgba(192, 204, 208, .11) 0, rgba(192, 204, 208, .035) 42%, transparent 78%);
    filter: blur(24px) !important;
    opacity: .82 !important;
    transform: translate3d(-2%, 0, 0) scale(1.08) !important;
    animation: l2-realm-mist 58s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .site-bg::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 18% -12% -10% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 54% 22% at 15% 72%, rgba(191, 204, 211, .11), transparent 72%),
      radial-gradient(ellipse 48% 20% at 78% 76%, rgba(171, 190, 207, .09), transparent 74%),
      linear-gradient(180deg, transparent 30%, rgba(157, 169, 177, .035) 62%, rgba(8, 11, 14, .24) 100%),
      radial-gradient(ellipse at center, transparent 34%, rgba(8, 11, 14, .38) 100%);
    filter: blur(20px) !important;
    opacity: .62 !important;
    transform: translate3d(1%, 0, 0) scale(1.07) !important;
    animation: l2-lower-mist 46s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .ambient-particles span {
    width: 3px !important;
    height: 8px !important;
    border-radius: 58% 58% 44% 44% !important;
    background: radial-gradient(ellipse at 50% 24%, #fff4c7 0 16%, #e5b842 40%, rgba(229, 184, 66, 0) 78%) !important;
    box-shadow: 0 0 7px rgba(229, 184, 66, .72), 0 0 17px rgba(205, 137, 51, .28) !important;
    opacity: .7 !important;
    animation: l2-ember-rise 13s ease-in infinite !important;
    will-change: translate, opacity !important;
  }

  .l2-reference-theme .ambient-particles span:nth-child(1) { left: 8%; top: 93%; animation-delay: -2s; animation-duration: 12s; }
  .l2-reference-theme .ambient-particles span:nth-child(2) { left: 16%; top: 78%; animation-delay: -8s; animation-duration: 16s; transform: scale(.7) rotate(18deg); }
  .l2-reference-theme .ambient-particles span:nth-child(3) { left: 24%; top: 91%; animation-delay: -5s; animation-duration: 14s; transform: scale(.84) rotate(-12deg); }
  .l2-reference-theme .ambient-particles span:nth-child(4) { left: 33%; top: 68%; animation-delay: -11s; animation-duration: 19s; transform: scale(.58) rotate(22deg); }
  .l2-reference-theme .ambient-particles span:nth-child(5) { left: 41%; top: 87%; animation-delay: -6s; animation-duration: 15s; }
  .l2-reference-theme .ambient-particles span:nth-child(6) { left: 49%; top: 74%; animation-delay: -14s; animation-duration: 21s; transform: scale(.66) rotate(-18deg); }
  .l2-reference-theme .ambient-particles span:nth-child(7) { left: 56%; top: 94%; animation-delay: -3s; animation-duration: 13s; transform: scale(.78) rotate(15deg); }
  .l2-reference-theme .ambient-particles span:nth-child(8) { left: 63%; top: 83%; animation-delay: -10s; animation-duration: 18s; }
  .l2-reference-theme .ambient-particles span:nth-child(9) { left: 70%; top: 92%; animation-delay: -7s; animation-duration: 14s; transform: scale(.62) rotate(-16deg); }
  .l2-reference-theme .ambient-particles span:nth-child(10) { left: 77%; top: 71%; animation-delay: -16s; animation-duration: 22s; transform: scale(.52) rotate(20deg); }
  .l2-reference-theme .ambient-particles span:nth-child(11) { left: 84%; top: 88%; animation-delay: -4s; animation-duration: 16s; }
  .l2-reference-theme .ambient-particles span:nth-child(12) { left: 91%; top: 78%; animation-delay: -12s; animation-duration: 20s; transform: scale(.74) rotate(-20deg); }
  .l2-reference-theme .ambient-particles span:nth-child(13) { left: 12%; top: 56%; animation-delay: -18s; animation-duration: 24s; transform: scale(.5) rotate(16deg); }
  .l2-reference-theme .ambient-particles span:nth-child(14) { left: 37%; top: 48%; animation-delay: -9s; animation-duration: 23s; transform: scale(.44) rotate(-16deg); }
  .l2-reference-theme .ambient-particles span:nth-child(15) { left: 61%; top: 59%; animation-delay: -20s; animation-duration: 25s; transform: scale(.48) rotate(18deg); }
  .l2-reference-theme .ambient-particles span:nth-child(16) { left: 88%; top: 51%; animation-delay: -13s; animation-duration: 22s; transform: scale(.56) rotate(-18deg); }
  .l2-reference-theme .ambient-particles span:nth-child(17) { left: 45%; top: 38%; animation-delay: -22s; animation-duration: 26s; transform: scale(.38) rotate(24deg); }
  .l2-reference-theme .ambient-particles span:nth-child(18) { left: 73%; top: 43%; animation-delay: -17s; animation-duration: 24s; transform: scale(.42) rotate(-20deg); }

  @keyframes l2-realm-mist {
    from { opacity: .68; transform: translate3d(-2%, 0, 0) scale(1.08); }
    to { opacity: .92; transform: translate3d(2%, 1.2%, 0) scale(1.12); }
  }

  @keyframes l2-lower-mist {
    from { opacity: .46; transform: translate3d(1%, 0, 0) scale(1.07); }
    to { opacity: .74; transform: translate3d(-1%, -1%, 0) scale(1.11); }
  }

  @keyframes l2-ember-rise {
    0% { translate: 0 18px; opacity: 0; scale: .38; }
    12% { opacity: .74; }
    54% { opacity: .48; }
    84% { opacity: .2; }
    100% { translate: 18px -108vh; opacity: 0; scale: .92; }
  }

  @media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg::before,
    .l2-reference-theme .site-bg::after { animation: none !important; }
    .l2-reference-theme .ambient-particles span { animation: none !important; opacity: .22 !important; }
  }
}

/* Footer legal navigation: keep the existing structure, but align its
   palette with the site's muted gold, navy and silver visual language. */
.l2-reference-theme .site-footer > div > .flex button {
  background: rgba(23, 26, 26, .78) !important;
  border-color: rgba(116, 107, 87, .55) !important;
  color: #d7d0bd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 4px 12px rgba(0, 0, 0, .16) !important;
}

.l2-reference-theme .site-footer > div > .flex button svg {
  color: #d0b47b !important;
}

.l2-reference-theme .site-footer > div > .flex button:hover,
.l2-reference-theme .site-footer > div > .flex button:focus-visible {
  background: rgba(36, 31, 23, .78) !important;
  border-color: rgba(234, 208, 154, .78) !important;
  color: #ead09a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 14px rgba(184, 155, 101, .12) !important;
}

/* Vote directory banners: keep the original side-panel structure, but make
   each destination read like a real Lineage II listing rather than an
   internal Discord/news shortcut. */
@layer reference {
  .l2-reference-theme .sidebar-vote-panel {
    padding: 1.15rem !important;
    background: rgba(10, 13, 14, .82) !important;
    border: 1px solid var(--ref-line) !important;
    border-top-color: #8d713d !important;
    border-radius: 2px !important;
    box-shadow: none !important;
  }

  .l2-reference-theme .sidebar-vote-panel > .grid {
    gap: .62rem !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile {
    display: flex !important;
    align-items: center !important;
    min-height: 68px !important;
    isolation: isolate !important;
    padding: .65rem .7rem !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    background: rgba(23, 26, 26, .72) !important;
    color: var(--ref-paper) !important;
    text-decoration: none !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile__image {
    z-index: -2 !important;
    opacity: .44 !important;
    filter: saturate(.76) contrast(1.08) !important;
    transition: opacity .2s ease, transform .2s ease, filter .2s ease !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile__overlay {
    z-index: -1 !important;
    background: linear-gradient(90deg, rgba(10, 13, 14, .92), rgba(10, 13, 14, .44) 68%, rgba(10, 13, 14, .74)) !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile__badge {
    display: grid !important;
    width: 2rem !important;
    height: 2rem !important;
    flex: 0 0 2rem !important;
    place-items: center !important;
    margin-right: .62rem !important;
    border: 1px solid rgba(196, 147, 73, .72) !important;
    border-radius: 2px !important;
    background: rgba(32, 40, 43, .78) !important;
    color: var(--ref-gold-light) !important;
    font: 700 .62rem/1 "DM Mono", monospace !important;
    letter-spacing: .04em !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile__copy {
    display: grid !important;
    min-width: 0 !important;
    gap: .24rem !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile__label {
    position: static !important;
    overflow: hidden !important;
    color: var(--ref-paper) !important;
    font: 700 .72rem/1.2 "DM Mono", monospace !important;
    letter-spacing: .08em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile__copy small {
    color: var(--ref-gold-light) !important;
    font: .56rem/1.2 "DM Mono", monospace !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile:hover:not(.is-pending) {
    border-color: var(--ref-gold) !important;
    background: rgba(46, 56, 58, .82) !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile:hover:not(.is-pending) .vote-tile__image {
    opacity: .56 !important;
    filter: saturate(.92) contrast(1.1) !important;
    transform: scale(1.035) !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile.is-pending {
    cursor: default !important;
  }

  .l2-reference-theme .sidebar-vote-panel .vote-tile.is-pending .vote-tile__image {
    filter: saturate(.38) contrast(1.02) !important;
    opacity: .28 !important;
  }

  .l2-reference-theme .vote-page-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .8rem !important;
  }

  .l2-reference-theme .vote-page-card {
    position: relative !important;
    min-height: 122px !important;
    overflow: hidden !important;
    padding: 1rem !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    background: rgba(23, 26, 26, .72) !important;
    color: var(--ref-paper) !important;
    text-decoration: none !important;
  }

  .l2-reference-theme .vote-page-card__block {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background-position: center !important;
    background-size: cover !important;
    opacity: .32 !important;
  }

  .l2-reference-theme .vote-page-card::after {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    content: "" !important;
    background: linear-gradient(90deg, rgba(10, 13, 14, .94), rgba(10, 13, 14, .48)) !important;
  }

  .l2-reference-theme .vote-page-card > strong,
  .l2-reference-theme .vote-page-card > small {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
  }

  .l2-reference-theme .vote-page-card > strong {
    margin-top: 2.1rem !important;
    color: var(--ref-paper) !important;
    font-family: Cinzel, Georgia, serif !important;
    font-size: 1rem !important;
  }

  .l2-reference-theme .vote-page-card > small {
    margin-top: .35rem !important;
    color: var(--ref-gold-light) !important;
    font: .6rem/1.2 "DM Mono", monospace !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .vote-page-card:hover:not(.is-pending) {
    border-color: var(--ref-gold) !important;
  }

  @media (max-width: 640px) {
    .l2-reference-theme .vote-page-grid {
      grid-template-columns: 1fr !important;
    }
  }
}

/* Keep status paint inside its own frames. Legacy utility classes leave a
   gradient on the overview surface; the reference palette supplies the
   surface instead and clips all child decoration at the panel edge. */
@layer reference {
  .l2-reference-theme .homepage-layout > section > .status-shell,
  .l2-reference-theme .status-shell,
  .l2-reference-theme .news-status-theme {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: rgba(10, 13, 14, .78) !important;
    background-image: none !important;
    border: 1px solid var(--ref-line) !important;
    border-top-color: #705b36 !important;
    border-bottom-color: var(--ref-line-soft) !important;
  }

  .l2-reference-theme .status-shell > *,
  .l2-reference-theme .news-status-theme > * {
    position: relative;
    z-index: 1;
  }

  .l2-reference-theme .status-shell::before,
  .l2-reference-theme .status-shell::after,
  .l2-reference-theme .news-status-theme::before,
  .l2-reference-theme .news-status-theme::after,
  .l2-reference-theme .status-shell .top-overview-panel::before,
  .l2-reference-theme .status-shell .top-overview-panel::after {
    display: none !important;
  }

  .l2-reference-theme .status-shell .top-overview-panel {
    position: relative !important;
    overflow: hidden !important;
    background: rgba(12, 15, 16, .62) !important;
    background-image: none !important;
    border-color: transparent !important;
  }

  .l2-reference-theme .status-shell .monitor-card,
  .l2-reference-theme .status-shell .monitor-card--diagnostic,
  .l2-reference-theme .status-shell .monitor-online-box,
  .l2-reference-theme .status-shell .monitor-chart-box,
  .l2-reference-theme .news-status-theme .monitor-card {
    position: relative !important;
    overflow: hidden !important;
    background: rgba(23, 26, 26, .72) !important;
    background-image: none !important;
    border-color: var(--ref-line-soft) !important;
  }

  .l2-reference-theme .status-shell .monitor-card::before,
  .l2-reference-theme .status-shell .monitor-card::after,
  .l2-reference-theme .status-shell .monitor-node::before,
  .l2-reference-theme .status-shell .monitor-node::after,
  .l2-reference-theme .status-shell .monitor-online-box::before,
  .l2-reference-theme .status-shell .monitor-online-box::after,
  .l2-reference-theme .status-shell .monitor-chart-box::before,
  .l2-reference-theme .status-shell .monitor-chart-box::after {
    display: none !important;
  }

  .l2-reference-theme .status-shell .monitor-node,
  .l2-reference-theme .status-shell .monitor-node--obsidian,
  .l2-reference-theme .status-shell .monitor-network-badge {
    position: relative !important;
    overflow: hidden !important;
    background: rgba(11, 13, 14, .78) !important;
    background-image: none !important;
    border-color: var(--ref-line-soft) !important;
  }
}

/* Final background treatment: a restrained, neutral moonlight mist.  The
   image stays sharp and the fog remains behind the page content. */
@layer reference {
  .l2-reference-theme .site-bg::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 28% -10% -8% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 62% 30% at 18% 68%, rgba(158, 173, 201, .11), transparent 72%),
      radial-gradient(ellipse 54% 26% at 76% 74%, rgba(116, 137, 171, .085), transparent 72%),
      linear-gradient(180deg, transparent 36%, rgba(145, 157, 174, .035) 62%, rgba(8, 11, 14, .18) 100%) !important;
    filter: blur(22px) !important;
    opacity: .56 !important;
    transform: translate3d(-1%, 0, 0) scale(1.04) !important;
    animation: l2-neutral-fog-drift 42s ease-in-out infinite alternate !important;
  }

  @keyframes l2-neutral-fog-drift {
    from { transform: translate3d(-1%, 0, 0) scale(1.04); }
    to { transform: translate3d(1%, -1%, 0) scale(1.07); }
  }

  .l2-reference-theme .site-bg::before { display: none !important; }

  @media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg::after {
      animation: none !important;
    }
  }
}

/* Lineage II realm-entry loader: preserve the existing loader timing and markup,
   but remove the legacy green/brown block animation and use a restrained sigil. */
.l2-reference-theme .site-loader{
  background:rgba(8,11,14,.97)!important;
  color:var(--ref-gold-light)!important;
  gap:14px!important;
  letter-spacing:.18em!important;
  text-shadow:0 1px 10px rgba(0,0,0,.45)!important;
}
.l2-reference-theme .site-loader__block{
  position:relative!important;
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(234,208,154,.56)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:0 0 0 1px rgba(116,137,183,.18),inset 0 0 18px rgba(196,147,73,.12),0 0 22px rgba(196,147,73,.16)!important;
  animation:l2-loader-orbit 1.8s linear infinite!important;
  filter:none!important;
}
.l2-reference-theme .site-loader__block::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(158,173,210,.44);
  border-radius:50%;
  box-shadow:inset 0 0 12px rgba(116,137,183,.14);
}
.l2-reference-theme .site-loader__block::after{
  content:"";
  position:absolute;
  top:-3px;
  left:50%;
  width:7px;
  height:7px;
  margin-left:-3.5px;
  border-radius:50%;
  background:var(--ref-gold-light);
  box-shadow:0 0 12px rgba(234,208,154,.78);
}
@keyframes l2-loader-orbit{to{transform:rotate(360deg)}}

@layer reference{
/* Keep navigation and realm status in the same dark-steel / parchment palette
   as the footer. These are paint-only overrides; the existing layout remains. */
.l2-reference-theme header{
  background:rgba(10,13,14,.94)!important;
  border-bottom:1px solid #705b36!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.l2-reference-theme header nav,
.l2-reference-theme header nav>div{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.l2-reference-theme .site-nav-link{
  color:#aaa28f!important;
  font-family:Inter,Arial,sans-serif!important;
  text-shadow:none!important;
}
.l2-reference-theme .site-nav-link:hover,
.l2-reference-theme .site-nav-link:focus-visible,
.l2-reference-theme .site-nav-link.is-active{
  color:var(--ref-gold-light)!important;
}
.l2-reference-theme .site-nav-link__icon{color:var(--ref-gold)!important}
.l2-reference-theme .site-nav-link__line{background:var(--ref-gold)!important}
.l2-reference-theme .status-shell,
.l2-reference-theme .news-status-theme{
  background:rgba(10,13,14,.74)!important;
  border:1px solid var(--ref-line)!important;
  border-top:1px solid #705b36!important;
  border-bottom:1px solid var(--ref-line-soft)!important;
  box-shadow:none!important;
}
.l2-reference-theme .status-shell .monitor-card,
.l2-reference-theme .status-shell .monitor-card--diagnostic,
.l2-reference-theme .status-shell .monitor-online-box,
.l2-reference-theme .status-shell .monitor-chart-box,
.l2-reference-theme .news-status-theme .monitor-card{
  background:rgba(23,26,26,.72)!important;
  border:1px solid var(--ref-line-soft)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
.l2-reference-theme .status-shell .monitor-node,
.l2-reference-theme .status-shell .monitor-node--obsidian,
.l2-reference-theme .status-shell .monitor-network-badge{
  background:rgba(11,13,14,.74)!important;
  border:1px solid var(--ref-line-soft)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
.l2-reference-theme .status-shell .monitor-node:hover{border-color:var(--ref-gold)!important}
.l2-reference-theme .status-shell .monitor-node__icon{
  background:rgba(196,147,73,.12)!important;
  border-color:rgba(196,147,73,.58)!important;
  color:var(--ref-gold-light)!important;
  box-shadow:none!important;
}
.l2-reference-theme .status-shell .monitor-node__dot,
.l2-reference-theme .status-shell .monitor-network-badge__dot{
  background:var(--ref-gold)!important;
  box-shadow:0 0 9px rgba(196,147,73,.46)!important;
}
.l2-reference-theme .status-shell .monitor-node__dot--shield{background:#9eadd2!important;box-shadow:0 0 9px rgba(158,173,210,.45)!important}
.l2-reference-theme .status-shell .monitor-network-badge{
  color:var(--ref-gold-light)!important;
}
.l2-reference-theme .status-shell .monitor-network-line{border-top-color:var(--ref-line-soft)!important}
.l2-reference-theme .status-shell .monitor-card__title,
.l2-reference-theme .status-shell .monitor-node__label,
.l2-reference-theme .status-shell .monitor-online-box__label,
.l2-reference-theme .status-shell .network-latency,
.l2-reference-theme .status-shell .status-last-checked{color:#aaa28f!important}
.l2-reference-theme .status-shell .monitor-online-box__value{color:var(--ref-gold-light)!important;text-shadow:none!important}
.l2-reference-theme .status-shell--unavailable .monitor-network-badge,
.l2-reference-theme .status-shell--offline .monitor-network-badge{background:rgba(70,25,21,.54)!important;border-color:rgba(163,58,45,.76)!important;color:#e3a79a!important}
.l2-reference-theme .status-shell--unavailable .monitor-network-badge__dot,
.l2-reference-theme .status-shell--offline .monitor-network-badge__dot{background:var(--ref-red)!important;box-shadow:0 0 9px rgba(163,58,45,.72)!important}
.l2-reference-theme .homepage-layout>section>.status-shell,
.l2-reference-theme .homepage-layout>section>.news-status-theme{
  background:rgba(10,13,14,.74)!important;
  border:1px solid var(--ref-line)!important;
  border-top:1px solid #705b36!important;
  border-bottom:1px solid var(--ref-line-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.l2-reference-theme .status-shell .monitor-card--diagnostic::after,
.l2-reference-theme .status-shell .monitor-card::after,
.l2-reference-theme .status-shell .monitor-node::after{display:none!important}
.l2-reference-theme .status-shell .monitor-card,
.l2-reference-theme .status-shell .monitor-node,
.l2-reference-theme .status-shell .monitor-online-box,
.l2-reference-theme .status-shell .monitor-chart-box{background-image:none!important}
}

/* Give desktop navigation labels a little more presence without changing
   the header structure or its overall height. */
@layer reference {
  .l2-reference-theme .site-nav-link {
    min-height: 2.25rem !important;
    gap: .48rem !important;
    padding: .38rem .08rem .48rem !important;
    font-size: .78rem !important;
    letter-spacing: .105em !important;
    line-height: 1.1 !important;
  }

  .l2-reference-theme .site-nav-link__icon {
    width: 1.05rem !important;
    height: 1.05rem !important;
  }
}

/* Let the realm frame breathe over the artwork like the news frame. The
   readable monitoring cards remain dark; only the outer status surfaces lose
   their heavy fill. */
@layer reference {
  .l2-reference-theme .homepage-layout > section > .status-shell,
  .l2-reference-theme .status-shell {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  .l2-reference-theme .status-shell .top-overview-panel {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}

/* Use the same surface language as the news entries for every status card. */
@layer reference {
  .l2-reference-theme .status-shell .monitor-card,
  .l2-reference-theme .status-shell .monitor-card--diagnostic,
  .l2-reference-theme .status-shell .monitor-online-box,
  .l2-reference-theme .status-shell .monitor-chart-box,
  .l2-reference-theme .status-shell .monitor-node,
  .l2-reference-theme .status-shell .monitor-node--obsidian,
  .l2-reference-theme .status-shell .monitor-network-badge {
    background: rgba(23, 26, 26, .72) !important;
    background-image: none !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
  }

  .l2-reference-theme .status-shell .monitor-card__title,
  .l2-reference-theme .status-shell .monitor-node__label,
  .l2-reference-theme .status-shell .monitor-online-box__label,
  .l2-reference-theme .status-shell .network-latency,
  .l2-reference-theme .status-shell .status-last-checked {
    color: var(--ref-parchment) !important;
  }

  .l2-reference-theme .status-shell .monitor-network-line {
    border-top: 1px solid var(--ref-line-soft) !important;
  }

  .l2-reference-theme .status-shell .monitor-network-badge {
    color: var(--ref-gold-light) !important;
  }
}

/* Match the status frame to the news container instead of exposing the
   bright artwork through the transparent shell. */
@layer reference {
  .l2-reference-theme .homepage-layout > section > .status-shell,
  .l2-reference-theme .status-shell {
    background: rgba(10, 13, 14, .74) !important;
    background-color: rgba(10, 13, 14, .74) !important;
    background-image: none !important;
  }
}

/* Final palette pass: pagination and navigation share the news surface language. */
@layer reference {
  .l2-reference-theme .pagination,
  .l2-reference-theme .news-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .45rem !important;
    padding: .75rem 1rem !important;
    background: rgba(10, 13, 14, .74) !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
  }

  .l2-reference-theme .pagination a,
  .l2-reference-theme .pagination button,
  .l2-reference-theme .news-pagination a,
  .l2-reference-theme .news-pagination button {
    min-width: 2.25rem !important;
    min-height: 2.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: .45rem .72rem !important;
    background: rgba(23, 26, 26, .72) !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    color: var(--ref-parchment) !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
  }

  .l2-reference-theme .pagination a:hover,
  .l2-reference-theme .pagination button:hover,
  .l2-reference-theme .news-pagination a:hover,
  .l2-reference-theme .news-pagination button:hover,
  .l2-reference-theme .pagination .active,
  .l2-reference-theme .news-pagination .active {
    background: var(--ref-gold) !important;
    border-color: var(--ref-gold-light) !important;
    color: #171a1a !important;
  }

  .l2-reference-theme .pagination .disabled,
  .l2-reference-theme .pagination [aria-disabled="true"],
  .l2-reference-theme .news-pagination .disabled,
  .l2-reference-theme .news-pagination [aria-disabled="true"] {
    opacity: .55 !important;
    background: rgba(23, 26, 26, .45) !important;
    color: #9b9588 !important;
  }
}

/* Keep the existing header structure, but give the menu the same restrained
   parchment/gold treatment as the footer and news controls. */
@layer reference {
  @media (min-width: 768px) {
    .l2-reference-theme header nav > div {
      gap: 1.05rem !important;
      align-items: center !important;
    }
  }

  .l2-reference-theme .site-nav-link {
    min-height: 2.35rem !important;
    min-width: max-content !important;
    gap: .5rem !important;
    padding: .45rem .18rem .52rem !important;
    color: #bcb5a4 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
    letter-spacing: .095em !important;
    line-height: 1 !important;
  }

  .l2-reference-theme .site-nav-link__icon {
    width: 1.05rem !important;
    height: 1.05rem !important;
    color: var(--ref-parchment) !important;
  }

  .l2-reference-theme .site-nav-link:hover,
  .l2-reference-theme .site-nav-link:focus-visible,
  .l2-reference-theme .site-nav-link.is-active,
  .l2-reference-theme .site-nav-link--discord {
    color: var(--ref-gold-light) !important;
  }

  .l2-reference-theme .site-nav-link:hover .site-nav-link__icon,
  .l2-reference-theme .site-nav-link:focus-visible .site-nav-link__icon,
  .l2-reference-theme .site-nav-link.is-active .site-nav-link__icon,
  .l2-reference-theme .site-nav-link--discord .site-nav-link__icon {
    color: var(--ref-gold) !important;
  }

  .l2-reference-theme .site-nav-link__line {
    bottom: .1rem !important;
    height: 1px !important;
    background: var(--ref-gold) !important;
  }

  .l2-reference-theme .site-nav-link--discord,
  .l2-reference-theme .site-nav-link--discord:hover,
  .l2-reference-theme .site-nav-link--discord:focus-visible {
    color: #d95548 !important;
  }

  .l2-reference-theme .site-nav-link--discord .site-nav-link__icon,
  .l2-reference-theme .site-nav-link--discord:hover .site-nav-link__icon,
  .l2-reference-theme .site-nav-link--discord:focus-visible .site-nav-link__icon {
    color: #d95548 !important;
  }

  .l2-reference-theme .site-nav-link--discord .site-nav-link__line {
    background: #d95548 !important;
  }
}

/* Status panel refinement: present the realm as a compact, readable
   operations board while preserving the existing PHP structure. */
@layer reference {
  .l2-reference-theme .status-shell {
    padding: clamp(1.25rem, 2.3vw, 2rem) !important;
    border-top: 1px solid var(--ref-gold) !important;
    border-bottom: 1px solid var(--ref-line-soft) !important;
    border-left: 1px solid var(--ref-line) !important;
    border-right: 1px solid var(--ref-line) !important;
    background: rgba(10, 13, 14, .74) !important;
  }

  .l2-reference-theme .status-shell .top-overview-panel,
  .l2-reference-theme .status-shell .top-overview-panel__intro {
    min-width: 0 !important;
  }

  .l2-reference-theme .status-shell h2 {
    margin-top: .35rem !important;
    margin-bottom: 0 !important;
    padding-bottom: .8rem !important;
    font-size: clamp(1.65rem, 2.6vw, 2.25rem) !important;
    line-height: 1.1 !important;
  }

  .l2-reference-theme .status-shell .news-title-spacer,
  .l2-reference-theme .status-shell h2 + .news-title-spacer {
    height: 1px !important;
    margin-top: 0 !important;
    background: var(--ref-line-soft) !important;
  }

  .l2-reference-theme .status-shell .homepage-preview-note {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    margin-top: 1rem !important;
    padding: .35rem .6rem !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    background: rgba(23, 26, 26, .72) !important;
    color: var(--ref-parchment) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .62rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell .homepage-preview-note i {
    width: .42rem !important;
    height: .42rem !important;
    flex: 0 0 .42rem !important;
    border-radius: 50% !important;
    background: var(--ref-gold) !important;
    box-shadow: 0 0 8px rgba(196, 147, 73, .5) !important;
  }

  .l2-reference-theme .status-shell .top-monitor-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
  }

  .l2-reference-theme .status-shell .monitor-card,
  .l2-reference-theme .status-shell .monitor-card--split {
    min-width: 0 !important;
    overflow: hidden !important;
    background: rgba(23, 26, 26, .72) !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    box-shadow: inset 0 1px 0 rgba(234, 208, 154, .05) !important;
  }

  .l2-reference-theme .status-shell .monitor-card--split {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  }

  .l2-reference-theme .status-shell .monitor-card__section {
    min-width: 0 !important;
    padding: 1rem !important;
  }

  .l2-reference-theme .status-shell .monitor-card__section--border {
    border-right: 1px solid var(--ref-line-soft) !important;
  }

  .l2-reference-theme .status-shell .monitor-card__title {
    margin-bottom: .9rem !important;
    color: var(--ref-parchment) !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell .monitor-node-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .55rem !important;
  }

  .l2-reference-theme .status-shell .monitor-node,
  .l2-reference-theme .status-shell .monitor-node--obsidian {
    position: relative !important;
    display: flex !important;
    min-width: 0 !important;
    min-height: 5.5rem !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .5rem !important;
    padding: .7rem .45rem !important;
    background: rgba(11, 13, 14, .62) !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .l2-reference-theme .status-shell .monitor-node:hover {
    border-color: var(--ref-gold) !important;
    background: rgba(32, 40, 43, .8) !important;
  }

  .l2-reference-theme .status-shell .monitor-node__label {
    color: var(--ref-parchment) !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: .62rem !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell .monitor-node__dot {
    width: .46rem !important;
    height: .46rem !important;
    flex: 0 0 .46rem !important;
    border-radius: 50% !important;
    background: var(--ref-green) !important;
    box-shadow: 0 0 8px rgba(83, 184, 121, .56) !important;
  }

  .l2-reference-theme .status-shell .monitor-node__dot--shield {
    background: var(--ref-gold) !important;
    box-shadow: 0 0 8px rgba(196, 147, 73, .56) !important;
  }

  .l2-reference-theme .status-shell .monitor-node::after {
    display: block !important;
    content: "CHECKING" !important;
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .52rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
  }

  .l2-reference-theme .status-shell .monitor-node.is-online::after {
    content: "ONLINE" !important;
    color: var(--ref-green) !important;
  }

  .l2-reference-theme .status-shell .monitor-node.is-offline::after {
    content: "OFFLINE" !important;
    color: #e3a79a !important;
  }

  .l2-reference-theme .status-shell .monitor-node.is-offline .monitor-node__dot {
    background: var(--ref-red) !important;
    box-shadow: 0 0 8px rgba(163, 58, 45, .56) !important;
  }

  .l2-reference-theme .status-shell .monitor-node--shield::after {
    content: "PROTECTED" !important;
    color: var(--ref-gold-light) !important;
  }

  .l2-reference-theme .status-shell .monitor-node--shield.is-offline::after {
    content: "OFFLINE" !important;
    color: #e3a79a !important;
  }

  .l2-reference-theme .status-shell .monitor-region-row {
    display: flex !important;
    justify-content: flex-start !important;
    gap: .55rem !important;
    margin-top: 1rem !important;
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .58rem !important;
    letter-spacing: .12em !important;
  }

  .l2-reference-theme .status-shell .monitor-population-row {
    display: grid !important;
    grid-template-columns: minmax(6rem, .7fr) minmax(0, 1.3fr) !important;
    align-items: stretch !important;
    gap: .75rem !important;
    margin-bottom: 1rem !important;
  }

  .l2-reference-theme .status-shell .monitor-online-box,
  .l2-reference-theme .status-shell .monitor-chart-box {
    min-width: 0 !important;
    min-height: 5.5rem !important;
    padding: .75rem !important;
    background: rgba(11, 13, 14, .62) !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
  }

  .l2-reference-theme .status-shell .monitor-online-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    border-left: 2px solid var(--ref-gold) !important;
  }

  .l2-reference-theme .status-shell .monitor-online-box__label {
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .55rem !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell .monitor-online-box__value {
    margin-top: .25rem !important;
    color: var(--ref-gold-light) !important;
    font-family: Cinzel, Georgia, serif !important;
    font-size: clamp(1.7rem, 3vw, 2.35rem) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .l2-reference-theme .status-shell .monitor-chart-box {
    position: relative !important;
    display: flex !important;
    min-height: 5.5rem !important;
    align-items: flex-end !important;
    justify-content: stretch !important;
    background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(33.333% - 1px), rgba(116, 107, 87, .18) 33.333%, transparent calc(33.333% + 1px)) !important;
  }

  .l2-reference-theme .status-shell .monitor-chart-box::before {
    position: absolute !important;
    top: .55rem !important;
    left: .65rem !important;
    content: "LIVE ACTIVITY" !important;
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .52rem !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
  }

  .l2-reference-theme .status-shell .monitor-chart-box canvas {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 3.4rem !important;
  }

  .l2-reference-theme .status-shell .monitor-network-line {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .65rem !important;
    margin-top: auto !important;
    padding-top: .8rem !important;
    border-top: 1px solid var(--ref-line-soft) !important;
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .58rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell .monitor-network-badge {
    padding: .3rem .5rem !important;
    color: var(--ref-gold-light) !important;
    background: rgba(32, 40, 43, .72) !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 2px !important;
  }

  .l2-reference-theme .status-shell .status-last-checked {
    margin-top: .55rem !important;
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .55rem !important;
    letter-spacing: .05em !important;
    text-align: right !important;
  }

  @media (max-width: 900px) {
    .l2-reference-theme .status-shell .top-monitor-grid,
    .l2-reference-theme .status-shell .monitor-card--split {
      grid-template-columns: 1fr !important;
    }

    .l2-reference-theme .status-shell .monitor-card__section--border {
      border-right: 0 !important;
      border-bottom: 1px solid var(--ref-line-soft) !important;
    }
  }

  @media (max-width: 560px) {
    .l2-reference-theme .status-shell .monitor-node-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .l2-reference-theme .status-shell .monitor-population-row {
      grid-template-columns: 1fr !important;
    }

    .l2-reference-theme .status-shell .monitor-network-line {
      flex-wrap: wrap !important;
    }
  }
}

/* Final atmosphere precedence: this sits after the legacy background rules so
   the restored fog cannot be hidden by an older ::before/::after declaration. */
@layer reference {
  .l2-reference-theme .site-bg::before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: -8% -14% -4% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 38% 18% at 18% 28%, rgba(226, 221, 198, .13) 0, rgba(226, 221, 198, .05) 38%, transparent 76%),
      radial-gradient(ellipse 44% 19% at 58% 22%, rgba(207, 218, 222, .12) 0, rgba(207, 218, 222, .045) 42%, transparent 78%),
      radial-gradient(ellipse 34% 16% at 88% 42%, rgba(192, 204, 208, .11) 0, rgba(192, 204, 208, .035) 42%, transparent 78%) !important;
    filter: blur(24px) !important;
    opacity: .82 !important;
    transform: translate3d(-2%, 0, 0) scale(1.08) !important;
    animation: l2-realm-mist 58s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .site-bg::after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 18% -12% -10% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 54% 22% at 15% 72%, rgba(191, 204, 211, .11), transparent 72%),
      radial-gradient(ellipse 48% 20% at 78% 76%, rgba(171, 190, 207, .09), transparent 74%),
      linear-gradient(180deg, transparent 30%, rgba(157, 169, 177, .035) 62%, rgba(8, 11, 14, .24) 100%),
      radial-gradient(ellipse at center, transparent 34%, rgba(8, 11, 14, .38) 100%) !important;
    filter: blur(20px) !important;
    opacity: .62 !important;
    transform: translate3d(1%, 0, 0) scale(1.07) !important;
    animation: l2-lower-mist 46s ease-in-out infinite alternate !important;
  }

  @keyframes l2-realm-mist {
    from { opacity: .68; transform: translate3d(-2%, 0, 0) scale(1.08); }
    to { opacity: .92; transform: translate3d(2%, 1.2%, 0) scale(1.12); }
  }

  @keyframes l2-lower-mist {
    from { opacity: .46; transform: translate3d(1%, 0, 0) scale(1.07); }
    to { opacity: .74; transform: translate3d(-1%, -1%, 0) scale(1.11); }
  }

  @media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg::before,
    .l2-reference-theme .site-bg::after { animation: none !important; }
  }
}

/* Final realm-status surface lock. Keep the existing markup/grid; this last
   layer prevents later legacy status rules from reintroducing color bleed. */
@layer reference {
  .l2-reference-theme .status-shell {
    background: linear-gradient(180deg, rgba(20, 22, 22, .94), rgba(9, 11, 12, .96)) !important;
    border: 1px solid rgba(196, 147, 73, .72) !important;
    border-top-color: rgba(234, 208, 154, .76) !important;
    border-bottom-color: rgba(116, 107, 87, .7) !important;
    box-shadow: inset 0 1px 0 rgba(234, 208, 154, .1), 0 18px 42px rgba(0, 0, 0, .34) !important;
  }
  .l2-reference-theme .status-shell .monitor-card,
  .l2-reference-theme .status-shell .monitor-card--split {
    background: rgba(14, 17, 18, .94) !important;
    border-color: rgba(116, 107, 87, .72) !important;
    box-shadow: inset 0 1px 0 rgba(234, 208, 154, .06) !important;
  }
  .l2-reference-theme .status-shell .monitor-node,
  .l2-reference-theme .status-shell .monitor-node--obsidian {
    background: linear-gradient(180deg, rgba(29, 33, 33, .94), rgba(10, 12, 13, .96)) !important;
    border-color: rgba(196, 147, 73, .58) !important;
    box-shadow: inset 0 1px 0 rgba(234, 208, 154, .07), 0 7px 14px rgba(0, 0, 0, .18) !important;
  }
  .l2-reference-theme .status-shell .monitor-node.is-online { border-top-color: rgba(83, 184, 121, .62) !important; }
  .l2-reference-theme .status-shell .monitor-node.is-offline { border-top-color: rgba(163, 58, 45, .7) !important; }
  .l2-reference-theme .status-shell .monitor-node__dot { background: #c49349 !important; box-shadow: 0 0 8px rgba(196, 147, 73, .62) !important; }
  .l2-reference-theme .status-shell .monitor-node.is-online .monitor-node__dot { background: #53b879 !important; box-shadow: 0 0 9px rgba(83, 184, 121, .72) !important; }
  .l2-reference-theme .status-shell .monitor-node.is-offline .monitor-node__dot { background: #a33a2d !important; box-shadow: 0 0 9px rgba(163, 58, 45, .7) !important; }
  .l2-reference-theme .status-shell .monitor-online-box,
  .l2-reference-theme .status-shell .monitor-chart-box {
    background: linear-gradient(180deg, rgba(22, 25, 25, .96), rgba(10, 12, 13, .98)) !important;
    border-color: rgba(116, 107, 87, .72) !important;
  }
  .l2-reference-theme .status-shell .monitor-online-box { border-left-color: #c49349 !important; }
  .l2-reference-theme .status-shell .monitor-online-box__value { color: #ead09a !important; }
  .l2-reference-theme .status-shell .monitor-network-line { border-top-color: rgba(196, 147, 73, .34) !important; }
  .l2-reference-theme .status-shell .monitor-network-badge { background: rgba(38, 29, 17, .92) !important; border-color: rgba(196, 147, 73, .72) !important; color: #ead09a !important; }
  .l2-reference-theme .status-shell--checking .monitor-network-badge__dot { background: #c49349 !important; box-shadow: 0 0 8px rgba(196, 147, 73, .68) !important; }
}

/* Last cascade pass: compact, restrained Lineage II status styling. */
@layer reference {
  .l2-reference-theme .status-shell--realm .monitor-node,
  .l2-reference-theme .status-shell--realm .monitor-node--obsidian {
    min-height: 75px !important;
    padding: .72rem !important;
    gap: .48rem !important;
    background: linear-gradient(180deg, rgba(32, 28, 20, .66), rgba(12, 14, 14, .86)) !important;
    border-color: rgba(196, 147, 73, .56) !important;
    border-radius: 3px !important;
    box-shadow: inset 0 1px 0 rgba(255, 244, 211, .06), inset 0 -1px 0 rgba(0, 0, 0, .28) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node__icon {
    width: 1.75rem !important;
    height: 1.75rem !important;
    display: inline-grid !important;
    place-items: center !important;
    color: #ead09a !important;
    background: rgba(35, 29, 18, .72) !important;
    border: 1px solid rgba(196, 147, 73, .78) !important;
    border-radius: 2px !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node__label {
    color: #d7d0bd !important;
    font-size: .64rem !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node__dot,
  .l2-reference-theme .status-shell--realm .monitor-node--shield .monitor-node__dot {
    background: #c49349 !important;
    box-shadow: 0 0 8px rgba(196, 147, 73, .48) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node.is-online .monitor-node__dot {
    background: #7cba93 !important;
    box-shadow: 0 0 8px rgba(124, 186, 147, .48) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node.is-offline .monitor-node__dot {
    background: #a33a2d !important;
    box-shadow: 0 0 8px rgba(163, 58, 45, .42) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-region-row {
    margin-top: .85rem !important;
    padding-top: .55rem !important;
    color: #9b9586 !important;
    border-top: 1px solid rgba(196, 147, 73, .24) !important;
    letter-spacing: .18em !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-region-row > span {
    color: #c49349 !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-online-box {
    border-left: 2px solid #c49349 !important;
    background: rgba(18, 17, 14, .72) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-online-box__value {
    color: #ead09a !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-chart-box {
    background-color: rgba(11, 13, 14, .72) !important;
    background-image: linear-gradient(rgba(196, 147, 73, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(196, 147, 73, .07) 1px, transparent 1px) !important;
    background-size: 24px 24px !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-network-line {
    border-top-color: rgba(196, 147, 73, .3) !important;
    color: #aaa28f !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-network-badge {
    background: rgba(38, 29, 17, .84) !important;
    border-color: rgba(196, 147, 73, .72) !important;
    color: #ead09a !important;
  }
}

/* Legal popups: synchronized with the L2Nexus realm palette and typography. */
#global-legal-modal {
  background: rgba(4, 7, 9, .84) !important;
  color: #d7d0bd !important;
}
#global-legal-modal > .relative.z-10 {
  max-width: 38rem !important;
  background: linear-gradient(155deg, rgba(23, 26, 26, .98), rgba(10, 13, 14, .98)) !important;
  border: 1px solid rgba(116, 107, 87, .68) !important;
  border-radius: .35rem !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 244, 211, .05) !important;
}
#global-legal-modal > .relative.z-10 > .h-1 {
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #c49349 28%, #ead09a 50%, #c49349 72%, transparent) !important;
}
#global-legal-modal .border-slate-800,
#global-legal-modal .border-slate-800\/80 {
  border-color: rgba(116, 107, 87, .34) !important;
}
#global-legal-modal .text-\[\#e5a93c\],
#global-legal-modal #modal-category,
#global-legal-modal h4 {
  color: #d0b47b !important;
}
#global-legal-modal #modal-category {
  font-family: Inter, system-ui, sans-serif !important;
  letter-spacing: .18em !important;
}
#global-legal-modal #modal-title {
  color: #eadfca !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 1.25rem !important;
  letter-spacing: .06em !important;
}
#global-legal-modal #modal-body-container {
  color: #c7c1b4 !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: .82rem !important;
  line-height: 1.7 !important;
}
#global-legal-modal #modal-body-container p,
#global-legal-modal #modal-body-container li {
  color: #c7c1b4 !important;
}
#global-legal-modal .bg-\[\#040507\] {
  background: rgba(8, 10, 11, .74) !important;
}
#global-legal-modal button {
  border-radius: .25rem !important;
  font-family: Inter, system-ui, sans-serif !important;
}
#global-legal-modal .w-8.h-8 {
  background: rgba(23, 26, 26, .9) !important;
  border: 1px solid rgba(196, 147, 73, .62) !important;
  color: #ead09a !important;
}
#global-legal-modal .w-8.h-8:hover {
  background: #c49349 !important;
  color: #0a0d0e !important;
}
#global-legal-modal .p-4 > button {
  background: rgba(23, 26, 26, .9) !important;
  border: 1px solid rgba(196, 147, 73, .62) !important;
  color: #ead09a !important;
}
#global-legal-modal .p-4 > button:hover {
  background: #c49349 !important;
  color: #0a0d0e !important;
}
/* Fog correction final precedence: remove the legacy full-width mist layers. */
@layer reference {
  .l2-reference-theme .site-bg::before,
  .l2-reference-theme .site-bg::after {
    content: none !important;
    display: none !important;
    background: none !important;
    animation: none !important;
  }
  .l2-reference-theme .site-bg {
    background-image:
      linear-gradient(180deg, rgba(8, 11, 14, .24), rgba(8, 11, 14, .78)),
      url('/assets/images/backgrounds/l2nexus-world.webp') !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
    background-repeat: no-repeat, no-repeat !important;
  }
}

/* Premium live-status visual layer; data, endpoints, and outer layout unchanged. */
.status-shell--realm .monitor-card--diagnostic {
  background: radial-gradient(circle at top, rgba(30,35,45,.80) 0%, rgba(12,14,18,.95) 100%) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212,175,55,.25) !important;
  box-shadow: inset 0 0 15px rgba(0,0,0,.60), 0 10px 30px rgba(0,0,0,.50) !important;
  overflow: hidden;
}
.status-shell--realm .monitor-card--diagnostic::before {
  content: "";
  display: block;
  height: 1px;
  margin: -1.25rem -1.25rem 1.1rem;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.72), transparent);
  opacity: .75;
}
.status-shell--realm .monitor-node--obsidian {
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg, rgba(31,36,44,.86), rgba(10,13,17,.94)) !important;
  border: 1px solid rgba(212,175,55,.34) !important;
  border-top: 2px solid rgba(212,175,55,.76) !important;
  border-radius: .55rem !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -10px 18px rgba(0,0,0,.24), 0 8px 18px rgba(0,0,0,.26);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.status-shell--realm .monitor-node--obsidian:hover {
  transform: translateY(-2px);
  border-color: rgba(212,175,55,.68) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 18px rgba(212,175,55,.14), 0 10px 22px rgba(0,0,0,.34);
}
.status-shell--realm .monitor-node__icon {
  display: grid;
  place-items: center;
  min-width: 2rem;
  min-height: 2rem;
  padding: .25rem .45rem;
  border: 1px solid rgba(212,175,55,.56);
  border-radius: .42rem;
  background: linear-gradient(145deg, rgba(54,48,31,.94), rgba(12,15,19,.96));
  color: #f0d88b;
  text-shadow: 0 0 8px rgba(212,175,55,.40);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 10px rgba(212,175,55,.10);
}
.status-shell--realm .monitor-node__label {
  color: #e6e0cf !important;
  text-shadow: 0 0 8px rgba(212,175,55,.18);
}
.status-shell--realm .monitor-node__dot,
.status-shell--realm .monitor-network-badge__dot {
  width: 6px !important;
  height: 6px !important;
  background: #69c796 !important;
  box-shadow: 0 0 0 0 rgba(105,199,150,.60), 0 0 10px rgba(105,199,150,.70);
  animation: l2StatusPulse 2.2s ease-out infinite;
}
.status-shell--realm .monitor-node__dot--shield {
  background: #d4af37 !important;
  box-shadow: 0 0 10px rgba(212,175,55,.60);
}
.status-shell--realm .monitor-region-row {
  color: #b9b3a4 !important;
}
.status-shell--realm .monitor-region-row .text-\[\#c49349\] {
  color: #d4af37 !important;
}
.status-shell--realm .monitor-online-box,
.status-shell--realm .monitor-chart-box {
  position: relative;
  background: radial-gradient(circle at top, rgba(30,35,45,.72), rgba(10,12,16,.90));
  border: 1px solid rgba(212,175,55,.25);
  box-shadow: inset 0 0 15px rgba(0,0,0,.50);
}
.status-shell--realm .monitor-online-box {
  min-width: 7.2rem;
  min-height: 6.6rem;
  padding: .9rem 1rem;
  border-left: 2px solid rgba(212,175,55,.78);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.status-shell--realm .monitor-online-box__label {
  color: #cfc8b8;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: .62rem;
  font-weight: 800;
}
.status-shell--realm .monitor-online-box__value {
  margin-top: .3rem;
  font-size: clamp(2rem, 3.4vw, 2.65rem) !important;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .04em;
  background: linear-gradient(180deg, #fff 0%, #d4af37 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 12px rgba(212,175,55,.30);
}
.status-shell--realm .monitor-chart-box {
  flex: 1 1 auto;
  min-height: 6.6rem;
  height: 6.6rem !important;
  padding: .35rem .45rem;
  align-items: stretch !important;
  overflow: hidden;
}
.status-shell--realm .status-chart-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.status-shell--realm .status-chart-area {
  fill: url(#status-chart-fill);
  opacity: .9;
}
.status-shell--realm .status-chart-line {
  fill: none;
  stroke: #d4af37;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 4px rgba(212,175,55,.58));
}
.status-shell--realm .monitor-network-line {
  border-top-color: rgba(212,175,55,.22) !important;
}
.status-shell--realm .monitor-network-badge {
  background: rgba(45,39,23,.62) !important;
  border-color: rgba(212,175,55,.42) !important;
  color: #f0d88b !important;
}
@keyframes l2StatusPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(105,199,150,.52), 0 0 10px rgba(105,199,150,.62); }
  50% { box-shadow: 0 0 0 5px rgba(105,199,150,0), 0 0 15px rgba(105,199,150,.78); }
}
@media (prefers-reduced-motion: reduce) {
  .status-shell--realm .monitor-node--obsidian,
  .status-shell--realm .monitor-node__dot,
  .status-shell--realm .monitor-network-badge__dot { animation: none !important; transition: none !important; }
}


/* Premium vote directory hub; existing links and sidebar structure unchanged. */
.l2-reference-theme .sidebar-vote-panel .vote-tile {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 72px !important;
  gap: .55rem !important;
  overflow: hidden !important;
  padding: .55rem .65rem .55rem .7rem !important;
  isolation: isolate !important;
  background: rgba(18,20,26,.70) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: .42rem !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.24) !important;
  transform: translateX(0);
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(212,175,55,.06), transparent 54%, rgba(212,175,55,.03));
  opacity: .8;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile:hover:not(.is-pending),
.l2-reference-theme .sidebar-vote-panel .vote-tile:focus-visible:not(.is-pending) {
  transform: translateX(4px) !important;
  background: linear-gradient(110deg, rgba(31,29,25,.88), rgba(18,20,26,.82)) !important;
  border-color: rgba(212,175,55,.52) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 15px rgba(212,175,55,.15), 0 9px 20px rgba(0,0,0,.3) !important;
  outline: none !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__badge,
.l2-reference-theme .sidebar-vote-panel .vote-tile__copy,
.l2-reference-theme .sidebar-vote-panel .vote-tile__action {
  position: relative !important;
  z-index: 1 !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__badge {
  flex: 0 0 2.05rem !important;
  width: 2.05rem !important;
  height: 2.05rem !important;
  margin-right: .08rem !important;
  border: 1px solid rgba(212,175,55,.60) !important;
  border-top-color: rgba(239,215,141,.88) !important;
  border-radius: .36rem !important;
  background: linear-gradient(145deg, rgba(58,49,29,.92), rgba(16,18,23,.94)) !important;
  color: #f0d88b !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 10px rgba(212,175,55,.09) !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__copy {
  flex: 1 1 auto !important;
  gap: .22rem !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__label {
  color: #f1eadb !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 8px rgba(212,175,55,.17) !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__status {
  display: inline-flex !important;
  align-items: center !important;
  gap: .34rem !important;
  color: #d9bc70 !important;
  font-size: .56rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__status i {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #69c796;
  box-shadow: 0 0 8px rgba(105,199,150,.72);
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__status.is-pending {
  color: #9b9a94 !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__status.is-pending i {
  background: #878b92;
  box-shadow: none;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile__action {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  padding: .38rem .45rem !important;
  border: 1px solid rgba(212,175,55,.38) !important;
  border-radius: .32rem !important;
  background: linear-gradient(180deg, rgba(65,52,27,.74), rgba(28,24,18,.82)) !important;
  color: #f0d88b !important;
  font-size: .55rem !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: color .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile:hover:not(.is-pending) .vote-tile__action,
.l2-reference-theme .sidebar-vote-panel .vote-tile:focus-visible:not(.is-pending) .vote-tile__action {
  border-color: rgba(239,215,141,.82) !important;
  background: linear-gradient(180deg, rgba(132,99,42,.88), rgba(61,44,20,.94)) !important;
  color: #fff4c9 !important;
  box-shadow: 0 0 13px rgba(212,175,55,.28) !important;
}
.l2-reference-theme .sidebar-vote-panel .vote-tile.is-pending .vote-tile__action {
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.04) !important;
  color: #8f9299 !important;
}
@media (prefers-reduced-motion: reduce) {
  .l2-reference-theme .sidebar-vote-panel .vote-tile,
  .l2-reference-theme .sidebar-vote-panel .vote-tile__action { transition: none !important; }
}

/* Realm status panel brief: one full-width monitoring surface, real values only. */
@layer reference {
  .l2-reference-theme .status-shell--realm .top-monitor-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-card--split {
    width: 100% !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node {
    display: grid !important;
    grid-template-rows: auto auto 1fr auto !important;
    align-content: center !important;
    justify-items: center !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node__state {
    min-height: .65rem !important;
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .5rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node.is-online .monitor-node__state {
    color: var(--ref-green) !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node.is-offline .monitor-node__state {
    color: #e3a79a !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-node__latency {
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .48rem !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .5rem !important;
    margin: -.25rem 0 .85rem !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-summary__item {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: .45rem !important;
    min-width: 0 !important;
    padding: .4rem .5rem !important;
    background: rgba(11, 13, 14, .42) !important;
    border-bottom: 1px solid var(--ref-line-soft) !important;
    color: var(--ref-muted, #8f928b) !important;
    font-family: "DM Mono", monospace !important;
    font-size: .5rem !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  .l2-reference-theme .status-shell--realm .monitor-summary__item strong {
    color: var(--ref-gold-light) !important;
    font-family: Cinzel, Georgia, serif !important;
    font-size: .72rem !important;
    letter-spacing: .02em !important;
  }

  @media (max-width: 900px) {
    .l2-reference-theme .status-shell--realm .monitor-card--split {
      grid-template-columns: 1fr !important;
    }
  }

  @media (max-width: 560px) {
    .l2-reference-theme .status-shell--realm .monitor-summary {
      grid-template-columns: 1fr !important;
    }
  }
}
/* Realm status panel brief: remove legacy duplicate labels and keep service names readable. */
@layer reference {
  .l2-reference-theme .status-shell--realm .monitor-node::after {
    display: none !important;
    content: none !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-node__label {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Realm status panel brief: inline proxy health beside the monitoring regions. */
@layer reference {
  .l2-reference-theme .status-shell--realm .monitor-region-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: .45rem 1rem !important;
    width: 100% !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-region-row__regions {
    display: inline-flex !important;
    align-items: center !important;
    gap: .42rem !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-region-row__proxy {
    display: inline-flex !important;
    align-items: center !important;
    gap: .35rem !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #b9b3a4 !important;
    font-family: "DM Mono", monospace !important;
    font-size: .5rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-region-row__proxy-label {
    color: #8f928b !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-region-row__proxy-dot {
    width: .38rem !important;
    height: .38rem !important;
    flex: 0 0 .38rem !important;
    border-radius: 50% !important;
    background: #d4af37 !important;
    box-shadow: 0 0 .45rem rgba(212,175,55,.55) !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-region-row__proxy-dot.is-online {
    background: #69c796 !important;
    box-shadow: 0 0 .45rem rgba(105,199,150,.7) !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-region-row__proxy-dot.is-offline {
    background: #c4796b !important;
    box-shadow: 0 0 .45rem rgba(196,121,107,.65) !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-region-row__proxy.is-online {
    color: #9cdbb0 !important;
  }
  .l2-reference-theme .status-shell--realm .monitor-region-row__proxy.is-offline {
    color: #d58a78 !important;
  }
  @media (max-width: 560px) {
    .l2-reference-theme .status-shell--realm .monitor-region-row {
      justify-content: flex-start !important;
    }
    .l2-reference-theme .status-shell--realm .monitor-region-row__proxy {
      margin-left: 0 !important;
    }
  }
}

/* Atmosphere final precedence: this is intentionally last so older theme
   corrections cannot cancel the twilight fog and ember treatment. */
@layer reference {
  .l2-reference-theme .site-bg {
    background-image:
      linear-gradient(180deg, rgba(3, 6, 9, .46) 0%, rgba(5, 8, 11, .60) 46%, rgba(2, 4, 7, .90) 100%),
      url('/assets/images/backgrounds/l2nexus-world-premium.png') !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
    background-repeat: no-repeat, no-repeat !important;
  }

  .l2-reference-theme .site-bg::before,
  .l2-reference-theme .site-bg::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .l2-reference-theme .site-bg::before {
    inset: -12% -14% 18% !important;
    background:
      url('/assets/images/backgrounds/l2nexus-mist.png') center / cover no-repeat,
      radial-gradient(ellipse 44% 24% at 15% 31%, rgba(125, 145, 171, .10), transparent 76%),
      radial-gradient(ellipse 52% 23% at 57% 27%, rgba(177, 182, 177, .07), transparent 78%),
      radial-gradient(ellipse 36% 20% at 89% 40%, rgba(108, 127, 143, .08), transparent 76%),
      linear-gradient(180deg, rgba(4, 7, 10, .08), rgba(4, 7, 10, .28) 72%, rgba(2, 4, 7, .58)) !important;
    background-blend-mode: screen, normal, normal, normal, normal !important;
    filter: blur(20px) !important;
    opacity: .74 !important;
    transform: translate3d(-1.5%, 0, 0) scale(1.07) !important;
    animation: l2-final-fog-upper 56s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .site-bg::after {
    inset: 30% -16% -14% !important;
    background:
      radial-gradient(ellipse 58% 27% at 13% 64%, rgba(135, 151, 166, .08), transparent 74%),
      radial-gradient(ellipse 54% 24% at 79% 70%, rgba(99, 117, 136, .08), transparent 74%),
      linear-gradient(180deg, transparent 14%, rgba(7, 10, 13, .12) 52%, rgba(2, 4, 7, .62) 100%),
      radial-gradient(ellipse at center, transparent 30%, rgba(1, 3, 6, .40) 100%) !important;
    filter: blur(24px) !important;
    opacity: .76 !important;
    transform: translate3d(1%, 0, 0) scale(1.07) !important;
    animation: l2-final-fog-lower 42s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .ambient-particles span {
    width: 3px !important;
    height: 8px !important;
    border-radius: 60% 60% 44% 44% !important;
    background: radial-gradient(ellipse at 50% 22%, #fff7ce 0 14%, #e6c875 38%, rgba(181, 76, 35, 0) 80%) !important;
    box-shadow: 0 0 8px rgba(230, 200, 117, .78), 0 0 18px rgba(176, 67, 34, .38) !important;
    opacity: .78 !important;
    animation-name: l2-final-ember-rise !important;
    animation-duration: 12s !important;
    will-change: translate, opacity !important;
  }

  @keyframes l2-final-fog-upper {
    from { opacity: .62; transform: translate3d(-1.5%, 0, 0) scale(1.07); }
    to { opacity: .84; transform: translate3d(1.5%, 1%, 0) scale(1.11); }
  }

  @keyframes l2-final-fog-lower {
    from { opacity: .58; transform: translate3d(1%, 0, 0) scale(1.07); }
    to { opacity: .80; transform: translate3d(-1%, -1.2%, 0) scale(1.11); }
  }

  @keyframes l2-final-ember-rise {
    0% { translate: 0 18px; opacity: 0; scale: .38; }
    10% { opacity: .84; }
    48% { opacity: .64; }
    80% { opacity: .24; }
    100% { translate: 22px -112vh; opacity: 0; scale: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg::before,
    .l2-reference-theme .site-bg::after,
    .l2-reference-theme .ambient-particles span { animation: none !important; }
  }
}
/* L2NEXUS LIVE LAYOUT - restore compact vote rail and balanced content columns. */
@layer reference {
  .l2-reference-theme .homepage-layout {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(235px, 280px) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: start !important;
    column-gap: 24px !important;
    row-gap: 24px !important;
    width: min(1280px, calc(100% - 48px)) !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  .l2-reference-theme .homepage-layout > aside {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    justify-self: stretch !important;
  }

  .l2-reference-theme .homepage-layout > section {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    justify-self: stretch !important;
  }

  .l2-reference-theme .homepage-layout > aside > .sidebar-vote-panel,
  .l2-reference-theme .homepage-layout > aside .sidebar-vote-panel {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .l2-reference-theme .homepage-layout > section > .status-shell--realm,
  .l2-reference-theme .homepage-layout > section > .news-status-theme {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }
}

@media (max-width: 980px) {
  .l2-reference-theme .homepage-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(calc(100% - 1.5rem), 760px) !important;
  }

  .l2-reference-theme .homepage-layout > aside,
  .l2-reference-theme .homepage-layout > section {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
/* L2NEXUS LIVE - unify status overview and vote panel headings with Server Updates. */
@layer reference {
  .l2-reference-theme .status-shell--realm .status-eyebrow,
  .l2-reference-theme .homepage-layout > aside .vote-hub__eyebrow {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 .72rem !important;
    color: var(--ref-paper) !important;
    font-family: Cinzel, Georgia, serif !important;
    font-size: 1.45rem !important;
    font-weight: 500 !important;
    letter-spacing: .035em !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
  }
  .l2-reference-theme .status-shell--realm .status-eyebrow::after,
  .l2-reference-theme .homepage-layout > aside .vote-hub__eyebrow::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    margin-top: .72rem !important;
    background: linear-gradient(90deg, rgba(196,147,73,.72), var(--ref-line-soft), transparent) !important;
  }
  .l2-reference-theme .homepage-layout > aside .vote-hub__eyebrow-mark {
    color: var(--ref-gold-light) !important;
    font-size: .5rem !important;
    vertical-align: .16em !important;
    text-shadow: 0 0 8px rgba(230,200,117,.3) !important;
  }
  .l2-reference-theme .homepage-layout > aside .vote-hub__divider { display: none !important; }
  .l2-reference-theme .status-shell--realm .top-overview-panel__intro { padding-top: 1.15rem !important; }
  .l2-reference-theme .homepage-layout > aside .vote-hub__header { margin-bottom: .95rem !important; }
}

/* L2NEXUS LIVE - preserve title case for overview headings. */
@layer reference {
.l2-reference-theme .status-shell--realm .status-eyebrow,
  .l2-reference-theme .homepage-layout > aside .vote-hub__eyebrow {
    text-transform: none !important;
  }
}

/* Final vote sidebar surface: match the transparent news block. */
.l2-reference-theme .homepage-layout > aside > .vote-sidebar {
  padding: 24px !important;
  border: 1px solid rgba(30, 41, 59, .82) !important;
  border-radius: 1rem !important;
  background: rgba(17, 19, 23, .5) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
/* L2NEXUS LIVE - continuous full-page twilight fog, final precedence.
   Layout, content, panels, vote rail and news markup are intentionally unchanged. */
@layer reference {
  body.l2-reference-theme {
    background-color: #05080b !important;
    background-image: none !important;
  }

  .l2-reference-theme .site-bg {
    overflow: hidden !important;
    isolation: isolate !important;
    opacity: 1 !important;
    filter: saturate(.78) sepia(.035) brightness(.94) !important;
    background-image:
      linear-gradient(180deg,
        rgba(7, 10, 12, .48) 0%, rgba(7, 10, 12, .16) 28%, rgba(7, 10, 12, .42) 72%, rgba(7, 10, 12, .84) 100%),
      linear-gradient(90deg, rgba(7, 10, 12, .66) 0%, rgba(7, 10, 12, .2) 24%, rgba(7, 10, 12, .04) 50%, rgba(7, 10, 12, .2) 76%, rgba(7, 10, 12, .66) 100%),
      radial-gradient(ellipse at 74% 78%, rgba(196, 147, 73, .08), transparent 31%),
      url('/assets/images/backgrounds/l2nexus-world-premium.png') !important;
    background-size: cover, cover, cover, cover !important;
    background-position: center center, center center, center center, center center !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-attachment: fixed !important;
  }

  .l2-reference-theme .site-bg::before,
  .l2-reference-theme .site-bg::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border: 0 !important;
  }

  .l2-reference-theme .site-bg::before {
    inset: 0 !important;
    background:
      radial-gradient(ellipse at -4% 62%, rgba(199, 211, 201, .18) 0%, rgba(199, 211, 201, .07) 18%, transparent 39%),
      radial-gradient(ellipse at 104% 55%, rgba(199, 211, 201, .16) 0%, rgba(199, 211, 201, .06) 17%, transparent 37%) !important;
    filter: blur(18px) !important;
    opacity: .72 !important;
    transform: translate3d(-1.5%, 0, 0) scale(1.02) !important;
    animation: l2-edge-fog-drift 58s ease-in-out infinite alternate !important;
  }

  .l2-reference-theme .site-bg::after {
    inset: 0 !important;
    background:
      radial-gradient(ellipse at 18% 106%, rgba(189, 201, 191, .2) 0%, rgba(189, 201, 191, .08) 21%, transparent 48%),
      radial-gradient(ellipse at 82% 108%, rgba(196, 147, 73, .11) 0%, rgba(189, 201, 191, .08) 20%, transparent 48%) !important;
    filter: blur(22px) !important;
    opacity: .68 !important;
    transform: translate3d(0, 1%, 0) scale(1.02) !important;
    animation: l2-bottom-fog-drift 55s ease-in-out infinite alternate !important;
  }

  @keyframes l2-continuous-twilight-fog {
    0% { opacity: .58; transform: translate3d(-1.6%, 0, 0) scale(1.08); }
    50% { opacity: .74; transform: translate3d(.8%, .8%, 0) scale(1.11); }
    100% { opacity: .66; transform: translate3d(1.8%, -.5%, 0) scale(1.09); }
  }

  @keyframes l2-continuous-twilight-fog-lower {
    0% { opacity: .52; transform: translate3d(1%, 0, 0) scale(1.07); }
    50% { opacity: .68; transform: translate3d(-.8%, -1%, 0) scale(1.10); }
    100% { opacity: .60; transform: translate3d(.6%, .6%, 0) scale(1.08); }
  }

  @media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg::before,
    .l2-reference-theme .site-bg::after {
      animation: none !important;
    }
  }
}
/* L2NEXUS LIVE - top-to-bottom fog visibility correction */
@layer reference {
  .l2-reference-theme .site-bg::before {
    inset: -18% -12% -8% !important;
    background:
      radial-gradient(ellipse 76% 28% at 50% 4%, rgba(221,227,224,.26), transparent 70%),
      radial-gradient(ellipse 60% 24% at 6% 18%, rgba(178,197,214,.20), transparent 72%),
      radial-gradient(ellipse 58% 22% at 94% 20%, rgba(178,197,214,.18), transparent 72%),
      radial-gradient(ellipse 72% 20% at 48% 34%, rgba(165,179,189,.13), transparent 74%),
      url('/assets/images/backgrounds/l2nexus-mist.png') center / cover no-repeat,
      linear-gradient(180deg, rgba(220,224,215,.08), transparent 52%, rgba(5,8,11,.08)) !important;
    background-blend-mode: screen,screen,screen,screen,screen,normal !important;
    filter: blur(14px) saturate(.92) !important;
    opacity: .90 !important;
  }

  .l2-reference-theme .site-bg::after {
    inset: -4% -12% -6% !important;
    background:
      radial-gradient(ellipse 70% 20% at 50% 10%, rgba(198,211,218,.10), transparent 74%),
      radial-gradient(ellipse 64% 25% at 18% 55%, rgba(163,181,198,.10), transparent 76%),
      radial-gradient(ellipse 62% 23% at 82% 60%, rgba(143,165,185,.09), transparent 76%),
      linear-gradient(180deg, transparent 0%, rgba(5,8,11,.03) 66%, rgba(2,4,7,.18) 100%) !important;
    filter: blur(26px) !important;
    opacity: .72 !important;
  }
}
/* New L2Nexus Club mark: transparent treatment, readable in the existing layout. */
.l2-reference-theme .site-brand__logo-frame {
    width: 11.25rem !important;
    min-width: 11.25rem !important;
    height: 3.5rem !important;
    min-height: 3.5rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.l2-reference-theme .site-brand__logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: drop-shadow(0 0.45rem 0.8rem rgba(0, 0, 0, .48)) drop-shadow(0 0 0.7rem rgba(234, 208, 154, .16)) !important;
}

/* Compact top-menu identity matching the supplied L2Nexus reference. */
.l2-reference-theme .site-brand__mark {
    display: inline-grid !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    flex: 0 0 2.5rem !important;
    place-items: center !important;
    border: 1px solid rgba(196, 147, 73, .7) !important;
    border-radius: .55rem !important;
    background: linear-gradient(145deg, #202331, #11151f) !important;
    box-shadow: inset 0 1px 0 rgba(255, 238, 190, .08), 0 5px 14px rgba(0, 0, 0, .3) !important;
    color: #e5e0d2 !important;
    font: 800 .72rem/1 Manrope, Arial, sans-serif !important;
    letter-spacing: .02em !important;
}

.l2-reference-theme .site-brand__copy {
    display: flex !important;
    flex-direction: column !important;
    gap: .28rem !important;
}

.l2-reference-theme .site-brand__name {
    color: #e5dfd0 !important;
    font: 600 .98rem/1 Cinzel, Georgia, serif !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.l2-reference-theme .site-brand__tagline {
    color: #e5a93c !important;
    font: 800 .52rem/1 Manrope, Arial, sans-serif !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.l2-reference-theme .homepage-logo-banner {
    min-height: 0 !important;
    padding: 0 !important;
    margin-top: 2rem !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.l2-reference-theme .homepage-logo-banner img {
    display: block !important;
    width: min(76%, 900px) !important;
    height: auto !important;
    max-height: 18rem !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: drop-shadow(0 0.9rem 1.5rem rgba(0, 0, 0, .62)) drop-shadow(0 0 1rem rgba(234, 208, 154, .16)) !important;
}

/* Final vote sidebar surface: match the transparent news block. */
.l2-reference-theme .homepage-layout > aside,
.l2-reference-theme .homepage-layout > aside > .vote-sidebar {
    padding: 1.84rem !important;
    border: 1px solid rgba(116, 107, 87, .5) !important;
    border-color: rgba(116, 107, 87, .5) !important;
    border-radius: 1rem !important;
    background: rgba(10, 13, 14, .74) !important;
    background-image: none !important;
    background-color: rgba(10, 13, 14, .74) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* Homepage content surfaces share the same transparent charcoal treatment. */
.l2-reference-theme .homepage-layout > section > .status-shell,
.l2-reference-theme .homepage-layout > section > .news-status-theme {
    background: rgba(10, 13, 14, .74) !important;
    background-image: none !important;
    background-color: rgba(10, 13, 14, .74) !important;
    border: 1px solid var(--ref-line) !important;
    border-color: var(--ref-line) !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
}

.l2-reference-theme .homepage-layout > section > .status-shell .monitor-card,
.l2-reference-theme .homepage-layout > section > .status-shell .monitor-node,
.l2-reference-theme .homepage-layout > section > .status-shell .monitor-online-box,
.l2-reference-theme .homepage-layout > section > .status-shell .monitor-chart-box,
.l2-reference-theme .homepage-layout > section > .news-status-theme .cn-news-entry {
    border-color: var(--ref-line-soft) !important;
}

.l2-reference-theme .homepage-layout > aside .vote-card {
    background: rgba(23, 26, 26, .72) !important;
    border-color: var(--ref-line-soft) !important;
}

.l2-reference-theme .homepage-layout > aside .vote-card:hover,
.l2-reference-theme .homepage-layout > aside .vote-card:focus-visible {
    background: rgba(32, 40, 43, .84) !important;
    border-color: var(--ref-gold) !important;
}

/* Keep the vote heading in the same editorial hierarchy as Server Overview. */
.l2-reference-theme .homepage-layout > aside > .vote-sidebar .vote-sidebar__header {
    margin: 0 0 1rem !important;
    padding: 1.15rem 0 .72rem !important;
    min-height: 0 !important;
    position: relative !important;
    border-bottom: 1px solid var(--ref-line-soft) !important;
    border-image: linear-gradient(90deg, rgba(196,147,73,.72), var(--ref-line-soft), transparent) 1 !important;
}

.l2-reference-theme .homepage-layout > aside > .vote-sidebar .vote-sidebar__header::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(196,147,73,.18), var(--ref-line-soft), transparent) !important;
    pointer-events: none !important;
}

.l2-reference-theme .homepage-layout > aside > .vote-sidebar .vote-sidebar__eyebrow {
    margin: 0 0 .73rem !important;
    color: var(--ref-gold) !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: .58rem !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

.l2-reference-theme .homepage-layout > aside > .vote-sidebar .vote-sidebar__title {
    margin: 0 !important;
    color: var(--ref-paper) !important;
    font-family: Cinzel, Georgia, serif !important;
    font-size: 1.45rem !important;
    font-weight: 500 !important;
    letter-spacing: .035em !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

.l2-reference-theme .homepage-layout > aside > .vote-sidebar .vote-sidebar__heading-row {
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: .7rem !important;
    min-height: 0 !important;
}

.l2-reference-theme .homepage-layout > aside > .vote-sidebar .vote-sidebar__cycle {
    color: #9b9588 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: .5rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

.l2-reference-theme .homepage-layout > aside > .vote-sidebar .vote-sidebar__rule {
    display: none !important;
}

/* The aside is only a layout rail; keep the vote panel as the single painted surface. */
.l2-reference-theme .homepage-layout > aside.homepage-sidebar {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.l2-reference-theme .homepage-layout > aside > .vote-sidebar .vote-sidebar__header {
    background: transparent !important;
    background-image: none !important;
}

.l2-reference-theme header.vote-sidebar__header {
    background: transparent !important;
    background-image: none !important;
}

body.l2-reference-theme header.vote-sidebar__header {
    background: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
}

/* Per-region proxy health: compact chips with live green/red state. */
.l2-reference-theme .status-shell--realm .monitor-region-row__regions {
    gap: .32rem !important;
    flex-wrap: wrap !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region {
    display: inline-flex !important;
    align-items: center !important;
    gap: .22rem !important;
    min-height: 1.35rem !important;
    padding: .18rem .36rem !important;
    border: 1px solid rgba(116, 107, 87, .44) !important;
    border-radius: .25rem !important;
    background: rgba(23, 26, 26, .45) !important;
    color: var(--ref-parchment) !important;
    letter-spacing: .04em !important;
    transition: border-color .18s ease, background .18s ease, color .18s ease !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region-code {
    color: inherit !important;
    font-weight: 800 !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region-dot {
    width: .36rem !important;
    height: .36rem !important;
    flex: 0 0 .36rem !important;
    border-radius: 50% !important;
    background: var(--ref-gold) !important;
    box-shadow: 0 0 .4rem rgba(196, 147, 73, .55) !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region-dot.is-online {
    background: var(--ref-green) !important;
    box-shadow: 0 0 .4rem rgba(83, 184, 121, .7) !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region-dot.is-offline {
    background: var(--ref-red) !important;
    box-shadow: 0 0 .4rem rgba(163, 58, 45, .65) !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region-dot.is-checking {
    animation: l2nexus-region-pulse 1.6s ease-in-out infinite !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region-state {
    color: var(--ref-muted) !important;
    font-size: .43rem !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region.is-online {
    border-color: rgba(83, 184, 121, .56) !important;
    background: rgba(32, 65, 47, .36) !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region.is-online .monitor-region-row__region-state {
    color: #9bdbb0 !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region.is-offline {
    border-color: rgba(163, 58, 45, .56) !important;
    background: rgba(70, 25, 21, .3) !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region.is-offline .monitor-region-row__region-state {
    color: #e3a79a !important;
}

/* Keep the region health row on one line, like the right-side network row. */
.l2-reference-theme .status-shell--realm .monitor-region-row {
    display: block !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: .45rem !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__regions {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: .18rem !important;
    overflow: hidden !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region {
    flex: 0 0 auto !important;
    min-height: 1.28rem !important;
    padding: .16rem .28rem !important;
    font-size: .5rem !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__regions-label {
    font-size: .52rem !important;
    letter-spacing: .1em !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__separator {
    display: none !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__region-state {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__proxy {
    display: inline-flex !important;
    align-items: center !important;
    gap: .14rem !important;
    margin-left: .4rem !important;
    padding-left: .3rem !important;
    border-left: 1px solid var(--ref-line-soft) !important;
    vertical-align: middle !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__proxy-label {
    font-size: .44rem !important;
    letter-spacing: .04em !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__proxy-state {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    color: var(--ref-muted) !important;
    font-size: .46rem !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    white-space: nowrap !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__updated {
    color: #9b9588 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: .46rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.l2-reference-theme .status-shell--realm .monitor-region-row__proxy.is-offline .monitor-region-row__proxy-label,
.l2-reference-theme .status-shell--realm .monitor-region-row__proxy.is-offline .monitor-region-row__updated,
.l2-reference-theme .status-shell--realm .monitor-region-row__proxy.is-online .monitor-region-row__proxy-label,
.l2-reference-theme .status-shell--realm .monitor-region-row__proxy.is-online .monitor-region-row__updated {
    color: #9b9588 !important;
}

@keyframes l2nexus-region-pulse {
    0%, 100% { opacity: .5; transform: scale(.88); }
    50% { opacity: 1; transform: scale(1.08); }
}

/* News pagination: use the same charcoal / parchment / gold palette as the panels. */
.l2-reference-theme .cn-news-pagination {
    background: rgba(10, 13, 14, .74) !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
}

.l2-reference-theme .cn-news-pagination .cn-news-pagination__link,
.l2-reference-theme .cn-news-pagination .cn-news-pagination__number {
    background: rgba(23, 26, 26, .72) !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: .35rem !important;
    color: var(--ref-parchment) !important;
    box-shadow: none !important;
}

.l2-reference-theme .cn-news-pagination .cn-news-pagination__link:hover,
.l2-reference-theme .cn-news-pagination .cn-news-pagination__number:hover {
    background: rgba(32, 40, 43, .84) !important;
    border-color: var(--ref-gold) !important;
    color: var(--ref-gold-light) !important;
}

.l2-reference-theme .cn-news-pagination .cn-news-pagination__number.is-current {
    background: linear-gradient(180deg, var(--ref-gold-light), var(--ref-gold)) !important;
    border-color: var(--ref-gold-light) !important;
    color: #171a1a !important;
}

.l2-reference-theme .cn-news-pagination .cn-news-pagination__link.is-disabled {
    background: rgba(10, 13, 14, .26) !important;
    border-color: rgba(116, 107, 87, .42) !important;
    color: #9b9588 !important;
    opacity: 1 !important;
}

.l2-reference-theme .cn-news-pagination .cn-news-pagination__pages {
    background: transparent !important;
    color: var(--ref-parchment) !important;
}

.l2-reference-theme .cn-news-pagination .cn-news-pagination__pages strong {
    background: transparent !important;
    color: var(--ref-parchment) !important;
}

/* Infrastructure cards: mirror the right-side network status badge language. */
.l2-reference-theme .status-shell--realm .monitor-node__state {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 4.15rem !important;
    min-height: 1.15rem !important;
    padding: .22rem .42rem !important;
    border: 1px solid rgba(83, 184, 121, .48) !important;
    border-radius: .22rem !important;
    background: rgba(32, 65, 47, .5) !important;
    color: #9bdbb0 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: .46rem !important;
    font-weight: 800 !important;
    letter-spacing: .1em !important;
    line-height: 1 !important;
    text-align: center !important;
}

.l2-reference-theme .status-shell--realm .monitor-node.is-offline .monitor-node__state {
    border-color: rgba(163, 58, 45, .58) !important;
    background: rgba(70, 25, 21, .42) !important;
    color: #e3a79a !important;
}

.l2-reference-theme .status-shell--realm .monitor-node.is-online .monitor-node__state {
    border-color: rgba(83, 184, 121, .62) !important;
    background: rgba(32, 65, 47, .56) !important;
    color: #9bdbb0 !important;
}

.l2-reference-theme .status-shell--realm .monitor-node.is-checking .monitor-node__state {
    border-color: rgba(83, 184, 121, .62) !important;
    background: rgba(32, 65, 47, .56) !important;
    color: #9bdbb0 !important;
}

/* Final pagination interaction layer: clear contrast and a larger touch target. */
.l2-reference-theme .cn-news-pagination {
    position: relative !important;
    z-index: 2 !important;
    gap: .6rem !important;
    padding: .8rem 1rem !important;
    background: rgba(10, 13, 14, .78) !important;
    border-color: rgba(116, 107, 87, .62) !important;
}

.l2-reference-theme .cn-news-pagination a.cn-news-pagination__link,
.l2-reference-theme .cn-news-pagination a.cn-news-pagination__number,
.l2-reference-theme .cn-news-pagination span.cn-news-pagination__number {
    min-width: 2.5rem !important;
    min-height: 2.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: .58rem .82rem !important;
    border: 1px solid rgba(116, 107, 87, .72) !important;
    border-radius: .42rem !important;
    background: rgba(23, 26, 26, .9) !important;
    color: var(--ref-parchment) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: none !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
}

.l2-reference-theme .cn-news-pagination a.cn-news-pagination__link:hover,
.l2-reference-theme .cn-news-pagination a.cn-news-pagination__number:hover,
.l2-reference-theme .cn-news-pagination a.cn-news-pagination__link:focus-visible,
.l2-reference-theme .cn-news-pagination a.cn-news-pagination__number:focus-visible {
    background: rgba(40, 44, 43, .96) !important;
    border-color: var(--ref-gold-light) !important;
    color: var(--ref-gold-light) !important;
    outline: 2px solid rgba(216, 176, 92, .28) !important;
    outline-offset: 2px !important;
}

.l2-reference-theme .cn-news-pagination span.cn-news-pagination__number.is-current,
.l2-reference-theme .cn-news-pagination span.cn-news-pagination__number[aria-current="page"] {
    background: linear-gradient(180deg, var(--ref-gold-light), var(--ref-gold)) !important;
    border-color: var(--ref-gold-light) !important;
    color: #171a1a !important;
    cursor: default !important;
    pointer-events: auto !important;
}

.l2-reference-theme .cn-news-pagination .cn-news-pagination__link.is-disabled {
    min-width: 2.5rem !important;
    min-height: 2.5rem !important;
    background: rgba(10, 13, 14, .34) !important;
    border-color: rgba(116, 107, 87, .42) !important;
    color: #9b9588 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* CuteNews editor output: inherit the existing news-card palette and spacing. */
.l2-reference-theme .cn-news-rich-content {
    color: inherit !important;
}

.l2-reference-theme .cn-news-rich-content p {
    margin: 0 0 .85rem !important;
}

.l2-reference-theme .cn-news-rich-content p:last-child {
    margin-bottom: 0 !important;
}

.l2-reference-theme .cn-news-rich-content ul,
.l2-reference-theme .cn-news-rich-content ol {
    margin: .7rem 0 .95rem 1.2rem !important;
    padding-left: 1rem !important;
}

.l2-reference-theme .cn-news-rich-content li {
    margin: .35rem 0 !important;
}

.l2-reference-theme .cn-news-rich-content a {
    color: var(--ref-gold-light) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(216, 176, 92, .45) !important;
    text-underline-offset: .16em !important;
}

.l2-reference-theme .cn-news-rich-content a:hover {
    color: var(--ref-parchment) !important;
}

.l2-reference-theme .cn-news-rich-content img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 1rem 0 !important;
    border: 1px solid var(--ref-line-soft) !important;
    border-radius: .45rem !important;
}

.l2-reference-theme .cn-news-rich-content blockquote {
    margin: 1rem 0 !important;
    padding: .7rem 1rem !important;
    border-left: 2px solid var(--ref-gold) !important;
    background: rgba(32, 27, 20, .34) !important;
    color: var(--ref-parchment) !important;
}

.l2-reference-theme .cn-news-rich-content table {
    width: 100% !important;
    margin: 1rem 0 !important;
    border-collapse: collapse !important;
}

.l2-reference-theme .cn-news-rich-content {
    max-width: 72ch !important;
}

.l2-reference-theme .cn-news-rich-content > p {
    margin: 0 0 1.05rem !important;
    text-wrap: pretty !important;
}

.l2-reference-theme .cn-news-rich-content > p + p {
    padding-top: .2rem !important;
}

.l2-reference-theme .cn-news-rich-content h2,
.l2-reference-theme .cn-news-rich-content h3,
.l2-reference-theme .cn-news-rich-content h4 {
    margin: 1.45rem 0 .65rem !important;
    padding-bottom: .4rem !important;
    border-bottom: 1px solid var(--ref-line-soft) !important;
    color: var(--ref-parchment) !important;
    font-family: Cinzel, Georgia, serif !important;
    letter-spacing: .05em !important;
}

.l2-reference-theme .cn-news-rich-content ol {
    list-style: decimal !important;
}

.l2-reference-theme .cn-news-rich-content ul {
    list-style: square !important;
}

.l2-reference-theme .cn-news-back-link {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: .15rem !important;
    margin-bottom: -.75rem !important;
    color: var(--ref-gold-light) !important;
    font: 800 .62rem/1.2 Manrope, Arial, sans-serif !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.l2-reference-theme .cn-news-back-link:hover {
    color: var(--ref-parchment) !important;
}

.l2-reference-theme .cn-news-entry__footer {
    display: flex !important;
    justify-content: flex-start !important;
    margin-top: 1.25rem !important;
    padding-top: .9rem !important;
    border-top: 1px solid var(--ref-line-soft) !important;
}

.l2-reference-theme .cn-news-entry__read-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: .5rem !important;
    color: var(--ref-gold-light) !important;
    font: 800 .62rem/1.2 Manrope, Arial, sans-serif !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: color .2s ease, gap .2s ease !important;
}

.l2-reference-theme .cn-news-entry__read-more:hover {
    gap: .72rem !important;
    color: var(--ref-parchment) !important;
}

.l2-reference-theme .cn-news-entry--full .cn-news-entry__body,
.l2-reference-theme .cn-news-entry:has(.cn-news-rich-content) .cn-news-entry__body {
    max-width: none !important;
}

.l2-reference-theme .cn-news-entry--full .cn-news-rich-content {
    max-width: none !important;
    width: 100% !important;
}

.l2-reference-theme .cn-news-social {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .55rem !important;
    margin-top: 1.4rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid var(--ref-line-soft) !important;
}

.l2-reference-theme .cn-news-social--compact {
    margin-top: .95rem !important;
    padding-top: .72rem !important;
}

.l2-reference-theme .cn-news-social--compact .cn-news-social__label {
    font-size: .54rem !important;
}

.l2-reference-theme .cn-news-social--compact .cn-news-social__button {
    min-height: 1.8rem !important;
    padding: .38rem .58rem !important;
    font-size: .53rem !important;
}

.l2-reference-theme .cn-news-social__label {
    margin-right: .25rem !important;
    color: #a6a092 !important;
    font: 800 .58rem/1.2 Manrope, Arial, sans-serif !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}

.l2-reference-theme .cn-news-social__button {
    display: inline-flex !important;
    min-height: 2rem !important;
    align-items: center !important;
    padding: .45rem .7rem !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: .35rem !important;
    background: rgba(23, 26, 26, .9) !important;
    color: var(--ref-parchment) !important;
    font: 800 .58rem/1.2 Manrope, Arial, sans-serif !important;
    letter-spacing: .08em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.l2-reference-theme .cn-news-social__button:hover,
.l2-reference-theme .cn-news-social__button:focus-visible {
    border-color: var(--ref-gold-light) !important;
    color: var(--ref-gold-light) !important;
    outline: 2px solid rgba(216, 176, 92, .22) !important;
    outline-offset: 2px !important;
}

.l2-reference-theme .cn-news-social__facebook-like {
    min-height: 1.6rem !important;
}

.l2-reference-theme .cn-news-social__comments {
    width: 100% !important;
    margin-top: 1rem !important;
}

.l2-reference-theme .cn-news-rich-content th,
.l2-reference-theme .cn-news-rich-content td {
    padding: .55rem .7rem !important;
    border: 1px solid var(--ref-line-soft) !important;
    text-align: left !important;
}

.l2-reference-theme .cn-news-rich-content th {
    color: var(--ref-parchment) !important;
    background: rgba(32, 27, 20, .34) !important;
}

/* Final background atmosphere: keep the artwork readable while adding a
   quiet, localized mist around the edges of the fixed canvas. */
.l2-reference-theme .site-bg {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    opacity: 1 !important;
    background-image:
        linear-gradient(180deg, rgba(7, 10, 12, .48) 0%, rgba(7, 10, 12, .16) 28%, rgba(7, 10, 12, .42) 72%, rgba(7, 10, 12, .84) 100%),
        linear-gradient(90deg, rgba(7, 10, 12, .66) 0%, rgba(7, 10, 12, .2) 24%, rgba(7, 10, 12, .04) 50%, rgba(7, 10, 12, .2) 76%, rgba(7, 10, 12, .66) 100%),
        radial-gradient(ellipse at 74% 78%, rgba(196, 147, 73, .08), transparent 31%),
        url('/assets/images/backgrounds/l2nexus-world-premium.png') !important;
    background-position: center center, center center, center center, center center !important;
    background-size: cover, cover, cover, cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    filter: saturate(.78) sepia(.035) brightness(.94) !important;
}

.l2-reference-theme .site-bg::before,
.l2-reference-theme .site-bg::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}

.l2-reference-theme .site-bg::before {
    background:
        radial-gradient(ellipse at -4% 62%, rgba(199, 211, 201, .18) 0%, rgba(199, 211, 201, .07) 18%, transparent 39%),
        radial-gradient(ellipse at 104% 55%, rgba(199, 211, 201, .16) 0%, rgba(199, 211, 201, .06) 17%, transparent 37%);
    filter: blur(18px);
    opacity: .72 !important;
    animation: l2-edge-fog-drift 58s ease-in-out infinite alternate !important;
}

.l2-reference-theme .site-bg::after {
    background:
        radial-gradient(ellipse at 18% 106%, rgba(189, 201, 191, .2) 0%, rgba(189, 201, 191, .08) 21%, transparent 48%),
        radial-gradient(ellipse at 82% 108%, rgba(196, 147, 73, .11) 0%, rgba(189, 201, 191, .08) 20%, transparent 48%);
    filter: blur(22px);
    opacity: .68 !important;
    animation: l2-bottom-fog-drift 55s ease-in-out infinite alternate !important;
}

@keyframes l2-edge-fog-drift {
    from { transform: translate3d(-1.5%, 0, 0) scale(1.02); }
    to { transform: translate3d(1.5%, 1%, 0) scale(1.06); }
}

@keyframes l2-bottom-fog-drift {
    from { transform: translate3d(0, 1%, 0) scale(1.02); }
    to { transform: translate3d(0, -1.5%, 0) scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg::before,
    .l2-reference-theme .site-bg::after { animation: none !important; }
}

/* Specificity guard for the fixed canvas: this is intentionally the final
   background declaration in the theme file. */
.l2-reference-theme .site-bg.site-bg {
    background-image:
        linear-gradient(180deg, rgba(7, 10, 12, .48) 0%, rgba(7, 10, 12, .16) 28%, rgba(7, 10, 12, .42) 72%, rgba(7, 10, 12, .84) 100%),
        linear-gradient(90deg, rgba(7, 10, 12, .66) 0%, rgba(7, 10, 12, .2) 24%, rgba(7, 10, 12, .04) 50%, rgba(7, 10, 12, .2) 76%, rgba(7, 10, 12, .66) 100%),
        radial-gradient(ellipse at 74% 78%, rgba(196, 147, 73, .08), transparent 31%),
        url('/assets/images/backgrounds/l2nexus-world-premium.png') !important;
}

/* The legacy atmosphere lives in the named `reference` layer, whose
   important declarations otherwise outrank unlayered overrides. Keep the
   final visual contract in that same layer so it wins predictably. */
@layer reference {
    .l2-reference-theme .site-bg {
        background-image:
            linear-gradient(180deg, rgba(7, 10, 12, .48) 0%, rgba(7, 10, 12, .16) 28%, rgba(7, 10, 12, .42) 72%, rgba(7, 10, 12, .84) 100%),
            linear-gradient(90deg, rgba(7, 10, 12, .66) 0%, rgba(7, 10, 12, .2) 24%, rgba(7, 10, 12, .04) 50%, rgba(7, 10, 12, .2) 76%, rgba(7, 10, 12, .66) 100%),
            radial-gradient(ellipse at 74% 78%, rgba(196, 147, 73, .08), transparent 31%),
            url('/assets/images/backgrounds/l2nexus-world-premium.png') !important;
        filter: saturate(.78) sepia(.035) brightness(.94) !important;
    }

    .l2-reference-theme .site-bg::before {
        background:
            radial-gradient(ellipse at -4% 62%, rgba(199, 211, 201, .18) 0%, rgba(199, 211, 201, .07) 18%, transparent 39%),
            radial-gradient(ellipse at 104% 55%, rgba(199, 211, 201, .16) 0%, rgba(199, 211, 201, .06) 17%, transparent 37%) !important;
        filter: blur(18px) !important;
        opacity: .72 !important;
        animation: l2-edge-fog-drift 58s ease-in-out infinite alternate !important;
    }

    .l2-reference-theme .site-bg::after {
        background:
            radial-gradient(ellipse at 18% 106%, rgba(189, 201, 191, .2) 0%, rgba(189, 201, 191, .08) 21%, transparent 48%),
            radial-gradient(ellipse at 82% 108%, rgba(196, 147, 73, .11) 0%, rgba(189, 201, 191, .08) 20%, transparent 48%) !important;
        filter: blur(22px) !important;
        opacity: .68 !important;
        animation: l2-bottom-fog-drift 55s ease-in-out infinite alternate !important;
    }

    /* Desktop-only depth treatment. Keep the existing palette and overlays;
       this adds only restrained, edge-safe artwork movement. */
    .l2-reference-theme .site-bg {
        transform: translate3d(
            var(--l2-bg-shift-x, 0px),
            calc(var(--l2-bg-shift-y, 0px) + var(--l2-bg-shift-pointer-y, 0px)),
            0
        ) scale(1.025) !important;
        transform-origin: center center !important;
        will-change: transform !important;
        transition: transform 900ms cubic-bezier(.2, .65, .2, 1) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .l2-reference-theme .site-bg {
        transform: none !important;
        transition: none !important;
    }
}