html {
    background: #09090b;
}

:root {
    --site-bg: #080b12;
    --site-panel: #111522;
    --site-panel-2: #17162a;
    --site-gold: #b89b65;
    --site-gold-soft: #d6dae4;
    --site-gold-deep: #8d6d37;
    --site-bronze: #75668f;
    --site-gold-line: rgba(117, 102, 143, 0.28);
    --site-gold-line-strong: rgba(184, 155, 101, 0.48);
    --site-gold-glow: rgba(116, 137, 183, 0.14);
    --site-gold-glow-soft: rgba(116, 137, 183, 0.08);
    --site-panel-shadow: 0 20px 44px rgba(0, 0, 0, 0.34);
}

body {
    font-family: "Inter", sans-serif;
    background:
        radial-gradient(circle at 50% 0%, rgba(116, 137, 183, 0.055), transparent 30%),
        linear-gradient(180deg, rgba(9, 10, 13, 0.96) 0%, rgba(9, 10, 13, 0.92) 46%, rgba(5, 6, 8, 0.98) 100%);
    background-attachment: fixed;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

.site-skip-link {
    position: fixed;
    left: 1rem;
    top: -4rem;
    z-index: 100;
    padding: .7rem 1rem;
    border: 1px solid var(--site-gold-line-strong);
    border-radius: .6rem;
    background: var(--site-panel-2);
    color: var(--site-gold-soft);
    font-weight: 700;
    transition: top .2s ease;
}

.site-skip-link:focus {
    top: 1rem;
}

@media (max-width: 768px) {
    .site-bg {
        background-image:
            linear-gradient(180deg, rgba(9, 10, 13, 0.68) 0%, rgba(9, 10, 13, 0.48) 24%, rgba(5, 6, 8, 0.98) 100%),
            url("/assets/images/backgrounds/l2nexus-world.webp");
    }
}

:focus-visible {
    outline: 2px solid var(--site-gold-soft);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

.font-\[Cinzel\] {
    font-family: "Cinzel", serif;
}

.site-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(9, 10, 13, 0.62) 0%, rgba(9, 10, 13, 0.42) 24%, rgba(9, 10, 13, 0.78) 100%),
        linear-gradient(90deg, rgba(9, 10, 13, 0.68) 0%, rgba(9, 10, 13, 0.35) 28%, rgba(9, 10, 13, 0.16) 50%, rgba(9, 10, 13, 0.40) 72%, rgba(9, 10, 13, 0.70) 100%),
        radial-gradient(circle at top, rgba(116, 137, 183, 0.06), transparent 26%),
        url("/assets/images/backgrounds/l2nexus-world.webp") no-repeat center center / cover;
    pointer-events: none;
    background-attachment: fixed;
    opacity: 0.72;
}

.l2-gold-frame {
    border: 1px solid var(--site-gold-line);
    background-color: rgba(17, 19, 23, 0.72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        inset 0 0 0 1px rgba(117, 102, 143, 0.025),
        0 0 0 1px rgba(117, 102, 143, 0.04),
        var(--site-panel-shadow);
}

.hero-wide {
    margin-top: 2rem;
    padding-top: 0.75rem;
    padding-bottom: 2.25rem;
}

.hero-brand__logo {
    width: min(100%, 620px);
    filter:
        drop-shadow(0 0 10px rgba(242, 222, 174, 0.12))
        drop-shadow(0 0 22px rgba(184, 155, 101, 0.09))
        drop-shadow(0 12px 30px rgba(0, 0, 0, 0.35));
}

header {
    box-shadow: none;
}

header nav a,
header button,
main a,
main button {
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

header nav a:hover,
header nav a:focus-visible,
header button:hover,
main a:hover,
main button:hover {
    color: var(--site-gold-soft);
    text-shadow: 0 0 10px rgba(184, 155, 101, 0.2);
}

header nav,
header nav > div {
    background: transparent !important;
    box-shadow: none !important;
}

header nav a,
header nav a:hover,
header nav a:focus-visible {
    box-shadow: none !important;
    text-shadow: none !important;
}

.vote-tile {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 64px;
    border: 1px solid rgba(15, 23, 42, 0.9);
    border-radius: 0.75rem;
    box-shadow: none;
    transform: translateZ(0);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease;
}

.vote-tile__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vote-tile__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(9, 10, 13, 0.94) 0%, rgba(17, 19, 23, 0.58) 60%, rgba(17, 19, 23, 0.32) 100%),
        linear-gradient(180deg, rgba(17, 19, 23, 0.14) 0%, rgba(9, 10, 13, 0.74) 100%);
}

.vote-tile__label {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 64px;
    align-items: center;
    padding: 0 0.9rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #f8fafc;
}

.vote-tile:hover {
    border-color: rgba(117, 102, 143, 0.3);
    box-shadow: none;
    transform: scale(1.02);
}

.sidebar-vote-panel {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.sidebar-widget-kicker {
    margin: 0;
    color: #e5a93c;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.26em;
    line-height: 1.2;
    text-transform: uppercase;
}

.sidebar-widget-title {
    margin-top: 0.5rem;
    color: #fff7df;
    font-family: "Cinzel", serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.15;
}

.sidebar-siege-panel {
    background: rgba(17, 19, 23, 0.5);
    border: 1px solid rgba(117, 102, 143, 0.2);
    border-radius: 1rem;
    box-shadow: none;
    padding: 1.1rem;
}

.sidebar-siege-panel__header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.sidebar-siege-panel .sidebar-widget-title {
    font-size: 1.15rem;
    margin-top: 0.35rem;
}

.sidebar-siege-panel__mark {
    border: 1px solid rgba(125, 211, 167, 0.35);
    border-radius: 0.45rem;
    color: #9eadd2;
    font-size: 0.52rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    padding: 0.3rem 0.42rem;
}

.sidebar-siege-panel__list {
    border-bottom: 1px solid rgba(117, 102, 143, 0.14);
    border-top: 1px solid rgba(117, 102, 143, 0.14);
    display: grid;
    gap: 0.35rem;
    margin-top: 0.9rem;
    padding: 0.65rem 0;
}

.sidebar-siege-panel__item {
    align-items: center;
    background: rgba(5, 6, 8, 0.72);
    border: 1px solid rgba(31, 34, 46, 0.9);
    border-radius: 0.55rem;
    display: flex;
    justify-content: space-between;
    padding: 0.55rem 0.6rem;
    transition: border-color 180ms ease, transform 180ms ease;
}

.sidebar-siege-panel__item:hover {
    border-color: rgba(116, 137, 183, 0.45);
    transform: translateX(2px);
}

.sidebar-siege-panel__item span { display: grid; gap: 0.15rem; }
.sidebar-siege-panel__item strong {
    color: #cbd5e1;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sidebar-siege-panel__item small,
.sidebar-siege-panel__empty {
    color: #64748b;
    font-size: 0.55rem;
}

.sidebar-siege-panel__item b {
    color: #d4a342;
    font-size: 0.56rem;
    font-weight: 800;
    max-width: 5rem;
    text-align: right;
}

.sidebar-siege-panel__empty { line-height: 1.55; margin: 0.9rem 0 0; }
.sidebar-siege-panel__footer {
    color: #cbd5e1;
    display: flex;
    font-size: 0.6rem;
    font-weight: 800;
    justify-content: space-between;
    letter-spacing: 0.08em;
    margin-top: 0.8rem;
    text-transform: uppercase;
}

.sidebar-siege-panel__footer:hover { color: #e5a93c; }
.sidebar-siege-panel__footer span { color: #d4a342; font-size: 0.8rem; }

.acm-side-login {
    overflow: hidden;
    border-radius: 1.7rem;
    background: linear-gradient(180deg, rgba(17, 19, 23, 0.86) 0%, rgba(9, 10, 13, 0.78) 100%);
    padding: 1.35rem;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 224, 0.04),
        0 22px 48px rgba(0, 0, 0, 0.34);
}

.acm-side-login__brand {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.acm-side-login__logo {
    width: min(100%, 210px);
    height: auto;
    filter:
        drop-shadow(0 0 10px rgba(184, 155, 101, 0.12))
        drop-shadow(0 0 18px rgba(184, 155, 101, 0.08));
}

.acm-side-login__copy {
    text-align: center;
}

.acm-side-login__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 0.95rem;
}

.acm-side-login__meta-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.8rem;
    padding: 0 0.7rem;
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 999px;
    background: rgba(8, 9, 11, 0.88);
    color: #d8c59d;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.acm-side-login__form {
    margin-top: 1.15rem;
}

.acm-side-login__fields {
    display: grid;
    gap: 0.8rem;
}

.acm-side-login__field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.75rem;
    border: 1px solid rgba(30, 41, 59, 0.8);
    border-radius: 0.75rem;
    background: rgba(13, 15, 18, 0.9);
    padding: 0 1rem;
    color: #e2e8f0;
    font-size: 0.75rem;
    box-shadow: none;
    transition:
        border-color 0.2s ease,
        background 0.2s ease;
}

.acm-side-login__field:focus-within {
    border-color: rgba(116, 137, 183, 0.5);
}

.acm-side-login__field--input {
    position: relative;
    gap: 0.7rem;
    cursor: text;
}

.acm-side-login__field--input input {
    width: 100%;
    border: 0;
    outline: 0;
    background: #08090b;
    color: #f1f5f9;
    font-size: 0.75rem;
}

.acm-side-login__field--input input::placeholder {
    color: #64748b;
}

.acm-side-login__field em {
    color: var(--site-gold-soft);
    font-style: normal;
    font-size: 0.74rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.acm-side-login__toggle {
    border: 0;
    background: transparent;
    color: #e5a93c;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.2s ease;
}

.acm-side-login__toggle:hover,
.acm-side-login__toggle:focus-visible {
    color: #fff;
}

.acm-side-login__remember {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.8rem;
    color: #b8c3d1;
    font-size: 0.82rem;
}

.acm-side-login__remember input {
    accent-color: #d0ad56;
}

.acm-side-login__captcha {
    margin-top: 0.95rem;
    display: flex;
    justify-content: center;
}

.site-acm-turnstile {
    width: 100%;
    border: 1px solid rgba(184, 155, 101, 0.14);
    border-radius: 1rem;
    background: rgba(255,255,255,.03);
    padding: .85rem .95rem;
}

.site-acm-turnstile__title {
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--site-gold-soft);
    margin-bottom: .35rem;
}

.site-acm-turnstile__copy {
    font-size: .8rem;
    line-height: 1.45;
    color: #9299a8;
    margin-bottom: .7rem;
}

.acm-side-login__captcha--panel {
    width: 100%;
}

.site-acm-captcha {
    width: 100%;
    border: 1px solid rgba(184, 155, 101, 0.16);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, rgba(15, 18, 26, 0.78) 0%, rgba(10, 13, 20, 0.92) 100%);
    padding: 0.95rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 224, 0.03),
        0 12px 28px rgba(0, 0, 0, 0.24);
}

.site-acm-captcha__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.site-acm-captcha__badge {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(184, 155, 101, 0.18);
    border-radius: 999px;
    background: rgba(184, 155, 101, 0.08);
    padding: 0.42rem 0.72rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--site-gold-soft);
}

.site-acm-captcha__refresh {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #c8d2de;
    cursor: pointer;
}

.site-acm-captcha__refresh:hover {
    color: var(--site-gold-soft);
}

.site-acm-captcha__prompt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 3.2rem;
    border: 1px solid rgba(184, 155, 101, 0.14);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(8, 10, 14, 0.86), rgba(12, 15, 22, 0.94));
    padding: 0.7rem 0.9rem;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 248, 224, 0.02);
}

.site-acm-captcha__prompt span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    border-radius: 0.7rem;
    padding: 0.32rem 0.5rem;
    font-size: 1rem;
    font-weight: 800;
    color: #f8fafc;
    background: rgba(184, 155, 101, 0.08);
}

.site-acm-captcha__prompt--math span {
    min-width: 1.5rem;
    background: transparent;
    color: var(--site-gold-soft);
    padding: 0.15rem 0.1rem;
}

.site-acm-captcha__hint {
    margin-top: 0.7rem;
    color: #9299a8;
    font-size: 0.8rem;
    line-height: 1.5;
}

.site-acm-captcha__answer {
    margin-top: 0.8rem;
}

.site-acm-captcha__expiry {
    margin-top: 0.55rem;
    color: #7f8c9e;
    font-size: 0.72rem;
    line-height: 1.4;
}

.acm-side-login__status {
    margin-top: 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(184, 155, 101, 0.14);
    background: rgba(13, 16, 21, 0.48);
    padding: 0.85rem 0.95rem;
    font-size: 0.82rem;
    line-height: 1.55;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.acm-side-login__status.is-success {
    color: #c4cadb;
    border-color: rgba(110, 231, 183, 0.24);
}

.acm-side-login__status.is-error {
    color: #f0d7d2;
    border-color: rgba(239, 155, 150, 0.24);
}

.acm-side-login__actions {
    margin-top: 1rem;
}

.acm-side-login__primary {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    border: 1px solid rgba(116, 137, 183, 0.38);
    border-radius: 0.75rem;
    background: linear-gradient(90deg, #e5a93c 0%, #be842a 100%);
    color: #111317;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}

.acm-side-login__primary:hover {
    color: #100a01;
    text-decoration: none;
    opacity: 0.95;
    transform: none;
    box-shadow: none;
}

.acm-side-login__primary:active {
    transform: scale(0.99);
}

.acm-side-login__links {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    margin-top: 0.9rem;
}

.acm-side-login__links a {
    flex: 1 1 0;
    text-align: center;
    color: #cfd7e2;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none;
}

.acm-side-login__links a:hover {
    color: var(--site-gold-soft);
}

.acm-side-login__links--stacked {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(116, 137, 183, 0.1);
}

.acm-side-login__links--stacked a {
    flex: none;
    text-align: center;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.site-acm-modal-open {
    overflow: hidden;
}

.site-acm-captcha-overlay {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(5, 6, 8, 0.82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.site-acm-captcha-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.site-acm-captcha-modal {
    position: relative;
    width: min(100%, 31rem);
    border: 1px solid rgba(116, 137, 183, 0.22);
    border-radius: 1.45rem;
    background:
        linear-gradient(180deg, rgba(17, 19, 23, 0.97) 0%, rgba(8, 9, 11, 0.98) 100%);
    padding: 1.5rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 247, 223, 0.03),
        0 24px 48px rgba(0, 0, 0, 0.46);
}

.site-acm-captcha-modal__kicker {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--site-gold);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.site-acm-captcha-modal__title {
    margin: 0;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid rgba(117, 102, 143, 0.18);
    color: transparent;
    font-family: "Cinzel", serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.15;
    background: linear-gradient(90deg, #fff7df 0%, #f2ddab 48%, #cf9d43 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.site-acm-captcha-modal__copy {
    margin: 0.95rem 0 1rem;
    color: #aab3c2;
    font-size: 0.82rem;
    line-height: 1.55;
}

.site-acm-captcha-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 0.8rem;
    background: rgba(5, 6, 8, 0.9);
    color: #9aa6b6;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.site-acm-captcha-close:hover {
    border-color: rgba(116, 137, 183, 0.36);
    color: var(--site-gold-soft);
}

.site-acm-captcha-display {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4.5rem;
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(8, 9, 11, 0.95), rgba(13, 16, 21, 0.9));
    margin-bottom: 0.95rem;
    padding: 1rem;
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-align: center;
}

.site-acm-captcha-display.is-loading {
    color: #9aa6b6;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.site-acm-captcha-display span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    margin: 0 0.12rem;
    color: #fff7df;
}

.site-acm-captcha-label {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--site-gold);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.site-acm-captcha-input {
    width: 100%;
    border: 1px solid rgba(71, 85, 105, 0.82);
    border-radius: 0.85rem;
    background: #08090b;
    color: #f1f5f9;
    padding: 0.9rem 1rem;
    font-size: 0.78rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.site-acm-captcha-input::placeholder {
    color: #64748b;
}

.site-acm-captcha-input:focus {
    border-color: rgba(116, 137, 183, 0.5);
}

.site-acm-captcha-status {
    margin-top: 0.85rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(117, 102, 143, 0.12);
    background: rgba(13, 16, 21, 0.72);
    padding: 0.8rem 0.95rem;
    font-size: 0.78rem;
    line-height: 1.5;
}

.site-acm-captcha-status.is-success {
    color: #c4cadb;
    border-color: rgba(110, 231, 183, 0.24);
}

.site-acm-captcha-status.is-error {
    color: #f1cbc4;
    border-color: rgba(251, 146, 60, 0.26);
}

.site-acm-captcha-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(117, 102, 143, 0.14);
}

.site-acm-captcha-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.site-acm-captcha-secondary,
.site-acm-captcha-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    border-radius: 0.8rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        opacity 0.2s ease;
}

.site-acm-captcha-secondary {
    border: 1px solid rgba(71, 85, 105, 0.8);
    background: #08090b;
    color: #d6dde8;
    padding: 0 1rem;
}

.site-acm-captcha-secondary:hover {
    border-color: rgba(116, 137, 183, 0.34);
    color: #fff7df;
}

.site-acm-captcha-primary {
    border: 1px solid rgba(116, 137, 183, 0.36);
    background: linear-gradient(90deg, #e5a93c 0%, #be842a 100%);
    color: #111317;
    padding: 0 1.15rem;
}

.site-acm-captcha-primary:hover {
    opacity: 0.95;
}

.news-title-spacer {
    width: min(100%, 420px);
    height: 1px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(117, 102, 143, 0) 0%, rgba(117, 102, 143, 0.32) 18%, rgba(116, 137, 183, 0.76) 50%, rgba(117, 102, 143, 0.32) 82%, rgba(117, 102, 143, 0) 100%);
    box-shadow: none;
    opacity: 0.9;
}

.status-tile {
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(24, 26, 33, 0.78), rgba(17, 19, 23, 0.94));
    padding: 0.95rem 1rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 224, 0.02),
        0 12px 24px rgba(0, 0, 0, 0.18);
}

.status-tile__label {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #9da8b7;
}

.status-tile__value {
    color: #f8fafc;
    font-size: 1.02rem;
    font-weight: 600;
}

.status-tile__value--online {
    color: #9eadd2;
}

.status-tile__value--accent {
    color: var(--site-gold);
}

.top-overview-panel {
    display: grid;
    gap: 1.4rem;
    grid-template-columns: 1fr;
    align-items: start;
}

.top-overview-panel__intro {
    min-width: 0;
}

.top-overview-panel__highlights {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 0.1rem;
}

.overview-highlight {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border: 1px solid rgba(184, 155, 101, 0.12);
    border-radius: 1rem;
    background: rgba(21, 24, 30, 0.66);
    padding: 0.95rem 1rem;
    color: #d6dde8;
    font-size: 0.92rem;
    line-height: 1.55;
}

.overview-highlight__mark {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--site-gold-soft), var(--site-gold-deep));
    box-shadow: none;
}

.top-monitor-grid {
    display: grid;
    gap: 1rem;
}

.status-shell--realm {
    background: rgba(17, 19, 23, 0.4) !important;
    border-color: rgba(117, 102, 143, 0.20) !important;
    box-shadow: none !important;
}

.status-shell--realm .top-overview-panel {
    gap: 1.2rem;
}

.monitor-card--diagnostic {
    background: rgba(13, 15, 18, 0.6) !important;
    border-color: rgba(30, 41, 59, 0.8) !important;
    box-shadow: none !important;
    padding: 1rem !important;
}

.monitor-card--diagnostic .monitor-card__section {
    min-width: 0;
}

.monitor-card--diagnostic .monitor-card__section--border {
    border-right: 1px solid rgba(30, 41, 59, 0.72);
    padding-right: 1rem;
}

.monitor-card--diagnostic .monitor-card__title {
    color: #f8fafc !important;
    text-shadow: none !important;
}

.monitor-node--obsidian {
    background: rgba(13, 15, 18, 0.6) !important;
    border-color: rgba(15, 23, 42, 0.95) !important;
    border-radius: 0.75rem !important;
    padding: 1rem !important;
    gap: 0.7rem !important;
    box-shadow: none !important;
    transition:
        border-color 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease;
}

.monitor-node--obsidian:hover {
    border-color: rgba(51, 65, 85, 0.8) !important;
    transform: translateY(-1px);
}

.monitor-node--obsidian .monitor-node__label {
    font-size: 0.625rem;
    letter-spacing: 0.2em;
    color: #cbd5e1 !important;
}

.monitor-node--shield .monitor-node__label {
    color: #91c7ef !important;
}

.monitor-node--obsidian .monitor-node__dot {
    width: 0.5rem;
    height: 0.5rem;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.7);
}

.monitor-node--obsidian .monitor-node__dot--shield {
    box-shadow: 0 0 8px rgba(14, 165, 233, 0.7);
}

.monitor-region-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(15, 23, 42, 0.5);
    flex-wrap: wrap;
    color: #64748b;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.monitor-card {
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 1.35rem;
    background: linear-gradient(180deg, rgba(17, 19, 23, 0.82), rgba(9, 10, 13, 0.74));
    padding: 1rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 224, 0.02),
        0 12px 24px rgba(0, 0, 0, 0.1);
}

.monitor-card--split {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
}

.monitor-card__section {
    min-width: 0;
}

.monitor-card__section--border {
    border-right: 1px solid rgba(184, 155, 101, 0.1);
    padding-right: 1rem;
}

.monitor-card__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.9rem;
    font-family: "Cinzel", serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #ece2c3;
    text-shadow: 0 0 14px rgba(184, 155, 101, 0.12);
    text-align: center;
}

.monitor-node-grid {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.monitor-node {
    display: flex;
    min-height: 84px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    border: 1px solid rgba(184, 155, 101, 0.12);
    border-radius: 0.95rem;
    background:
        linear-gradient(90deg, rgba(16, 12, 9, 0.42) 0%, rgba(16, 12, 9, 0.18) 60%, rgba(16, 12, 9, 0.08) 100%),
        linear-gradient(180deg, rgba(16, 20, 27, 0.3), rgba(12, 15, 20, 0.34));
}

.monitor-node--shield {
    border-color: rgba(110, 162, 214, 0.28);
}

.monitor-node__label {
    font-family: "Cinzel", serif;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #e7e5e4;
}

.monitor-node--shield .monitor-node__label {
    color: #91b8de;
}

.monitor-node__dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow:
        0 0 10px rgba(74, 222, 128, 0.88),
        0 0 18px rgba(74, 222, 128, 0.44);
    animation: statusPulse 1.8s ease-in-out infinite;
}

.monitor-node__dot--shield {
    background: #38bdf8;
    box-shadow:
        0 0 10px rgba(56, 189, 248, 0.8),
        0 0 18px rgba(56, 189, 248, 0.34);
}

.monitor-region-pill {
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #64748b;
    text-transform: uppercase;
}

.monitor-region-pill i {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 0.35rem;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 8px rgba(74, 222, 128, 0.7);
    vertical-align: middle;
}

.monitor-population-row {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 140px minmax(0, 1fr);
    min-height: 96px;
}

.monitor-online-box,
.monitor-chart-box {
    border: 1px solid rgba(123, 138, 160, 0.14);
    border-radius: 0.95rem;
    background:
        linear-gradient(90deg, rgba(16, 12, 9, 0.42) 0%, rgba(16, 12, 9, 0.18) 60%, rgba(16, 12, 9, 0.08) 100%),
        linear-gradient(180deg, rgba(16, 20, 27, 0.3), rgba(12, 15, 20, 0.34));
}

.monitor-online-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.85rem;
}

.monitor-online-box__label {
    margin-bottom: 0.3rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #8da0b7;
}

.monitor-online-box__value {
    font-size: 2.75rem;
    font-weight: 900;
    line-height: 1;
    color: #e5a93c;
    text-shadow: 0 0 10px rgba(116, 137, 183, 0.1);
}

.monitor-chart-box {
    position: relative;
    min-height: 96px;
    padding: 0.75rem;
    background: rgba(13, 15, 18, 0.4);
    border-color: rgba(15, 23, 42, 0.6);
    overflow: hidden;
}

.status-shell--realm .monitor-chart-box {
    display: flex;
    align-items: end;
    gap: 0.25rem;
}

.monitor-chart-box canvas {
    width: 100% !important;
    height: 100% !important;
}

.monitor-network-line {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #8da0b7;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.monitor-network-line__label {
    color: #64748b;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.2em;
}

.monitor-network-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 0.375rem;
    background: rgba(6, 46, 33, 0.6);
    padding: 0.125rem 0.625rem;
    color: #4ade80;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.monitor-network-badge__dot {
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 8px rgba(74, 222, 128, 0.65);
    animation: statusPulse 1.8s ease-in-out infinite;
}

.monitor-network-badge__text {
    color: #4ade80;
    text-shadow: 0 0 10px rgba(74, 222, 128, 0.18);
}

.news-status-theme {
    background: rgba(17, 19, 23, 0.5) !important;
    border-color: rgba(30, 41, 59, 0.8) !important;
    box-shadow: none !important;
}

.news-status-theme .news-title-spacer {
    background:
        linear-gradient(90deg, rgba(184, 155, 101, 0) 0%, rgba(184, 155, 101, 0.3) 18%, rgba(242, 222, 174, 0.62) 50%, rgba(184, 155, 101, 0.3) 82%, rgba(184, 155, 101, 0) 100%);
    box-shadow: none;
}

.news-status-theme .cn-news-entry {
    border-color: rgba(30, 41, 59, 0.9) !important;
    background: rgba(8, 9, 11, 0.7) !important;
    box-shadow: none !important;
}

.news-status-theme > div > h2,
.news-status-theme h2.font-\[Cinzel\] {
    text-shadow:
        0 0 12px rgba(184, 155, 101, 0.1),
        0 0 24px rgba(184, 155, 101, 0.05);
}

.news-status-theme .cn-news-pagination__link,
.news-status-theme .cn-news-pagination__pages a,
.news-status-theme .cn-news-pagination__pages span {
    border-color: rgba(30, 41, 59, 1);
    background: #111317;
}

.news-status-theme .cn-news-pagination__link:hover,
.news-status-theme .cn-news-pagination__pages a:hover {
    border-color: rgba(116, 137, 183, 0.4);
    background: #111317;
}

.cn-news-shell {
    display: grid;
    gap: 1.5rem;
}

.cn-news-entry {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(30, 41, 59, 0.9);
    border-radius: 1rem;
    background: rgba(8, 9, 11, 0.7);
    padding: 1.5rem;
    box-shadow: none;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.cn-news-entry:hover {
    border-color: rgba(116, 137, 183, 0.4) !important;
    background: rgba(8, 9, 11, 0.78);
}

.cn-news-entry__accent {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    opacity: 0;
    background: linear-gradient(180deg, #e5a93c, #be842a);
    transition: opacity 0.3s ease;
}

.cn-news-entry:hover .cn-news-entry__accent {
    opacity: 1;
}

.cn-news-entry__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #b8c2cf;
}

.cn-news-entry__date,
.cn-news-entry__author {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    border-radius: 0.375rem;
    padding: 0.25rem 0.7rem;
}

.cn-news-entry__date {
    gap: 0.375rem;
    border: 1px solid rgba(30, 41, 59, 1);
    background: rgba(2, 6, 23, 0.6);
    color: #e5a93c;
    box-shadow: none;
}

.cn-news-entry__author {
    background: rgba(15, 23, 42, 0.4);
    color: #94a3b8;
    box-shadow: none;
}

.cn-news-entry__pulse {
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 999px;
    background: #f59e0b;
    animation: statusPulse 1.8s ease-in-out infinite;
}

.cn-news-entry__author strong {
    margin-left: 0.32rem;
    color: #cbd5e1;
    text-shadow: none;
    font-weight: 700;
}

.cn-news-entry__title {
    margin: 0 0 1rem;
    font-family: Inter, sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    line-height: 1.2;
    color: #f1f5f9;
    font-weight: 800;
    letter-spacing: 0.025em;
    text-shadow: none;
    transition: color 0.2s ease;
}

.cn-news-entry:hover .cn-news-entry__title {
    color: #e5a93c !important;
}

.cn-news-entry__title a {
    color: inherit;
    text-decoration: none;
}

.cn-news-entry__body {
    margin-top: 0;
    max-width: 56rem;
    color: #94a3b8;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.025em;
    line-height: 1.8;
}

.cn-news-paragraph,
.cn-news-entry__body p {
    margin-bottom: 1rem;
}

.cn-news-entry__body h2,
.cn-news-entry__body h3,
.cn-news-entry__body h4 {
    display: block;
    margin: 1.5rem 0 0.5rem;
    border-bottom: 1px solid rgba(30, 41, 59, 0.6);
    padding-bottom: 0.375rem;
    color: #e2e8f0;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cn-news-tag {
    display: inline-flex;
    align-items: center;
    margin-right: 0.5rem;
    border-radius: 0.25rem;
    padding: 0.125rem 0.5rem;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
    vertical-align: 0.12em;
}

.cn-news-tag--new {
    border: 1px solid rgba(16, 185, 129, 0.3);
    background: rgba(2, 44, 34, 0.6);
    color: #34d399;
}

.cn-news-tag--fix {
    border: 1px solid rgba(244, 63, 94, 0.3);
    background: rgba(76, 5, 25, 0.6);
    color: #fb7185;
}

.cn-news-tag--event {
    border: 1px solid rgba(245, 158, 11, 0.3);
    background: rgba(69, 26, 3, 0.6);
    color: #f59e0b;
}

.cn-news-list {
    display: grid;
    gap: 0.5rem;
    margin: 0.85rem 0 1rem;
    padding-left: 0.5rem;
    list-style: none;
}

.cn-news-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    color: #cbd5e1;
    font-size: 0.875rem;
}

.cn-news-list__mark {
    margin-top: 0.08rem;
    color: #e5a93c;
    font-size: 0.72rem;
    line-height: 1.6;
}

.cn-news-callout {
    margin: 1rem 0;
    border-left: 2px solid rgba(116, 137, 183, 0.6);
    border-radius: 0 0.75rem 0.75rem 0;
    background: rgba(2, 6, 23, 0.4);
    padding: 1rem;
    color: #94a3b8;
    font-size: 0.78rem;
    font-style: italic;
    line-height: 1.75;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.cn-news-entry__body strong,
.cn-news-entry__body b {
    border-bottom: 1px solid rgba(51, 65, 85, 0.4);
    padding-bottom: 0.125rem;
    color: #e2e8f0;
    font-weight: 650;
}

.cn-news-entry__body p:first-child {
    margin-top: 0;
}

.cn-news-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 2rem;
    border-top: 1px solid rgba(15, 23, 42, 1);
    padding-top: 1.5rem;
}

.cn-news-pagination__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid rgba(30, 41, 59, 1);
    border-radius: 0.75rem;
    background: #111317;
    padding: 0.5rem 1rem;
    color: #94a3b8;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.cn-news-pagination__link:hover {
    border-color: rgba(116, 137, 183, 0.4);
    color: #e5a93c;
}

.cn-news-pagination__link.is-disabled {
    border-color: rgba(15, 23, 42, 1);
    color: #475569;
    cursor: not-allowed;
    opacity: 0.3;
    pointer-events: none;
}

.cn-news-pagination__pages {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    line-height: 1;
    text-transform: uppercase;
}

.cn-news-pagination__pages strong {
    color: #e5a93c;
    font-weight: 950;
}

.cn-news-pagination__arrow {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.cn-news-pagination__link:hover .cn-news-pagination__arrow--prev {
    transform: translateX(-0.25rem);
}

.cn-news-pagination__link:hover .cn-news-pagination__arrow--next {
    transform: translateX(0.25rem);
}

.site-footer {
    position: relative;
    background: rgba(8, 10, 13, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: none;
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 50%;
    width: min(820px, 74vw);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(116, 137, 183, 0.34), transparent);
    box-shadow: none;
    pointer-events: none;
}

.site-footer__inner {
    position: relative;
}

.site-footer__nav {
    position: relative;
}

.site-footer__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid rgba(51, 65, 85, 0.8);
    border-radius: 0.75rem;
    background: rgba(4, 5, 7, 0.6);
    color: #cbd5e1;
    transition:
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        background-color 0.2s ease;
}

.site-footer__chip:hover {
    border-color: rgba(116, 137, 183, 0.5);
    color: #e5a93c;
    background: rgba(8, 10, 13, 0.92);
    transform: translateY(-1px);
}

.site-footer__chip-icon {
    width: 0.875rem;
    height: 0.875rem;
    color: #e5a93c;
    flex-shrink: 0;
}

.legal-modal-open {
    overflow: hidden;
}

.legal-modal.hidden {
    display: none !important;
}

.legal-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    padding: 1.25rem;
}

.legal-modal__backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 22%, rgba(184, 155, 101, 0.08), transparent 42%),
        rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(7px);
}

.legal-modal__panel {
    position: relative;
    width: min(720px, 100%);
    max-height: min(760px, 86vh);
    overflow: auto;
    border: 1px solid rgba(184, 155, 101, 0.22);
    border-radius: 1.6rem;
    background:
        linear-gradient(145deg, rgba(17, 19, 23, 0.96), rgba(9, 10, 13, 0.98)),
        rgba(17, 19, 23, 0.96);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 28px 90px rgba(0, 0, 0, 0.58);
    padding: clamp(1.25rem, 4vw, 2.25rem);
}

.legal-modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: 1px solid rgba(184, 155, 101, 0.2);
    border-radius: 999px;
    background: rgba(9, 10, 13, 0.82);
    color: #d6d3d1;
    font-size: 1.45rem;
    line-height: 1;
    transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.legal-modal__close:hover {
    border-color: rgba(184, 155, 101, 0.42);
    color: #f8fafc;
    transform: rotate(90deg);
}

.legal-modal__content {
    padding-right: 2.25rem;
}

.legal-modal__content h2 {
    margin: 0.25rem 0 1rem;
    font-family: Cinzel, serif;
    font-size: clamp(1.8rem, 4vw, 2.45rem);
    color: #f8fafc;
    letter-spacing: 0.02em;
}

.legal-modal__content p {
    margin: 0 0 1rem;
    color: #b8b0a6;
    font-size: 0.96rem;
    line-height: 1.85;
}

.legal-modal__content strong,
.legal-modal__content a {
    color: var(--site-gold-soft);
}

.legal-modal__eyebrow {
    margin: 0 !important;
    color: var(--site-gold) !important;
    font-size: 0.72rem !important;
    font-weight: 800;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.legal-modal__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    border: 1px solid rgba(184, 155, 101, 0.26);
    border-radius: 999px;
    background: linear-gradient(135deg, #e5a93c, #be842a);
    color: #111317 !important;
    padding: 0.8rem 1.15rem;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
}

.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(117, 102, 143, 0.55) rgba(15, 23, 42, 0.45);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.45);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(116, 137, 183, 0.72), rgba(120, 83, 31, 0.72));
}

.cn-news-comment {
    margin-top: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 1rem;
    background: rgba(20, 19, 20, 0.82);
    padding: 1rem 1.1rem;
}

.cn-news-comment__meta {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #94a3b8;
}

.cn-news-comment__body {
    margin-top: 0.8rem;
    color: #d6d3d1;
    line-height: 1.8;
}

.cn-news-form {
    margin-top: 1.25rem;
}

.cn-news-form__row {
    display: grid;
    gap: 0.8rem;
    margin-bottom: 0.8rem;
}

.cn-news-form input,
.cn-news-form textarea {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 1rem;
    background: rgba(20, 19, 20, 0.82);
    color: #f8fafc;
    padding: 0.95rem 1rem;
}

.cn-news-form textarea {
    min-height: 9rem;
    resize: vertical;
}

.cn-news-form__actions {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.8rem;
}

.cn-news-form__actions input[type="submit"] {
    width: auto;
    cursor: pointer;
}

@media (max-width: 768px) {
    .hero-wide {
        margin-top: 1.25rem;
    }

    .top-overview-panel,
    .monitor-card--split,
    .monitor-population-row,
    .top-overview-panel__highlights {
        grid-template-columns: 1fr;
    }

    .monitor-node-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .monitor-card__section--border {
        border-right: none;
        padding-right: 0;
        border-bottom: 1px solid rgba(123, 138, 160, 0.12);
        padding-bottom: 1rem;
    }

    .monitor-online-box__value {
        font-size: 1.9rem;
    }

    .cn-news-entry {
        padding: 1.2rem;
    }

    .cn-news-entry__title {
        font-size: 1.6rem;
    }

    .vote-tile,
    .vote-tile__label {
        min-height: 58px;
    }

    .acm-side-login__captcha {
        overflow: hidden;
    }
}

@keyframes statusPulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.18); opacity: 0.78; }
    100% { transform: scale(1); opacity: 1; }
}

/* L2Nexus website/account-panel color unification. Keep this last so Tailwind utility colors do not drift. */
body {
    color: #d9dde5;
}

header {
    background: rgba(13, 15, 18, 0.70) !important;
    border-color: rgba(117, 102, 143, 0.10) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.site-nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0.25rem 0 0.35rem;
    color: #cbd5e1 !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 1;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.site-nav-link:hover,
.site-nav-link:focus-visible {
    color: #e5a93c !important;
    outline: none;
}

.site-nav-link.is-active {
    color: #e5a93c !important;
}

.site-nav-link__icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    color: #94a3b8;
    transition: color 0.2s ease;
}

.site-nav-link:hover .site-nav-link__icon,
.site-nav-link:focus-visible .site-nav-link__icon {
    color: #e5a93c;
}

.site-nav-link.is-active .site-nav-link__icon,
.site-nav-link--discord .site-nav-link__icon {
    color: #e5a93c;
}

.site-nav-link__line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    transform-origin: center;
    background: #e5a93c;
    transition: transform 0.3s ease;
}

.site-nav-link:hover .site-nav-link__line,
.site-nav-link:focus-visible .site-nav-link__line,
.site-nav-link.is-active .site-nav-link__line {
    transform: scaleX(1);
}

.site-nav-link--discord {
    color: #e5a93c !important;
}

.site-nav-link--discord:hover,
.site-nav-link--discord:focus-visible {
    color: #ffffff !important;
}

.l2-gold-frame,
.acm-side-login,
.news-status-theme,
.status-shell,
aside > section {
    background: linear-gradient(180deg, rgba(17, 19, 23, 0.86), rgba(9, 10, 13, 0.78)) !important;
    border-color: rgba(117, 102, 143, 0.20) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

.acm-side-login,
.sidebar-vote-panel {
    background: rgba(17, 19, 23, 0.5) !important;
    border-color: rgba(117, 102, 143, 0.20) !important;
    box-shadow: none !important;
}

.news-status-theme {
    background: rgba(17, 19, 23, 0.5) !important;
    border-color: rgba(117, 102, 143, 0.20) !important;
    box-shadow: none !important;
}

.status-shell--realm {
    background: rgba(17, 19, 23, 0.5) !important;
    border-color: rgba(117, 102, 143, 0.20) !important;
    box-shadow: none !important;
}

.acm-side-login__field,
.site-acm-captcha,
.site-acm-turnstile,
.status-tile,
.monitor-card,
.monitor-node,
.monitor-online-box,
.monitor-chart-box,
.cn-news-comment,
.cn-news-form input,
.cn-news-form textarea {
    background: linear-gradient(180deg, rgba(24, 26, 33, 0.76), rgba(17, 19, 23, 0.88)) !important;
    border-color: rgba(117, 102, 143, 0.16) !important;
}

.status-shell--realm .monitor-card--diagnostic {
    background: rgba(8, 9, 11, 0.8) !important;
    border-color: rgba(30, 41, 59, 0.8) !important;
    box-shadow: none !important;
    padding: 1.25rem !important;
}

.status-shell--realm .monitor-card__section--border {
    border-right: 0 !important;
    padding-right: 0 !important;
}

.status-shell--realm .monitor-card__section {
    min-width: 0 !important;
}

.status-shell--realm .monitor-node--obsidian {
    background: rgba(8, 9, 11, 1) !important;
    border-color: rgba(51, 65, 85, 0.8) !important;
    border-radius: 0.5rem !important;
    min-height: 75px !important;
    padding: 0.875rem !important;
    gap: 0.75rem !important;
    box-shadow: none !important;
}

.status-shell--realm .monitor-node--obsidian:hover {
    border-color: rgba(51, 65, 85, 0.8) !important;
    transform: translateY(-1px);
}

.status-shell--realm .monitor-node--obsidian .monitor-node__label {
    color: #cbd5e1 !important;
    font-size: 0.6875rem !important;
    line-height: 1 !important;
}

.status-shell--realm .monitor-node--shield .monitor-node__label {
    color: #91c7ef !important;
}

.status-shell--realm .monitor-node--obsidian .monitor-node__dot {
    width: 0.625rem !important;
    height: 0.625rem !important;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.7) !important;
}

.status-shell--realm .monitor-node--obsidian .monitor-node__dot--shield {
    box-shadow: 0 0 8px rgba(14, 165, 233, 0.7) !important;
}

.status-shell--realm .monitor-region-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    margin-top: 0.5rem !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    color: #64748b !important;
    font-size: 0.625rem !important;
    letter-spacing: 0.2em !important;
}

.status-shell--realm .monitor-region-pill {
    color: #64748b !important;
    font-size: 0.5625rem !important;
    letter-spacing: 0.2em !important;
}

.status-shell--realm .monitor-region-pill i {
    width: 4px !important;
    height: 4px !important;
    margin-left: 0.35rem !important;
    box-shadow: 0 0 8px rgba(74, 222, 128, 0.7) !important;
}

.status-shell--realm .monitor-population-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 1rem !important;
    margin-bottom: 1rem !important;
    min-height: 0 !important;
    grid-template-columns: none !important;
}

.status-shell--realm .monitor-online-box,
.status-shell--realm .monitor-chart-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.status-shell--realm .monitor-online-box__value {
    font-size: 1.875rem !important;
    font-weight: 900 !important;
    color: #e5a93c !important;
    text-shadow: none !important;
}

.status-shell--realm .monitor-chart-box {
    display: flex;
    align-items: end;
    gap: 0.25rem;
    overflow: hidden;
    height: 3rem !important;
    padding: 0 !important;
}

.status-shell--realm .monitor-network-line {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0.5rem !important;
    margin-top: 0 !important;
    padding-top: 0.5rem !important;
    border-top: 1px solid rgba(117, 102, 143, 0.20) !important;
    color: #8da0b7 !important;
    font-size: 0.625rem !important;
    letter-spacing: 0.2em !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}

.status-shell--realm .monitor-network-badge {
    background: rgba(6, 46, 33, 0.8) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #4ade80 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.375rem !important;
    padding: 0.125rem 0.625rem !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}

.status-shell--realm .monitor-network-badge__dot {
    width: 0.375rem !important;
    height: 0.375rem !important;
    background: #4ade80 !important;
    box-shadow: 0 0 8px rgba(74, 222, 128, 0.65) !important;
}

.status-shell--realm .monitor-network-badge__text {
    color: #4ade80 !important;
    font-size: 0.625rem !important;
    text-shadow: 0 0 10px rgba(74, 222, 128, 0.18) !important;
}

.acm-side-login__field {
    background: rgba(13, 15, 18, 0.96) !important;
    border-color: rgba(51, 65, 85, 0.95) !important;
    border-radius: 0.75rem !important;
    box-shadow: none !important;
}

.acm-side-login__field:focus-within {
    border-color: rgba(116, 137, 183, 0.5) !important;
}

.cn-news-entry {
    background: rgba(17, 19, 23, 0.4) !important;
    border-color: rgba(30, 41, 59, 0.8) !important;
}

.acm-side-login__field--input input,
.cn-news-form input,
.cn-news-form textarea {
    color: #f1f5f9 !important;
}

.acm-side-login__field--input input {
    background: transparent !important;
    border: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    font-size: 0.75rem !important;
}

.acm-side-login__field--input input::placeholder {
    color: #94a3b8 !important;
}

.acm-side-login__field--input input:focus::placeholder {
    color: transparent !important;
}

.acm-side-login__field--input input:-webkit-autofill,
.acm-side-login__field--input input:-webkit-autofill:hover,
.acm-side-login__field--input input:-webkit-autofill:focus,
.acm-side-login__field--input input:-webkit-autofill:active {
    -webkit-text-fill-color: #f1f5f9 !important;
    caret-color: #f1f5f9 !important;
    box-shadow: 0 0 0px 1000px #08090b inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #08090b inset !important;
    transition: background-color 9999s ease-in-out 0s;
}

.acm-side-login__primary,
.cn-news-form__actions input[type="submit"] {
    background: linear-gradient(90deg, #e5a93c, #be842a) !important;
    border-color: rgba(116, 137, 183, 0.40) !important;
    color: #111317 !important;
    box-shadow: none !important;
}

.text-yellow-400\/90,
.cn-news-entry__date,
.site-acm-captcha__badge,
.site-acm-turnstile__title,
.acm-side-login__toggle,
.monitor-online-box__value,
.status-tile__value--accent {
    color: #e5a93c !important;
}

.text-slate-50,
.monitor-card__title {
    color: #fff7df !important;
}

.text-slate-400,
.text-stone-400,
.cn-news-entry__body,
.site-acm-captcha__hint,
.site-acm-turnstile__copy {
    color: #aab3c2 !important;
}

.news-title-spacer {
    background: linear-gradient(90deg, transparent, rgba(117, 102, 143, 0.34), rgba(116, 137, 183, 0.78), rgba(117, 102, 143, 0.34), transparent) !important;
}

.stats-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    border-radius: 1.7rem;
    padding: 1.6rem;
    background: linear-gradient(180deg, rgba(17, 19, 23, 0.86), rgba(9, 10, 13, 0.78));
}

.stats-eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: rgba(116, 137, 183, 0.9);
}

.stats-title {
    margin-top: 0.55rem;
    font-family: "Cinzel", serif;
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: 700;
    color: #fff7df;
}

.stats-copy {
    margin-top: 0.8rem;
    max-width: 48rem;
    color: #aab3c2;
    line-height: 1.7;
}

.stats-hero__badge {
    min-width: 10rem;
    border: 1px solid rgba(117, 102, 143, 0.18);
    border-radius: 1.4rem;
    background: rgba(9, 10, 13, 0.62);
    padding: 1rem;
    text-align: center;
}

.stats-hero__badge span {
    display: block;
    font-family: "Cinzel", serif;
    font-size: 2rem;
    color: #f5d58f;
}

.stats-hero__badge small {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #8792a2;
}

.stats-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin: 1.25rem 0;
}

.stats-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 999px;
    background: rgba(17, 19, 23, 0.58);
    padding: 0.72rem 1rem;
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.stats-tabs a:hover,
.stats-tabs a.is-active {
    border-color: rgba(116, 137, 183, 0.38);
    background: rgba(24, 26, 33, 0.82);
    color: #f5d58f;
    box-shadow: none;
}

.stats-empty {
    border-radius: 1.7rem;
    padding: 2rem;
    text-align: center;
}

.stats-empty h2 {
    margin-top: 0.65rem;
    font-family: "Cinzel", serif;
    font-size: 1.65rem;
    color: #fff7df;
}

.stats-empty p:last-child {
    margin: 0.8rem auto 0;
    max-width: 42rem;
    color: #aab3c2;
    line-height: 1.7;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.stats-grid--summary {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.stats-summary-card,
.stats-card {
    overflow: hidden;
    border-radius: 1.45rem;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.stats-summary-card:hover,
.stats-card:hover {
    transform: translateY(-2px);
    border-color: rgba(116, 137, 183, 0.34) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 20px 44px rgba(0, 0, 0, 0.38) !important;
}

.stats-summary-card {
    position: relative;
    padding: 1.25rem;
}

.stats-summary-card p {
    color: #8994a4;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.stats-summary-card strong {
    display: block;
    margin-top: 0.65rem;
    font-family: "Cinzel", serif;
    font-size: 2rem;
    color: #fff7df;
}

.stats-status-dot {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: #94a3b8;
}

.stats-status-dot--online {
    background: #4ade80;
    box-shadow: 0 0 12px rgba(74, 222, 128, 0.48);
}

.stats-card__media {
    position: relative;
    min-height: 9.5rem;
    background:
        radial-gradient(circle at center, rgba(116, 137, 183, 0.1), transparent 42%),
        linear-gradient(180deg, rgba(24, 26, 33, 0.96), rgba(9, 10, 13, 0.96));
}

.stats-card__media img {
    width: 100%;
    height: 100%;
    min-height: 9.5rem;
    object-fit: cover;
    opacity: 0.78;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.stats-card:hover .stats-card__media img {
    transform: scale(1.045);
    opacity: 0.9;
}

.stats-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 10%, rgba(9, 10, 13, 0.88) 100%);
}

.stats-card__level {
    position: absolute;
    right: 0.9rem;
    top: 0.9rem;
    z-index: 1;
    border: 1px solid rgba(116, 137, 183, 0.26);
    border-radius: 999px;
    background: rgba(9, 10, 13, 0.78);
    padding: 0.35rem 0.65rem;
    color: #f5d58f;
    font-size: 0.72rem;
    font-weight: 800;
}

.stats-card__body {
    padding: 1.05rem;
}

.stats-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.stats-card__top h2 {
    font-family: "Cinzel", serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff7df;
}

.stats-card__top > span:not(.stats-pill) {
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 999px;
    background: rgba(9, 10, 13, 0.52);
    padding: 0.28rem 0.55rem;
    color: #f5d58f;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.stats-card__facts {
    display: grid;
    gap: 0.6rem;
    margin-top: 1rem;
}

.stats-card__facts div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.045);
    padding-top: 0.6rem;
}

.stats-card__facts dt {
    color: #7f8a9a;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.stats-card__facts dd {
    color: #e5e7eb;
    font-size: 0.85rem;
    font-weight: 700;
    text-align: right;
}

.stats-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 999px;
    background: rgba(9, 10, 13, 0.58);
    padding: 0.32rem 0.58rem;
    color: #cbd5e1;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.stats-pill--alive {
    border-color: rgba(74, 222, 128, 0.28);
    color: #86efac;
    box-shadow: 0 0 14px rgba(74, 222, 128, 0.08);
}

.stats-table {
    overflow: hidden;
    border-radius: 1.45rem;
}

.stats-row {
    display: grid;
    grid-template-columns: 3rem minmax(160px, 1.4fr) minmax(140px, 1fr) repeat(4, minmax(76px, 0.55fr));
    align-items: center;
    gap: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.045);
    padding: 0.95rem 1.1rem;
    color: #aeb8c6;
    font-size: 0.86rem;
}

.stats-row--oly {
    grid-template-columns: 3rem minmax(150px, 1.3fr) minmax(140px, 1fr) repeat(5, minmax(76px, 0.55fr));
}

.stats-row:last-child {
    border-bottom: 0;
}

.stats-row strong {
    color: #fff7df;
}

.stats-row--head {
    background: rgba(24, 26, 33, 0.5);
    color: #f5d58f;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.stats-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-top: 1.4rem;
}

.stats-pagination a,
.stats-pagination span,
.stats-pagination strong {
    border: 1px solid rgba(117, 102, 143, 0.16);
    border-radius: 999px;
    background: rgba(17, 19, 23, 0.62);
    padding: 0.65rem 0.95rem;
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 800;
}

.stats-pagination a:hover,
.stats-pagination strong {
    border-color: rgba(116, 137, 183, 0.38);
    color: #f5d58f;
}

/* Castle siege roster cards */
.castle-siege-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

.castle-siege-card {
    overflow: hidden;
    border: 1px solid rgba(117, 102, 143, 0.18);
    border-radius: 1.25rem;
    background: rgba(13, 15, 18, 0.78);
    transition: border-color 0.22s ease, transform 0.22s ease, background 0.22s ease;
}

.castle-siege-card:hover {
    border-color: rgba(116, 137, 183, 0.48);
    background: rgba(13, 15, 18, 0.92);
    transform: translateY(-2px);
}

.castle-siege-card__media {
    position: relative;
    min-height: 9.75rem;
    overflow: hidden;
    background: #080a0d;
}

.castle-siege-card__media img {
    width: 100%;
    height: 9.75rem;
    object-fit: cover;
    opacity: 0.78;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.castle-siege-card:hover .castle-siege-card__media img {
    transform: scale(1.045);
    opacity: 0.94;
}

.castle-siege-card__media-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 6, 8, 0.08) 15%, rgba(5, 6, 8, 0.92) 100%);
}

.castle-siege-card__title {
    position: absolute;
    right: 1rem;
    bottom: 0.85rem;
    left: 1rem;
}

.castle-siege-card__title span,
.castle-siege-card__label {
    display: block;
    color: #9ba4b2;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.castle-siege-card__title h2 {
    margin-top: 0.25rem;
    color: #fff7df;
    font-family: "Cinzel", serif;
    font-size: 1.18rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.castle-siege-card__body {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.castle-siege-card__owner {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(117, 102, 143, 0.14);
}

.castle-siege-card__crest {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(116, 137, 183, 0.28);
    border-radius: 0.65rem;
    background: #050608;
    object-fit: contain;
}

.castle-siege-card__crest--empty {
    color: rgba(116, 137, 183, 0.72);
    font-size: 0.9rem;
}

.castle-siege-card__owner strong,
.castle-siege-card__schedule strong {
    display: block;
    margin-top: 0.2rem;
    overflow: hidden;
    color: #d8dee8;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.castle-siege-card__tax {
    margin-left: auto !important;
    margin-right: 0 !important;
    color: #d4a342;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.castle-siege-card__schedule {
    position: relative;
    padding: 0.85rem;
    border: 1px solid rgba(116, 137, 183, 0.16);
    border-radius: 0.8rem;
    background: rgba(17, 19, 23, 0.58);
}

.castle-siege-card__schedule strong {
    color: #f5d58f;
    font-size: 0.88rem;
}

.castle-siege-card__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.castle-siege-card__metrics div {
    min-width: 0;
    padding: 0.65rem 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 0.65rem;
    background: rgba(5, 6, 8, 0.48);
}

.castle-siege-card__metrics dt {
    color: #7f8a9a;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.castle-siege-card__metrics dd {
    margin-top: 0.3rem;
    overflow: hidden;
    color: #d8dee8;
    font-size: 0.72rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.castle-siege-card__status {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    color: #9ba4b2;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.castle-siege-card__status.is-scheduled {
    color: #9eadd2;
}

.castle-siege-card__rosters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.castle-siege-card__rosters > div {
    min-width: 0;
    padding: 0.7rem;
    border-radius: 0.7rem;
    background: rgba(5, 6, 8, 0.72);
}

.castle-siege-card__rosters ul,
.castle-siege-card__rosters p {
    margin: 0.45rem 0 0;
    color: #aab3c2;
    font-size: 0.7rem;
    line-height: 1.45;
}

.castle-siege-card__rosters ul {
    padding-left: 0;
    list-style: none;
}

.castle-siege-card__rosters li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.castle-siege-card__rosters li::before {
    margin-right: 0.35rem;
    color: #d4a342;
    content: "•";
}

@media (max-width: 1100px) {
    .castle-siege-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .castle-siege-grid {
        grid-template-columns: 1fr;
    }
}

.hero-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.hero-wide--upgraded { padding-top:1.25rem !important; padding-bottom:1.3rem !important; }
.hero-coming-soon { display:inline-flex; align-items:center; gap:.45rem; padding:.38rem .65rem; border:1px solid rgba(229,169,60,.35); border-radius:999px; background:rgba(64,53,22,.48); color:#f0c765; font:800 .52rem 'Inter',sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.hero-coming-soon i { width:6px; height:6px; border-radius:50%; background:#9eadd2; box-shadow:0 0 9px #9eadd2; animation:statusPulse 1.8s ease-in-out infinite; }
.hero-tagline { margin:.75rem 0 0; color:#d9f5d1; font:700 .8rem 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.hero-connection-row { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.75rem; max-width:680px; margin:1rem auto 0; }
.hero-ip-box { display:flex; align-items:center; gap:.75rem; min-width:min(100%,420px); padding:.65rem .7rem; border:1px solid rgba(122,224,111,.35); border-radius:.7rem; background:rgba(5,22,18,.72); text-align:left; box-shadow:0 0 24px rgba(117,102,143,.08); }
.hero-ip-box__icon { display:grid; place-items:center; width:2rem; height:2rem; border-radius:.45rem; background:linear-gradient(#9eadd2 0 43%,#754b2e 43%); color:#fff; font-size:1rem; }
.hero-ip-box small { display:block; color:#95b597; font:700 .5rem 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; }.hero-ip-box strong { display:block; margin-top:.2rem; color:#efffe8; font:800 .8rem 'Inter',sans-serif; letter-spacing:.04em; }
.hero-ip-box button { margin-left:auto; padding:.55rem .65rem; border:1px solid rgba(113,226,100,.4); border-radius:.45rem; background:#b89b65; color:#111522; font:800 .55rem 'Inter',sans-serif; text-transform:uppercase; cursor:pointer; }
.hero-ip-box button:hover { background:#d0b47b; }.hero-edition-badges { display:flex; flex-wrap:wrap; gap:.45rem; }.hero-edition-badges span { padding:.48rem .6rem; border:1px solid rgba(119,198,236,.24); border-radius:.45rem; color:#b6d9e5; font:700 .55rem 'Inter',sans-serif; text-transform:uppercase; }.hero-edition-badges i { display:inline-block; width:6px; height:6px; margin-right:.3rem; border-radius:50%; background:#9eadd2; }
.hero-action { display: inline-flex; align-items: center; gap: .6rem; padding: .72rem 1.15rem; border: 1px solid rgba(131, 222, 117, .35); border-radius: .65rem; background: rgba(10, 20, 17, .55); color: #e7f7e3; font: 800 .65rem 'Inter', sans-serif; letter-spacing: .12em; text-transform: uppercase; transition: .2s ease; }
.hero-action:hover { transform: translateY(-2px); border-color: var(--mc-grass); color: #fff; }
.hero-action--primary { background: linear-gradient(180deg, #d0b47b, #8d6d37); border-color: #d6dae4; color: #111522; box-shadow: 0 7px 0 rgba(22, 81, 27, .55), 0 0 22px rgba(80, 222, 83, .22); }
.hero-action span { font-size: 1rem; line-height: .5; }
.hero-version { color: #9299a8; font: 700 .57rem 'Inter', sans-serif; letter-spacing: .12em; }
.hero-version b { margin-left: .4rem; color: #e8bd52; }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: .6rem 0 1rem; }
.section-heading__title { margin: .25rem 0 0; color: #f8f6ed; font: 1.45rem 'Cinzel', sans-serif; letter-spacing: .01em; }
.section-heading__link { color: #9eadd2; font: 700 .65rem 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.section-heading__link:hover { color: #d8ffc8; }
.game-modes-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .8rem; }
.realm-card { position: relative; min-height: 170px; overflow: hidden; display: flex; flex-direction: column; justify-content: end; padding: 1rem; border: 1px solid rgba(158, 173, 210, .2); border-radius: .9rem; background: linear-gradient(180deg, rgba(11, 20, 23, .3), rgba(7, 13, 16, .93)), url('/assets/images/backgrounds/l2nexus-world.webp') center / cover; box-shadow: inset 0 -35px 40px rgba(0,0,0,.28), 0 10px 30px rgba(0,0,0,.16); transition: transform .2s ease, border-color .2s ease; }
.realm-card { background-image: linear-gradient(180deg, rgba(11, 20, 23, .3), rgba(7, 13, 16, .93)), var(--mode-image); background-position: var(--mode-position, center); }
.realm-card:hover { transform: translateY(-5px); border-color: #b89b65; }
.realm-card__block { position: absolute; top: .75rem; right: .75rem; width: 35px; height: 35px; border: 2px solid rgba(220,255,202,.65); border-radius: .3rem; background: linear-gradient(#9eadd2 0 42%, #7b4c2c 42% 100%); box-shadow: 0 3px 0 rgba(36, 35, 56, .6); }
.realm-card__icon { position: absolute; top: .9rem; left: 1rem; color: #dfffd8; font: 900 1rem 'Cinzel', sans-serif; text-shadow: 2px 2px #2c8035; }
.realm-card__name { position: relative; color: #fff; font: .75rem 'Cinzel', sans-serif; letter-spacing: .02em; text-shadow: 0 2px 3px rgba(0,0,0,.55); }
.realm-card__tagline { position: relative; margin-top: .35rem; color: #c4cadb; font: .66rem 'Inter', sans-serif; }
.realm-card__players { position: relative; display: flex; align-items: center; gap: .35rem; margin-top: .65rem; color: #9eadd2; font: 700 .55rem 'Inter', sans-serif; text-transform: uppercase; }
.realm-card__players i { width: 6px; height: 6px; border-radius: 50%; background: #9eadd2; box-shadow: 0 0 8px #9eadd2; }
.realm-card__meta { position:relative; display:flex; gap:.4rem; margin-top:.5rem; }.realm-card__meta b { padding:.25rem .35rem; border:1px solid rgba(173,238,157,.18); border-radius:.3rem; color:#9299a8; font:700 .47rem 'Inter',sans-serif; letter-spacing:.05em; text-transform:uppercase; }
.realm-card--sky { border-color: rgba(80, 181, 255, .3); }
.realm-card--red { border-color: rgba(255, 107, 107, .3); }
.realm-card--purple { border-color: rgba(180, 132, 255, .3); }
.realm-card--gold { border-color: rgba(238, 190, 77, .3); }

.acm-side-login__field input { background: linear-gradient(180deg, rgba(21, 52, 29, .42), rgba(7, 14, 17, .7)) !important; border-color: rgba(86, 208, 83, .3) !important; }
.acm-side-login__field input:focus { border-color: var(--mc-grass) !important; box-shadow: 0 0 0 3px rgba(85, 214, 75, .12); }
.acm-side-login__primary { background: linear-gradient(180deg, #67e65a, #299d39) !important; color: #0d1018 !important; box-shadow: 0 4px 0 rgba(17, 84, 26, .6); }
.acm-side-login__meta-chip::before { content: '◆'; margin-right: .35rem; color: var(--mc-grass); }

.site-footer { background: linear-gradient(180deg, rgba(7, 18, 19, .96), rgba(4, 9, 12, .99)) !important; }
.site-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(2, .8fr) 1.4fr; gap: 1.4rem; padding: 1rem 0 1.7rem; border-bottom: 1px solid rgba(87, 211, 91, .16); text-align: left; }
.site-footer__brand { display: flex; align-items: center; gap: .7rem; }
.site-footer__brand strong { display: block; color: #f3f7ed; font: 1rem 'Cinzel', sans-serif; }
.site-footer__brand small { display: block; margin-top: .35rem; color: #9299a8; font: .67rem 'Inter', sans-serif; }
.site-footer__grid a { display: block; margin-top: .55rem; color: #9299a8; font: .68rem 'Inter', sans-serif; }
.site-footer__grid a:hover { color: #b89b65; }
.site-footer__heading { display: block; color: #e5bf58; font: 700 .62rem 'Inter', sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.site-footer__store p { margin: .55rem 0 .7rem; color: #9299a8; font: .68rem/1.5 'Inter', sans-serif; }
.site-footer__cta { color: #0d1018 !important; width: max-content; padding: .48rem .7rem; border-radius: .45rem; background: #9eadd2; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .08em; }
.discord-community-card { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 1.25rem; align-items: center; margin: 1.2rem 0 1.35rem; padding: 1.15rem; text-align: left; border: 1px solid rgba(87, 211, 91, .22); border-radius: .8rem; background: linear-gradient(135deg, rgba(11, 35, 28, .78), rgba(8, 14, 16, .9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 35px rgba(0,0,0,.16); }
.discord-community-card h2 { margin: .32rem 0 .35rem; color: #f3f7ed; font: 1.12rem 'Cinzel', sans-serif; letter-spacing: .02em; }
.discord-community-card p { max-width: 42rem; margin: 0 0 .8rem; color: #9299a8; font: .72rem/1.55 'Inter', sans-serif; }
.discord-community-card__widget { width: 100%; min-height: 130px; border: 1px solid rgba(87, 211, 91, .2); border-radius: .55rem; background: #080d10; }
.discord-community-card__status { display: flex; min-height: 92px; flex-direction: column; justify-content: center; gap: .3rem; padding: .8rem; border: 1px solid rgba(87, 211, 91, .2); border-radius: .55rem; background: rgba(4, 10, 12, .58); color: #c9e0cb; font: .72rem 'Inter', sans-serif; }
.discord-community-card__status small { color: #86a68b; font-size: .62rem; line-height: 1.4; }
.discord-community-card__lamp { width: .55rem; height: .55rem; border-radius: 50%; background: #9eadd2; box-shadow: 0 0 10px rgba(101, 223, 86, .75); }
@media (max-width: 700px) { .discord-community-card { grid-template-columns: 1fr; } }
.community-float { position: fixed; right: 1.15rem; bottom: 1.15rem; z-index: 120; width: 310px; padding: .82rem; border: 1px solid rgba(101,223,86,.34); border-radius: .75rem; background: linear-gradient(145deg, rgba(10,30,27,.97), rgba(7,13,17,.97)); box-shadow: 0 12px 32px rgba(0,0,0,.44), 0 0 20px rgba(101,223,86,.12); backdrop-filter: blur(12px); }
.community-float.is-hidden { display:none; }
.community-float__heading { display:flex; align-items:center; gap:.38rem; color:#e5bf58; font:700 .58rem 'Inter',sans-serif; letter-spacing:.14em; }
.community-float__lamp { width:.42rem; height:.42rem; border-radius:50%; background:#9eadd2; box-shadow:0 0 8px rgba(101,223,86,.78); }
.community-float__close { margin-left:auto; border:0; background:transparent; color:#718a78; cursor:pointer; font-size:1rem; line-height:1; }
.community-float__users { display:flex; align-items:center; gap:.55rem; margin:.72rem 0; padding:.58rem; border:1px solid rgba(255,255,255,.07); border-radius:.5rem; background:rgba(2,8,10,.44); }
.community-float__avatars { display:flex; }
.community-float__avatars i { display:grid; place-items:center; width:1.5rem; height:1.5rem; margin-left:-.24rem; border:2px solid #0a1e1b; border-radius:50%; background:#3f4566; color:#eff8eb; font:700 .48rem 'Inter',sans-serif; font-style:normal; }
.community-float__avatars i:first-child { margin-left:0; background:#b5823a; }
.community-float__avatars i:last-child { background:#34464a; color:#a9c5ac; }
.community-float__users strong { display:block; color:#f5f7e9; font:700 .8rem 'Inter',sans-serif; }
.community-float__users small { display:block; margin-top:.12rem; color:#9299a8; font: .52rem 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.community-float__widget { width:100%; height:150px; margin:0 0 .65rem; border:1px solid rgba(101,223,86,.18); border-radius:.5rem; background:#080d10; }
.community-float__hint { margin:.1rem 0 .7rem; color:#9299a8; font:.62rem/1.45 'Inter',sans-serif; }
.community-float__join { display:flex; align-items:center; gap:.42rem; color:#151629 !important; text-decoration:none !important; padding:.48rem .52rem; border-radius:.42rem; background:#9eadd2; font:700 .59rem 'Inter',sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.community-float__join:hover, .community-float__join:focus-visible { background:#b89b65; }
.community-float__icon { display:grid; place-items:center; width:1.1rem; height:1.1rem; border-radius:.25rem; background:#b8ee8b; }
.community-float__icon svg { width:.75rem; fill:#151629; }
.community-float__join b { margin-left:auto; font-size:.85rem; }
@media (max-width:560px) { .community-float { right:.65rem; bottom:.65rem; width:calc(100vw - 1.3rem); max-width:310px; } }

@media (max-width: 1000px) { .game-modes-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
    html, body { max-width: 100%; overflow-x: hidden; }
    .site-wordmark { width: 100% !important; max-width: 100%; overflow: visible; font-size: 1.65rem !important; letter-spacing: -.12em; text-align: center; }
    .hero-wide { width: 100%; box-sizing: border-box; }
    .section-heading { align-items: flex-start; flex-direction: column; }
    .game-modes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-footer__grid { grid-template-columns: 1fr 1fr; }
    .hero-version { width: 100%; text-align: center; }
    .max-w-7xl, .game-modes-shell { min-width: 0; box-sizing: border-box; }
    section.max-w-7xl, .game-modes-shell { width: calc(100vw - 2rem) !important; max-width: calc(100vw - 2rem) !important; margin-left: 1rem; margin-right: 1rem; padding-left: 0; padding-right: 0; }
    .max-w-7xl > aside, .max-w-7xl > section { width: 100%; min-width: 0; }
    .max-w-7xl > *, .game-modes-shell > * { min-width: 0; }
    .acm-side-login, .sidebar-vote-panel, .sidebar-siege-panel, .status-shell--realm, .news-status-theme { width: calc(100% - 1rem); max-width: calc(100% - 1rem); box-sizing: border-box; }
    .acm-side-login__meta { flex-wrap: wrap; }
}

/* Header alignment: keep the Lineage II navigation compact and on one baseline. */
@media (min-width: 768px) {
    header > div {
        width: min(100% - 2rem, 1320px) !important;
        max-width: 1320px !important;
        gap: 1rem !important;
    }

    header nav {
        min-width: 0;
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
    }

    header nav > div {
        width: 100%;
        flex-wrap: nowrap !important;
        gap: clamp(.45rem, 1vw, 1.1rem) !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    .site-nav-link {
        flex: 0 0 auto;
        gap: .28rem;
        padding: .55rem 0 .45rem;
        font-size: clamp(.56rem, .62vw, .72rem);
        letter-spacing: .09em;
        white-space: nowrap;
    }

    .site-nav-link__icon { width: .86rem; height: .86rem; }
}

/* Offline adventure hub and seasonal preview */
.realm-card__cta { position: relative; display: flex; align-items: center; justify-content: space-between; max-height: 0; margin-top: 0; overflow: hidden; color: #c4cadb; font: 800 .58rem 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; opacity: 0; transition: max-height .25s ease, margin-top .25s ease, opacity .25s ease; }
.realm-card__cta b { color: #fff; font-size: .8rem; }
.realm-card:hover .realm-card__cta, .realm-card:focus-visible .realm-card__cta { max-height: 1.5rem; margin-top: .55rem; opacity: 1; }
.news-category-filters { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:1rem; }
.news-category-filters--top { justify-content:flex-end; margin-top:0; margin-left:auto; }
.news-category-filters button { padding:.5rem .7rem; border:1px solid rgba(109,211,101,.2); border-radius:999px; background:rgba(8,24,20,.58); color:#9299a8; font:800 .55rem 'Inter',sans-serif; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:.2s ease; }
.news-category-filters button:hover,.news-category-filters button.is-active { border-color:#b89b65; background:#8d6d37; color:#0d1018; }
.cn-news-entry[hidden] { display:none !important; }
.cn-news-entry--featured { padding:1.35rem 1.45rem !important; box-shadow:0 14px 30px rgba(24,117,37,.12); }.cn-news-entry--featured .cn-news-entry__thumb { width:185px; height:100px; }.cn-news-entry--featured .cn-news-entry__title { font-size:1.25rem; }.cn-news-entry--featured .cn-news-entry__body { max-width:760px; }
.profile artwork-preview-tool { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:1.2rem 0; padding:1rem 1.25rem; border:1px solid rgba(113,219,105,.2); border-radius:1rem; background:linear-gradient(105deg,rgba(16,51,29,.7),rgba(8,21,23,.76)); }
.profile artwork-preview-tool h2 { margin:.35rem 0; color:#f7f5eb; font:1.1rem 'Cinzel',sans-serif; }.profile artwork-preview-tool p:not(.sidebar-widget-kicker) { margin:0; color:#b9cabe; font:.72rem/1.6 'Inter',sans-serif; }
.profile artwork-preview-tool__art { display:flex; align-items:end; gap:.7rem; height:92px; }.profile artwork-preview-tool__art img:first-child { width:70px; height:92px; object-fit:contain; object-position:bottom; }.profile artwork-preview-tool__art img:last-child { width:48px; height:48px; border:2px solid #68e45d; border-radius:.5rem; image-rendering:pixelated; }
@media (max-width:560px) { .profile artwork-preview-tool { align-items:flex-start; flex-direction:column; }.profile artwork-preview-tool__art { align-self:center; } }
.adventure-page { max-width: 1260px; margin-top: 1.5rem; }
.adventure-hero { display:flex; justify-content:space-between; align-items:end; gap:2rem; padding: 1rem .2rem 2rem; }
.adventure-hero h1 { margin:.5rem 0 .8rem; color:#f8f6ed; font:clamp(2.4rem,6vw,5rem) 'Cinzel',sans-serif; line-height:1; }
.adventure-hero p:not(.sidebar-widget-kicker) { max-width:620px; margin:0; color:#a5acc0; font:1rem/1.7 'Inter',sans-serif; }
.adventure-season-control { min-width:205px; padding:1rem; border:1px solid rgba(95,221,105,.22); border-radius:.9rem; background:rgba(7,20,21,.72); }
.adventure-season-control label { display:block; margin-bottom:.45rem; color:#9fe894; font:700 .56rem 'Inter',sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.adventure-season-control select { width:100%; padding:.7rem .65rem; border:1px solid rgba(121,225,111,.25); border-radius:.5rem; background:#0e1b1b; color:#edffe8; font:700 .68rem 'Inter',sans-serif; }
.launch-banner { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; padding:1rem 1.25rem; border:1px solid rgba(229,169,60,.35); border-radius:1rem; background:linear-gradient(100deg,rgba(65,60,24,.72),rgba(12,34,26,.75)); box-shadow:0 12px 35px rgba(0,0,0,.18); }
.launch-banner__eyebrow { display:block; color:#ebbc55; font:800 .56rem 'Inter',sans-serif; letter-spacing:.17em; text-transform:uppercase; }
.launch-banner strong { display:block; margin-top:.35rem; color:#fff8e8; font:1rem 'Cinzel',sans-serif; }
.launch-banner small { display:block; margin-top:.25rem; color:#b9c7b6; font:.7rem 'Inter',sans-serif; }
.launch-countdown { display:flex; align-items:center; gap:.5rem; color:#f2c765; }
.launch-countdown span { min-width:3.2rem; text-align:center; }
.launch-countdown b { display:block; color:#f8f6ed; font:1.25rem 'Cinzel',sans-serif; }
.launch-countdown small { color:#9eb19c; font:700 .48rem 'Inter',sans-serif; text-transform:uppercase; }
.launch-countdown i { color:#6fe165; font-style:normal; }
.launch-section { display:grid; grid-template-columns:1.1fr .9fr; gap:1rem; align-items:center; margin-top:2rem; padding:1.5rem; border:1px solid rgba(229,169,60,.32); border-radius:1.1rem; background:linear-gradient(105deg,rgba(56,49,21,.8),rgba(8,33,26,.82)); box-shadow:0 18px 40px rgba(0,0,0,.2); }
.launch-section__copy h2 { margin:.35rem 0 .55rem; color:#fff8e8; font:1.5rem 'Cinzel',sans-serif; }.launch-section__copy p:not(.sidebar-widget-kicker) { max-width:520px; margin:0; color:#c1d2c1; font:.76rem/1.6 'Inter',sans-serif; }.launch-section__actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }.launch-section__actions .hero-action { margin:0; }
.launch-section__countdown { padding:1rem; border:1px solid rgba(115,219,106,.2); border-radius:.8rem; background:rgba(3,16,16,.5); }.launch-countdown__label { display:block; margin-bottom:.5rem; color:#9eadd2; font:800 .55rem 'Inter',sans-serif; letter-spacing:.16em; text-transform:uppercase; }.launch-section__countdown .launch-countdown { justify-content:center; }.launch-signup { display:flex; gap:.45rem; margin-top:1rem; }.launch-signup input { min-width:0; flex:1; padding:.65rem .7rem; border:1px solid rgba(116,216,108,.22); border-radius:.45rem; background:#071415; color:#eaffea; font:.65rem 'Inter',sans-serif; }.launch-signup button { padding:.65rem .7rem; border:1px solid #62dd58; border-radius:.45rem; background:#4dcc4b; color:#0d1018; font:800 .55rem 'Inter',sans-serif; text-transform:uppercase; cursor:pointer; }.launch-signup__status { display:block; min-height:1rem; margin-top:.5rem; color:#9eadd2; font:.62rem 'Inter',sans-serif; }
.adventure-mode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.adventure-mode-card { position:relative; min-height:260px; overflow:hidden; border:1px solid rgba(112,220,110,.24); border-radius:1rem; background:#071315; box-shadow:0 16px 34px rgba(0,0,0,.22); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.adventure-mode-card:hover,.adventure-mode-card:focus-visible { transform:translateY(-7px); border-color:#73e66a; box-shadow:0 20px 40px rgba(45,184,77,.2); }
.adventure-mode-card__image { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .5s ease,filter .5s ease; }
.adventure-mode-card:hover .adventure-mode-card__image { transform:scale(1.07); filter:saturate(1.15); }
.adventure-mode-card__icon { position:absolute; top:1rem; left:1rem; display:grid; place-items:center; width:2.6rem; height:2.6rem; border:1px solid rgba(204,255,189,.58); border-radius:.55rem; background:linear-gradient(#69e85f 0 42%,#754b2e 42%); color:#fff; font:1.2rem 'Cinzel',sans-serif; box-shadow:0 5px 0 rgba(27,89,29,.5); }
.adventure-mode-card__copy { position:absolute; right:1rem; bottom:1rem; left:1rem; }
.adventure-mode-card__copy .sidebar-widget-kicker { margin:0; font-size:.5rem; }
.adventure-mode-card__copy h2 { margin:.3rem 0; color:#fff; font:1.35rem 'Cinzel',sans-serif; text-shadow:0 2px 6px #000; }
.adventure-mode-card__copy p { margin:0; color:#d1e1d3; font:.72rem 'Inter',sans-serif; }
.adventure-mode-card__explore { display:inline-flex; gap:.45rem; max-height:0; margin-top:0; overflow:hidden; color:#96f28b; font:800 .58rem 'Inter',sans-serif; letter-spacing:.14em; text-transform:uppercase; opacity:0; transition:.25s ease; }
.adventure-mode-card:hover .adventure-mode-card__explore { max-height:2rem; margin-top:.7rem; opacity:1; }
.mode-comparison-panel,.mode-gallery-section { margin-top:2rem; padding:1.35rem; border:1px solid rgba(120,219,111,.18); border-radius:1.1rem; background:rgba(7,17,20,.72); }
.mode-comparison-table { overflow:hidden; border:1px solid rgba(115,200,104,.14); border-radius:.8rem; }
.mode-comparison-row { display:grid; grid-template-columns:1.5fr 1.2fr 1fr 1.2fr 1.1fr; align-items:center; gap:.8rem; padding:.85rem 1rem; color:#bed2c0; font:.68rem 'Inter',sans-serif; border-top:1px solid rgba(115,200,104,.1); }
a.mode-comparison-row { transition:background .2s ease,color .2s ease; }
a.mode-comparison-row:hover { background:rgba(52,128,53,.22); color:#efffe9; }
.mode-comparison-row--head { border-top:0; color:#789a7d; background:rgba(4,11,13,.6); font:800 .53rem 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.mode-comparison-row span:first-child { display:flex; align-items:center; gap:.6rem; color:#f0f1f4; font-weight:700; }
.mode-table-icon { display:grid; place-items:center; width:1.65rem; height:1.65rem; border-radius:.35rem; background:#4fd64c; color:#0b2d0e; font-style:normal; }
.mode-table-icon--sky { background:#63c7ff; }.mode-table-icon--red { background:#ff7d78; }.mode-table-icon--purple { background:#b590ff; }.mode-table-icon--gold { background:#ffd56a; }.mode-table-icon--gold { background:#66ebbb; }
.mode-comparison-status { color:#91ee86; font-weight:700; }.mode-comparison-status i { display:inline-block; width:6px; height:6px; margin-right:.4rem; border-radius:50%; background:#9eadd2; box-shadow:0 0 8px #9eadd2; }
.mode-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.mode-gallery-card { padding:.65rem; border:1px solid rgba(115,200,104,.15); border-radius:.8rem; background:rgba(5,12,15,.65); }
.mode-gallery-card__shots { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; }
.mode-gallery-card__shots a { display:block; aspect-ratio:1.35; overflow:hidden; border-radius:.45rem; transition:transform .2s ease,filter .2s ease; }.mode-gallery-card__shots img { width:100%; height:100%; object-fit:cover; display:block; }
.mode-gallery-card__shots a:hover { transform:scale(1.04); filter:saturate(1.25) brightness(1.15); }
.mode-gallery-card > div:last-child { padding:.7rem .2rem .2rem; }.mode-gallery-card h3 { margin:.25rem 0 0; color:#f6f4e9; font:1rem 'Cinzel',sans-serif; }
.trailer-panel { display:flex; align-items:center; gap:1.2rem; margin-top:2rem; padding:1.4rem; border:1px solid rgba(116,194,245,.18); border-radius:1.1rem; background:linear-gradient(105deg,rgba(16,54,75,.8),rgba(8,16,25,.82)); }
.trailer-panel__play { display:grid; place-items:center; width:3.8rem; height:3.8rem; flex:none; border:1px solid rgba(117,229,113,.5); border-radius:50%; background:#52d84e; color:#062208; font-size:1.2rem; box-shadow:0 0 24px rgba(82,216,78,.35); }
.trailer-panel h2 { margin:.35rem 0; color:#f9f7ed; font:1.4rem 'Cinzel',sans-serif; }.trailer-panel p:not(.sidebar-widget-kicker) { margin:0; color:#b8c8cc; font:.75rem/1.6 'Inter',sans-serif; }.trailer-panel__badge { margin-left:auto; padding:.45rem .65rem; border:1px solid rgba(225,183,72,.4); border-radius:999px; color:#f0c966; font:800 .52rem 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.1em; }
body[data-season="summer"] .site-bg { filter:saturate(1.18) brightness(1.08); } body[data-season="summer"] .site-bg::before { opacity:.42; }
body[data-season="halloween"] .site-bg { filter:hue-rotate(305deg) saturate(1.35) brightness(.78); } body[data-season="halloween"] .site-nav-link.is-active { color:#ff9b4a; }
body[data-season="christmas"] .site-bg { filter:hue-rotate(12deg) saturate(.78) brightness(1.05); } body[data-season="christmas"] .site-nav-link.is-active { color:#b9f0ff; }
body[data-season="nether"] .site-bg { filter:hue-rotate(325deg) saturate(1.6) brightness(.65); } body[data-season="nether"] .site-nav-link.is-active { color:#ff7758; }
@media (max-width:900px) { .adventure-mode-grid,.mode-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .adventure-hero { align-items:flex-start; flex-direction:column; } .adventure-season-control { width:100%; } }
@media (max-width:640px) { .launch-banner { align-items:flex-start; flex-direction:column; } .launch-countdown { width:100%; justify-content:space-between; } .adventure-mode-grid,.mode-gallery-grid { grid-template-columns:1fr; } .mode-comparison-row { grid-template-columns:1.5fr 1fr 1fr; } .mode-comparison-row span:nth-child(4),.mode-comparison-row span:nth-child(5) { display:none; } .trailer-panel { align-items:flex-start; flex-wrap:wrap; } .trailer-panel__badge { margin-left:0; } }
@media (max-width:700px) { .hero-wide--upgraded { margin-top:0 !important; }.hero-connection-row { align-items:stretch; flex-direction:column; }.hero-ip-box { min-width:0; }.hero-edition-badges { justify-content:center; }.launch-section { grid-template-columns:1fr; }.cn-news-entry--featured .cn-news-entry__thumb { float:none; width:100%; height:125px; margin:0 0 1rem; }.cn-news-entry--featured .cn-news-entry__title { font-size:1rem; } }
@media (max-width:767px) { header > div { flex-wrap:wrap; gap:.45rem !important; padding-inline:.8rem !important; } header nav:not(.hidden) { order:3; flex-basis:100%; } header nav:not(.hidden) > div { gap:.15rem !important; padding:.35rem !important; } header nav:not(.hidden) .site-nav-link { width:100%; justify-content:flex-start; padding:.5rem .65rem; font-size:.62rem !important; letter-spacing:.08em !important; } .site-status-strip { overflow-x:auto; justify-content:flex-start; } }
.homepage-layout > aside { align-self:start; position:static; }
.homepage-layout { padding-left:2rem !important; padding-right:2rem !important; }
.homepage-layout > aside { padding-left:.65rem; padding-right:.35rem; }
.homepage-layout .server-ip-widget, .homepage-layout .server-connection-meta { display:none !important; }
@media (max-width:767px) { .homepage-layout { padding-left:1rem !important; padding-right:1rem !important; } .homepage-layout > aside { padding-left:0; padding-right:0; } }
.hero-wide--upgraded { padding-top:.75rem !important; padding-bottom:.8rem !important; }
.hero-wide--upgraded .site-wordmark { transform:scale(.88); transform-origin:center top; margin-bottom:-.5rem; }
.hero-status-bar { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.45rem; margin-top:-.8rem; position:relative; z-index:2; }
.hero-status-bar > span { display:flex; align-items:center; gap:.4rem; padding:.48rem .65rem; border:1px solid rgba(112,220,110,.2); border-radius:.45rem; background:rgba(7,19,21,.9); color:#a8c4aa; font:700 .53rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.hero-status-bar b { color:#e5bd56; font-size:.46rem; }.hero-status-bar strong { color:#eaf9e6; }.hero-status-bar__countdown em { color:#8bed81; font-style:normal; }
.homepage-preview-note { display:inline-flex; align-items:center; gap:.4rem; margin-bottom:.75rem; padding:.32rem .5rem; border:1px solid rgba(112,220,110,.2); border-radius:999px; color:#a8d4a5; font:700 .5rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }.homepage-preview-note i { width:5px; height:5px; border-radius:50%; background:#9eadd2; box-shadow:0 0 8px #9eadd2; }
.community-panel { padding:1.25rem; border:1px solid rgba(105,221,102,.24); border-radius:1rem; background:linear-gradient(145deg,rgba(28,26,22,.86),rgba(11,16,22,.94)); box-shadow:0 16px 32px rgba(0,0,0,.16); }
.community-panel h2 { margin:.4rem 0 .7rem; color:#f7f5ea; font:1.2rem 'Cinzel',sans-serif; }.community-panel > p:not(.sidebar-widget-kicker) { margin:0; color:#9299a8; font:.75rem/1.65 'Inter',sans-serif; }.community-panel__status { display:flex; align-items:center; gap:.45rem; margin:1rem 0 .8rem; color:#9eadd2; font:800 .55rem 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.1em; }.community-panel__status i { width:7px; height:7px; border-radius:50%; background:#9eadd2; box-shadow:0 0 9px #9eadd2; }.community-panel__status b { margin-left:auto; color:#e4bd59; }.community-panel__button { display:flex; justify-content:space-between; padding:.75rem .85rem; border:1px solid #d0b47b; border-radius:.55rem; background:#8d6d37; color:#111522; font:800 .6rem 'Inter',sans-serif; letter-spacing:.1em; text-transform:uppercase; }.community-panel__link { display:flex; justify-content:space-between; margin-top:.65rem; padding:.35rem 0; color:#9eadd2; font:700 .58rem 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.08em; }.community-panel__button:hover { background:#ead09a; }.community-panel__link:hover { color:#fff; }
.realm-card { background-color:#0b211c; }.realm-card__preview { position:relative; margin-top:.35rem; color:#9299a8; font:700 .46rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }.cn-news-entry__thumb { background-color:#151629; }.cn-news-entry__category { padding:.22rem .38rem; border:1px solid rgba(120,224,109,.25); border-radius:.3rem; color:#a2ee95; font:800 .48rem 'Inter',sans-serif; text-transform:uppercase; }.cn-news-entry__category--events { color:#f4c869; border-color:rgba(244,200,105,.3); }.cn-news-entry__category--community { color:#9ecbff; border-color:rgba(158,203,255,.3); }.cn-news-entry__category--guides { color:#d6a8ff; border-color:rgba(214,168,255,.3); }
.mode-gallery-card__shots img { background:#0e2a21; }
@media (max-width:700px) { .hero-status-bar { justify-content:flex-start; margin-top:.4rem; padding-inline:1rem; overflow-x:auto; flex-wrap:nowrap; } .hero-status-bar > span { flex:none; } .hero-wide--upgraded .site-wordmark { transform:scale(.8); } }
@media (min-width:768px) and (max-width:1320px) { header > div { gap:.45rem !important; } header nav > div { gap:.42rem !important; } header nav .site-nav-link { font-size:.55rem !important; letter-spacing:.06em !important; gap:.2rem; } header nav .site-nav-link__icon { width:.75rem; height:.75rem; } }

@media (min-width: 768px) and (max-width: 1120px) {
    header > div { gap: .55rem !important; }
    header nav > div { gap: .55rem !important; }
    .site-nav-link { font-size: .52rem; letter-spacing: .05em; }
}

.site-status-strip { position:absolute; top:100%; left:0; right:0; display:flex; justify-content:center; gap:.45rem; padding:.35rem .75rem; border-bottom:1px solid rgba(89,210,86,.16); background:rgba(5,13,16,.88); backdrop-filter:blur(12px); pointer-events:none; }
.site-status-strip span { display:inline-flex; align-items:center; gap:.35rem; padding:.2rem .5rem; border:1px solid rgba(92,207,87,.16); border-radius:.35rem; color:#a7c7a8; font:700 .5rem 'Inter',sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.site-status-strip b { color:#e5bd56; font-size:.45rem; }.site-status-strip strong { color:#f0f1f4; font-size:.52rem; }
.site-stream-widget { width:280px !important; }
.site-stream-widget > section { max-height:72px; border-color:rgba(83,212,84,.28) !important; transition:max-height .25s ease, box-shadow .25s ease; }
.site-stream-widget:hover > section, .site-stream-widget:focus-within > section { max-height:420px; box-shadow:0 18px 48px rgba(0,0,0,.45); }
.site-stream-widget .aspect-video { max-height:170px; }
.site-stream-widget .grid.grid-cols-2 { max-height:90px; overflow:auto; }
.profile-search { display:flex; gap:.6rem; max-width:620px; margin:0 0 1.2rem auto; padding:.6rem; border:1px solid rgba(158,173,210,.2); border-radius:.75rem; background:rgba(13,17,27,.74); }
.profile-search input { min-width:0; flex:1; padding:.7rem .8rem; border:1px solid rgba(158,173,210,.22); border-radius:.5rem; background:rgba(2,10,12,.7); color:#f0f1f4; font:.72rem 'Inter',sans-serif; }
.profile-search input:focus { outline:none; border-color:#9eadd2; box-shadow:0 0 0 3px rgba(92,219,85,.12); }
.mobile-menu-icon { display:grid; gap:4px; }.mobile-menu-icon i { display:block; width:17px; height:2px; border-radius:2px; background:#9eadd2; }
.cn-news-entry { padding:1rem 1.1rem !important; margin-bottom:.7rem !important; }
.cn-news-entry__thumb { width:112px; height:62px; }
@media (max-width:767px) { .site-status-strip { position:static; flex-wrap:wrap; gap:.25rem; } .profile-search { margin:0 0 1rem; } .site-stream-widget { width:calc(100vw - 2rem) !important; right:1rem !important; } }

.l2-page-shell, .mode-detail-shell, .not-found-shell { max-width: 1180px; margin: 2rem auto 0; padding: 2rem 1.25rem 5rem; }
.page-hero-copy { max-width: 720px; margin-bottom: 2rem; }
.page-hero-copy h1, .mode-detail-hero h1, .not-found-shell h1 { margin: .5rem 0 1rem; color: #f8f6ed; font: clamp(2rem, 5vw, 4rem) 'Cinzel', sans-serif; line-height: 1.06; }
.page-hero-copy p:not(.sidebar-widget-kicker), .mode-detail-hero > p:not(.sidebar-widget-kicker), .not-found-shell > p:not(.sidebar-widget-kicker) { max-width: 620px; color: #a5acc0; font: 1rem/1.7 'Inter', sans-serif; }
.store-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.store-card { position: relative; padding: 1.5rem; overflow: hidden; border: 1px solid rgba(158, 173, 210, .25); border-radius: 1.1rem; background: linear-gradient(145deg, rgba(23, 22, 42, .78), rgba(7, 17, 18, .92)); box-shadow: 0 20px 40px rgba(0,0,0,.2); }
.store-card--realm { background: linear-gradient(145deg, rgba(32, 27, 56, .78), rgba(7, 17, 18, .92)); border-color: rgba(117, 102, 143, .28); }
.store-card--netherite { background: linear-gradient(145deg, rgba(78, 56, 28, .8), rgba(11, 15, 18, .94)); border-color: rgba(227, 180, 73, .3); }
.store-card__icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: .5rem; background: linear-gradient(#b89b65 0 45%, #80512e 45%); color: #fff; font-size: 1.2rem; box-shadow: 0 4px 0 rgba(30, 28, 54, .7); }
.store-card__eyebrow { margin: 1.3rem 0 .45rem; color: #c4cadb; font: 700 .6rem 'Inter', sans-serif; letter-spacing: .16em; }
.store-card h2 { margin: 0 0 1rem; color: #fff; font: 1.25rem 'Cinzel', sans-serif; }
.store-card > strong { display: block; color: #9eadd2; font: 2rem 'Cinzel', sans-serif; }
.store-card > strong small { margin-left: .35rem; color: #9299a8; font: .65rem 'Inter', sans-serif; }
.store-card ul { min-height: 120px; margin: 1.2rem 0; padding: 1rem; border-radius: .7rem; background: rgba(2, 11, 13, .4); list-style: none; color: #d6dae4; font: .76rem/2 'Inter', sans-serif; }
.site-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; padding: .75rem 1rem; border: 0; border-radius: .55rem; background: linear-gradient(#d0b47b, #8d6d37); color: #06170a !important; font: 800 .65rem 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 4px 0 rgba(18, 77, 25, .7); transition: transform .2s ease, filter .2s ease; }
.site-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.store-note { margin-top: 1rem; padding: 1rem; border-radius: .75rem; background: rgba(32, 27, 56, .52); color: #9299a8; font: .75rem/1.6 'Inter', sans-serif; }
.vote-page-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.vote-page-card { position: relative; min-height: 155px; padding: 1.2rem; display: flex; flex-direction: column; justify-content: end; overflow: hidden; border: 1px solid rgba(158, 173, 210, .28); border-radius: 1rem; background: linear-gradient(180deg, rgba(29, 25, 50, .46), rgba(6, 14, 15, .96)), url('/assets/images/backgrounds/l2nexus-world.webp') center / cover; transition: transform .2s ease, border-color .2s ease; }
.vote-page-card:hover { transform: translateY(-4px); border-color: #b89b65; }
.vote-page-card__block { position: absolute; top: 1rem; right: 1rem; width: 35px; height: 35px; border-radius: .3rem; background: linear-gradient(#b89b65 0 45%, #81502c 45%); box-shadow: 0 4px 0 rgba(23, 80, 28, .7); }
.vote-page-card strong { color: #fff; font: 1rem 'Cinzel', sans-serif; }
.vote-page-card small { margin-top: .4rem; color: #9299a8; font: .7rem 'Inter', sans-serif; }
.mode-detail-shell { min-height: 620px; padding-top: 3rem; border-radius: 1.2rem; background: linear-gradient(90deg, rgba(6, 12, 17, .95) 0 42%, rgba(6, 12, 17, .25)), var(--mode-image) var(--mode-position, center) / cover; }
.mode-detail-hero { max-width: 560px; padding: 3rem 0; }
.mode-detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }
.mode-detail-online { color: #a4e99a; font: 700 .7rem 'Inter', sans-serif; text-transform: uppercase; }
.mode-detail-online i { display: inline-block; width: 7px; height: 7px; margin-right: .4rem; border-radius: 50%; background: #9eadd2; box-shadow: 0 0 10px #9eadd2; animation: statusPulse 1.8s ease-in-out infinite; }
.mode-detail-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; max-width: 760px; }
.mode-detail-panels article { padding: 1.25rem; border: 1px solid rgba(120, 219, 111, .2); border-radius: .9rem; background: rgba(4, 15, 18, .72); }
.panel-icon { color: #74e65e; font-size: 1.3rem; }
.mode-detail-panels h2 { margin: .6rem 0; color: #f7f4e9; font: 1rem 'Cinzel', sans-serif; }
.mode-detail-panels ul { padding: 0; list-style: none; color: #bdd1bf; font: .75rem/2 'Inter', sans-serif; }
.mode-detail-panels li::first-letter { color: #6ee75c; }
.mode-detail-panels dl { margin: 0; color: #b5ccb9; font: .72rem 'Inter', sans-serif; }
.mode-detail-panels dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid rgba(115, 200, 104, .12); }
.mode-detail-panels dt { color: #8eb28f; text-transform: uppercase; } .mode-detail-panels dd { margin: 0; color: #f0f1f4; }
.not-found-shell { min-height: 520px; text-align: center; }
.not-found-shell > p:not(.sidebar-widget-kicker) { margin: 0 auto 1.4rem; }
.not-found-block { display: inline-grid; width: 120px; height: 120px; place-items: center; margin-bottom: 1rem; border: 5px solid #9eadd2; border-radius: .7rem; background: linear-gradient(#9eadd2 0 45%, #81512f 45%); color: #fff; font: 2rem 'Cinzel', sans-serif; box-shadow: 0 8px 0 rgba(21, 79, 27, .65); }
.not-found-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:.7rem; }
.site-button--secondary { border-color:rgba(158,173,210,.42); background:rgba(8,30,23,.72); color:#c4cadb; }
.site-button--secondary:hover { background:rgba(48,137,57,.7); color:#fff; }
.preview-status-badge { display:inline-flex; align-items:center; gap:.4rem; margin-top:1rem; padding:.45rem .65rem; border:1px solid rgba(229,189,86,.28); border-radius:.45rem; color:#e9c65c; font:700 .58rem 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.08em; }.preview-status-badge i,.status-online i { width:6px; height:6px; border-radius:50%; background:#9eadd2; box-shadow:0 0 9px #9eadd2; animation:statusPulse 1.8s ease-in-out infinite; }
.status-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; margin:1.3rem 0; }.status-summary-grid>div { padding:1rem; border:1px solid rgba(158,173,210,.2); border-radius:.8rem; background:rgba(13,17,27,.78); }.status-summary-grid span,.status-summary-grid small { display:block; color:#9299a8; font:700 .58rem 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.1em; }.status-summary-grid strong { display:block; margin:.4rem 0; color:#f0f8e9; font:1.2rem 'Cinzel',sans-serif; }.status-summary-grid small { color:#6f7894; font-size:.52rem; letter-spacing:0; text-transform:none; }.status-dashboard-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }.status-dashboard-card { padding:1.3rem; border:1px solid rgba(158,173,210,.18); border-radius:.9rem; background:rgba(4,17,19,.8); }.status-dashboard-card h2 { margin:.4rem 0 1rem; color:#fff; font:1.1rem 'Cinzel',sans-serif; }.status-node-list { display:grid; gap:.6rem; }.status-node-list>div { display:flex; align-items:center; gap:.7rem; padding:.65rem; border-radius:.55rem; background:rgba(20,65,29,.35); }.status-node-icon { display:grid; width:28px; height:28px; place-items:center; border-radius:.3rem; background:linear-gradient(#9eadd2 0 45%,#80502f 45%); color:#fff; font:800 .7rem 'Inter',sans-serif; }.status-node-list b { flex:1; color:#f0f1f4; font:.7rem 'Inter',sans-serif; }.status-online { display:flex; align-items:center; gap:.35rem; color:#9eadd2; font:700 .58rem 'Inter',sans-serif; text-transform:uppercase; }.status-bars { display:flex; align-items:end; gap:.5rem; height:150px; padding:1rem; border-radius:.7rem; background:linear-gradient(180deg,rgba(117,102,143,.12),rgba(2,12,14,.45)); }.status-bars i { flex:1; min-height:12px; border-radius:.25rem .25rem 0 0; background:linear-gradient(#9eadd2,#2c2a44); box-shadow:0 0 12px rgba(80,221,80,.15); }.status-chart-labels { display:flex; justify-content:space-between; margin-top:.5rem; color:#77977b; font:700 .55rem 'Inter',sans-serif; text-transform:uppercase; }.status-mode-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin-top:1rem; }.status-mode-card { display:flex; align-items:center; gap:.7rem; padding:.9rem; border:1px solid rgba(158,173,210,.18); border-radius:.7rem; background:rgba(13,17,27,.76); }.status-mode-card:hover { border-color:#b89b65; transform:translateY(-2px); }.status-mode-card__icon { color:#9eadd2; }.status-mode-card span:nth-child(2) { flex:1; }.status-mode-card b,.status-mode-card small { display:block; }.status-mode-card b { color:#f0f1f4; font:.7rem 'Inter',sans-serif; }.status-mode-card small { margin-top:.2rem; color:#9299a8; font:.58rem 'Inter',sans-serif; }.status-mode-card strong { color:#9eadd2; font:700 .58rem 'Inter',sans-serif; text-transform:uppercase; }
.store-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; }.store-filters button { padding:.6rem .8rem; border:1px solid rgba(158,173,210,.22); border-radius:.5rem; background:rgba(13,17,27,.7); color:#a9c6aa; font:700 .6rem 'Inter',sans-serif; text-transform:uppercase; }.store-filters button.is-active,.store-filters button:hover { background:#9eadd2; color:#111522; }
@media (max-width:700px){.status-summary-grid{grid-template-columns:repeat(2,1fr)}.status-dashboard-grid{grid-template-columns:1fr}.status-mode-grid{grid-template-columns:1fr}}
@media (max-width:700px){.news-category-filters--top{justify-content:flex-start;width:100%;margin-top:.35rem}}
.news-tools { display: flex; align-items: center; gap: .45rem; margin-left: auto; }
.news-tools input { width: 190px; padding: .55rem .7rem; border: 1px solid rgba(93, 205, 93, .24); border-radius: .5rem; background: rgba(5, 14, 16, .6); color: #e5f8e0; font: .7rem 'Inter', sans-serif; }
.news-tools button, .news-tools a { padding: .58rem .7rem; border: 1px solid rgba(93, 205, 93, .3); border-radius: .5rem; background: rgba(33, 85, 37, .6); color: #c9f2c2; font: 700 .58rem 'Inter', sans-serif; text-transform: uppercase; }
.news-tools a:hover, .news-tools button:hover { background: #4ed44b; color: #0d1018; }
.cn-news-entry__thumb { float: right; width: 132px; height: 72px; margin-left: 1rem; border-radius: .55rem; background-image: linear-gradient(135deg, rgba(9, 13, 24, .18), transparent); background-size: 400% 300%; background-repeat: no-repeat; }
.cn-news-entry__thumb--0 { background-position: 0% 0%; }.cn-news-entry__thumb--1 { background-position: 33.33% 0%; }.cn-news-entry__thumb--2 { background-position: 66.66% 0%; }.cn-news-entry__thumb--3 { background-position: 100% 0%; }
.cn-news-entry__thumb--4 { background-position: 0% 50%; }.cn-news-entry__thumb--5 { background-position: 33.33% 50%; }.cn-news-entry__thumb--6 { background-position: 66.66% 50%; }.cn-news-entry__thumb--7 { background-position: 100% 50%; }
.cn-news-entry__thumb--8 { background-position: 0% 100%; }.cn-news-entry__thumb--9 { background-position: 33.33% 100%; }.cn-news-entry__thumb--10 { background-position: 66.66% 100%; }.cn-news-entry__thumb--11 { background-position: 100% 100%; }
.cn-news-entry { transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
.cn-news-entry:hover { border-color: rgba(85, 214, 75, .72) !important; box-shadow: 0 0 0 1px rgba(85, 214, 75, .12), 0 12px 30px rgba(20, 113, 34, .16) !important; transform: translateY(-2px); }
.cn-news-entry a:hover, .cn-news-pagination__link:hover { color: #72e866 !important; }
.cn-news-pagination__numbers { display:inline-flex; align-items:center; gap:.35rem; }
.cn-news-pagination__number { display:inline-grid; min-width:2rem; height:2rem; place-items:center; padding:0 .5rem; border:1px solid rgba(15,23,42,.9); border-radius:.5rem; background:#111317; color:#aab8b0; font:800 .68rem 'Inter',sans-serif; text-decoration:none; transition:.2s ease; }
.cn-news-pagination__number:hover, .cn-news-pagination__number.is-current { border-color:#b89b65; background:#8d6d37; color:#0d1018; }
.cn-news-pagination { align-items:center; justify-content:center; gap:.55rem; margin-top:1.25rem; padding:.8rem; border:1px solid rgba(99,224,91,.25); border-radius:.85rem; background:linear-gradient(180deg,rgba(19,60,30,.72),rgba(8,27,22,.84)); box-shadow:inset 0 3px 0 rgba(119,236,102,.16),0 10px 24px rgba(0,0,0,.16); }
.cn-news-pagination__number { min-width:2.25rem; height:2.25rem; border:2px solid rgba(158,173,210,.42); border-radius:.4rem; background:linear-gradient(180deg,#2c2a44 0 42%,#70472a 42% 100%); color:#efffe9; box-shadow:0 3px 0 rgba(19,67,26,.68); font-family:'Cinzel','Inter',sans-serif; text-shadow:0 1px 0 rgba(0,0,0,.45); }
.cn-news-pagination__number:hover { border-color:#b9ff91; background:linear-gradient(180deg,#b89b65 0 42%,#80502d 42% 100%); color:#0d1018; transform:translateY(-2px); }
.cn-news-pagination__number.is-current { border-color:#d7ffae; background:linear-gradient(180deg,#73ed62 0 42%,#82532c 42% 100%); color:#0d1018; box-shadow:0 0 0 2px rgba(115,237,105,.18),0 3px 0 rgba(19,67,26,.68); }
.cn-news-pagination__pages { color:#b8d6b2; font:700 .62rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.cn-news-pagination__pages strong { color:#9eadd2; }
.news-status-theme .cn-news-pagination__link { border-color:rgba(158,173,210,.42); background:linear-gradient(180deg,#2c2a44 0 42%,#70472a 42% 100%); color:#efffe9; box-shadow:0 3px 0 rgba(19,67,26,.68); }
.news-status-theme .cn-news-pagination__link:hover { border-color:#b9ff91; background:linear-gradient(180deg,#b89b65 0 42%,#80502d 42% 100%); color:#0d1018; }

/* Final Lineage II polish layer */
.hero-wide--upgraded { padding-top:1.35rem !important; padding-bottom:1.35rem !important; }
.hero-wide--upgraded .site-wordmark { transform:scale(.94); margin-bottom:.05rem; }
.hero-wide--upgraded .hero-actions { margin-top:.7rem; }
.hero-wide--upgraded .hero-connection-row { margin-top:.8rem; }
.homepage-preview-note { background:rgba(7,32,22,.72); color:#b8efae; }
.cn-news-entry { padding:.85rem 1rem !important; margin-bottom:.55rem !important; }
.cn-news-entry__meta { gap:.35rem !important; }
.cn-news-entry__title { margin:.55rem 0 .3rem !important; font-size:1rem !important; }
.cn-news-entry__body { line-height:1.45 !important; }
.cn-news-entry--featured { padding:1rem 1.1rem !important; }
.cn-news-entry--featured .cn-news-entry__title { font-size:1.12rem !important; }
.cn-news-entry__date, .cn-news-entry__author, .cn-news-entry__category { border-radius:.35rem; }
@media (max-width:700px) {
    .hero-wide--upgraded { padding-top:.95rem !important; padding-bottom:1rem !important; }
    .hero-wide--upgraded .site-wordmark { transform:scale(.8); margin-bottom:-.2rem; }
    .not-found-actions { align-items:stretch; flex-direction:column; margin-inline:auto; max-width:260px; }
}
.cn-news-entry__title { transition: color .2s ease; }
.cn-news-entry:hover .cn-news-entry__title { color: #8bf27e !important; }
.cn-news-entry--featured { border-color:rgba(85,214,75,.34) !important; background:linear-gradient(105deg,rgba(18,70,31,.24),rgba(5,12,15,.78)) !important; }
.cn-news-entry--featured::before { content:'FEATURED'; position:absolute; top:1rem; right:10rem; padding:.22rem .4rem; border-radius:.3rem; background:#9eadd2; color:#07210b; font:800 .48rem 'Inter',sans-serif; letter-spacing:.1em; }
.cn-news-entry__thumb span { display: inline-block; margin: .45rem; padding: .25rem .35rem; border-radius: .3rem; background: rgba(3, 17, 9, .7); color: #93ef83; font: 700 .5rem 'Inter', sans-serif; letter-spacing: .1em; }
.site-loader { position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; background: #081116; color: #9eadd2; font: 700 .65rem 'Inter', sans-serif; letter-spacing: .15em; text-transform: uppercase; transition: opacity .35s ease, visibility .35s ease; animation: loaderAutoHide .55s ease .65s forwards; }
.site-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.site-loader__block { width: 52px; height: 52px; border: 3px solid #b6ff91; border-radius: .4rem; background: linear-gradient(#67df56 0 45%, #80502f 45%); box-shadow: 0 6px 0 #215d28; animation: blockBounce .8s ease-in-out infinite alternate; }
@keyframes blockBounce { from { transform: translateY(0) rotate(-3deg); } to { transform: translateY(-10px) rotate(3deg); } }
@keyframes loaderAutoHide { to { opacity: 0; visibility: hidden; pointer-events: none; } }
.profile-hero { display:flex; align-items:center; gap:2rem; padding:2rem; border:1px solid rgba(95,219,91,.25); border-radius:1rem; background:linear-gradient(115deg,rgba(11,54,25,.8),rgba(8,17,21,.82)),url('/assets/images/backgrounds/l2nexus-world.webp') center/cover; }
.profile-profile artwork { width:130px; height:180px; display:grid; place-items:end center; overflow:hidden; border-radius:.8rem; background:linear-gradient(#5bdc59 0 45%,#7d4c2c 45%); box-shadow:0 8px 0 rgba(24,86,30,.65); }
.profile-profile artwork img { width:145px; height:190px; object-fit:contain; image-rendering:auto; }
.profile-hero h1 { margin:.4rem 0 .7rem; color:#fff; font:clamp(2rem,5vw,4rem) 'Cinzel',sans-serif; }
.profile-hero p:not(.sidebar-widget-kicker) { color:#c2d9c5; font:1rem/1.6 'Inter',sans-serif; }
.profile-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:1.2rem; }.profile-rank { color:#9aef8d; font:700 .65rem 'Inter',sans-serif; text-transform:uppercase; }
.profile-stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; margin:1rem 0; }.profile-stat-grid div { padding:1rem; border:1px solid rgba(97,203,91,.17); border-radius:.75rem; background:rgba(6,20,20,.75); }.profile-stat-grid span,.profile-identity small { display:block; color:#9299a8; font:700 .58rem 'Inter',sans-serif; letter-spacing:.1em; text-transform:uppercase; }.profile-stat-grid strong { display:block; margin-top:.45rem; color:#f2f8e9; font:1.15rem 'Cinzel',sans-serif; }
.profile-panels { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }.profile-panels article { padding:1.3rem; border:1px solid rgba(97,203,91,.18); border-radius:.9rem; background:rgba(5,17,19,.78); }.profile-panels h2 { margin:.4rem 0 1rem; color:#fff; font:1.2rem 'Cinzel',sans-serif; }.profile-achievements { display:grid; gap:.7rem; margin:0; padding:0; list-style:none; }.profile-achievements li { display:flex; gap:.7rem; align-items:center; padding:.7rem; border-radius:.6rem; background:rgba(20,64,28,.38); }.profile-achievements li>span,.panel-icon { color:#9eadd2; }.profile-achievements strong,.profile-achievements small { display:block; }.profile-achievements strong { color:#f0f1f4; font:.7rem 'Inter',sans-serif; }.profile-achievements small { margin-top:.25rem; color:#9299a8; font:.63rem 'Inter',sans-serif; }.profile-identity { display:flex; align-items:center; gap:.8rem; margin-bottom:1.2rem; padding:1rem; border-radius:.7rem; background:rgba(20,64,28,.35); }.profile-identity img { width:56px; height:56px; image-rendering:auto; }.profile-identity strong { display:block; color:#fff; font:.9rem 'Cinzel',sans-serif; }.profile-identity small { margin-top:.3rem; letter-spacing:0; text-transform:none; }
.leaderboard-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }.leaderboard-tabs button { padding:.7rem .9rem; border:1px solid rgba(97,203,91,.2); border-radius:.5rem; background:rgba(7,24,24,.72); color:#a8c5ac; font:700 .62rem 'Inter',sans-serif; text-transform:uppercase; }.leaderboard-tabs button.is-active,.leaderboard-tabs button:hover { background:#9eadd2; color:#111522; }.leaderboard-table { overflow:hidden; border:1px solid rgba(97,203,91,.18); border-radius:1rem; background:rgba(5,17,19,.78); }.leaderboard-row { display:grid; grid-template-columns:70px 48px 1fr auto; align-items:center; gap:1rem; padding:1rem 1.2rem; border-bottom:1px solid rgba(125,190,118,.12); }.leaderboard-row:last-child { border-bottom:0; }.leaderboard-row:hover { background:rgba(56,138,58,.2); }.leaderboard-row img { width:40px; height:40px; image-rendering:auto; }.leaderboard-rank { color:#e5bd56; font:1rem 'Cinzel',sans-serif; }.leaderboard-row b,.leaderboard-row small { display:block; }.leaderboard-row b { color:#f0f1f4; font:.78rem 'Inter',sans-serif; }.leaderboard-row small { margin-top:.25rem; color:#9299a8; font:.62rem 'Inter',sans-serif; }.leaderboard-value { color:#9eadd2; font:1rem 'Cinzel',sans-serif; }
@media (max-width:700px){.profile-hero{align-items:flex-start;flex-direction:column}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-panels{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:45px 40px 1fr}.leaderboard-value{grid-column:3}.profile-profile artwork{width:100px;height:135px}.profile-profile artwork img{width:110px;height:145px}}
@media (max-width: 800px) { .store-grid, .vote-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mode-detail-panels { grid-template-columns: 1fr; } .news-tools { width: 100%; margin-left: 0; } }
@media (max-width: 560px) { .l2-page-shell, .mode-detail-shell, .not-found-shell { padding-inline: 1rem; } .store-grid, .vote-page-grid { grid-template-columns: 1fr; } .news-tools { flex-wrap: wrap; } .news-tools input { width: 100%; } .cn-news-entry__thumb { float: none; width: 100%; height: 100px; margin: 0 0 1rem; } }

/* Character identity layer: keeps the original dark premium layout while replacing Lineage visuals. */
.site-wordmark {
    width: fit-content;
    color: #f0f1f4;
    font-family: Inter, sans-serif;
    font-size: clamp(3rem, 9vw, 7rem);
    font-weight: 900;
    letter-spacing: -.08em;
    line-height: .85;
    text-shadow: 0 4px 0 #242338, 0 8px 24px rgba(0,0,0,.75);
    transform: skew(-3deg);
}
.site-wordmark span { color: #9eadd2; }
.site-submark {
    margin-top: 14px;
    color: #e5a93c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .35em;
    text-align: center;
}
.site-cube-mark {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 2px solid #9eadd2;
    border-radius: 7px;
    background: linear-gradient(135deg, #b89b65 0 35%, #8d6d37 36% 100%);
    color: #080b12;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: -.05em;
    box-shadow: 0 0 16px rgba(184,155,101,.38);
}

/* Character identity layer */
:root {
    --mc-grass: #9eadd2;
    --mc-grass-dark: #4a465f;
    --site-accent: #9eadd2;
    --mc-dirt: #5b5066;
    --mc-night: #081522;
}

h1, h2, h3, .sidebar-widget-title, .site-wordmark,
.site-nav-link, .server-ip-widget__label, .monitor-node__label {
    font-family: 'Cinzel', 'Inter', sans-serif !important;
}

.site-bg {
    background-position: center 15%;
    background-size: cover;
    transition: background-position 0.3s ease-out;
}

.site-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(72, 211, 86, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(72, 211, 86, 0.035) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 78%);
}
.site-bg::before { content:''; position:absolute; top:10%; left:-20%; width:140%; height:16%; opacity:.12; background:radial-gradient(ellipse at 15% 50%,#d8efff 0 7%,transparent 18%),radial-gradient(ellipse at 48% 35%,#fff 0 8%,transparent 20%),radial-gradient(ellipse at 82% 58%,#d8efff 0 6%,transparent 18%); filter:blur(12px); animation:cloudDrift 70s linear infinite; pointer-events:none; }
@keyframes cloudDrift { from { transform:translateX(-3%); } to { transform:translateX(12%); } }
.site-bg { transition: background-image 1.2s ease, filter 1.2s ease, opacity 1.2s ease; filter: saturate(.55) hue-rotate(160deg) brightness(.78); }
.time-morning .site-bg { background-image: linear-gradient(180deg, rgba(9,10,13,.42), rgba(9,10,13,.72)), linear-gradient(90deg, rgba(9,10,13,.54), rgba(9,10,13,.18) 50%, rgba(9,10,13,.58)), url('/assets/images/backgrounds/l2nexus-world.webp'); filter:saturate(.55) hue-rotate(160deg) brightness(.78); }
.time-day .site-bg { background-image: linear-gradient(180deg, rgba(9,10,13,.34), rgba(9,10,13,.68)), linear-gradient(90deg, rgba(9,10,13,.46), rgba(9,10,13,.12) 50%, rgba(9,10,13,.5)), url('/assets/images/backgrounds/l2nexus-world.webp'); filter:saturate(.55) hue-rotate(160deg) brightness(.78); }
.time-evening .site-bg { background-image: linear-gradient(180deg, rgba(16,8,20,.38), rgba(9,10,13,.76)), linear-gradient(90deg, rgba(9,10,13,.48), rgba(24,10,28,.18) 50%, rgba(9,10,13,.62)), url('/assets/images/backgrounds/l2nexus-world.webp'); filter:saturate(.55) hue-rotate(160deg) brightness(.78); }
.time-night .site-bg { background-image: linear-gradient(180deg, rgba(2,8,22,.42), rgba(2,8,18,.78)), linear-gradient(90deg, rgba(2,8,18,.58), rgba(2,12,24,.18) 50%, rgba(2,8,18,.68)), url('/assets/images/backgrounds/l2nexus-world.webp'); filter:saturate(.55) hue-rotate(160deg) brightness(.78); }

.ambient-particles {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.ambient-particles span {
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--site-accent);
    box-shadow: 0 0 12px rgba(53, 230, 109, .7);
    opacity: .5;
    animation: voxelFloat 10s linear infinite;
}

.ambient-particles span:nth-child(1) { left: 12%; top: 88%; animation-delay: -2s; }
.ambient-particles span:nth-child(2) { left: 27%; top: 72%; animation-delay: -7s; transform: scale(.7); }
.ambient-particles span:nth-child(3) { left: 51%; top: 92%; animation-delay: -4s; }
.ambient-particles span:nth-child(4) { left: 69%; top: 78%; animation-delay: -9s; transform: scale(.6); }
.ambient-particles span:nth-child(5) { left: 84%; top: 90%; animation-delay: -6s; }
.ambient-particles span:nth-child(6) { left: 93%; top: 62%; animation-delay: -1s; transform: scale(.8); }

@keyframes voxelFloat {
    0% { translate: 0 20px; opacity: 0; }
    18% { opacity: .55; }
    82% { opacity: .35; }
    100% { translate: 22px -110vh; opacity: 0; }
}

.server-ip-widget {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin: -0.3rem 0 1.3rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(85, 214, 75, .34);
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(24, 73, 35, .54), rgba(12, 24, 28, .62));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 30px rgba(0,0,0,.16);
}

.server-ip-widget__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    flex: 0 0 auto;
    border: 3px solid #52d85a;
    border-radius: .45rem;
    background: linear-gradient(180deg, #9eadd2 0 42%, #80502d 42% 100%);
    color: #f0f1f4;
    font-size: 1.35rem;
    box-shadow: 0 0 0 3px rgba(29, 103, 39, .45);
}

.server-ip-widget__copy { min-width: 0; flex: 1; }
.server-ip-widget__label { display: block; color: #abd9ae; font-size: .58rem; letter-spacing: .16em; text-transform: uppercase; }
.server-ip-widget__copy strong { display: block; margin-top: .22rem; color: #eaffdf; font-family: 'Inter', sans-serif; font-size: 1.05rem; letter-spacing: .03em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.server-ip-widget__button { border: 1px solid rgba(130, 240, 127, .45); border-radius: .7rem; padding: .65rem .8rem; background: var(--mc-grass); color: #08220d; font: 800 .65rem 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.server-ip-widget__button:hover { transform: translateY(-2px); background: #7df26e; }
.server-ip-widget__button.is-copied { background: #d4ff9a; }
.server-connection-meta { display: flex; flex-wrap: wrap; gap: .45rem .9rem; margin: -.75rem 0 1.15rem; color: #8eb69a; font: .57rem 'Inter', sans-serif; letter-spacing: .05em; }
.server-connection-meta span { padding: .32rem .45rem; border-radius: .35rem; background: rgba(18, 47, 27, .35); }
.server-connection-meta b { margin-right: .25rem; color: #e5bd56; font-size: .5rem; }

.monitor-node {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(22, 58, 32, .64), rgba(7, 15, 18, .78)) !important;
    border-color: rgba(77, 200, 89, .26) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

.monitor-node::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(94, 231, 92, .12), transparent 45%);
}

.monitor-node__icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 2px solid rgba(201, 255, 176, .58);
    border-radius: .3rem;
    background: linear-gradient(135deg, #9eadd2 0 48%, #6d4326 48% 100%);
    color: #fff;
    font: 900 .72rem 'Inter', sans-serif;
    box-shadow: 0 3px 0 rgba(37, 106, 36, .55);
}

.monitor-node__label { position: relative; z-index: 1; color: #d6dae4 !important; font-size: .54rem !important; letter-spacing: .08em !important; }

.sidebar-vote-panel,
.sidebar-siege-panel,
.acm-side-login,
.status-shell--realm,
.news-status-theme {
    box-shadow: inset 0 0 0 1px rgba(74, 220, 94, .05), 0 20px 55px rgba(0,0,0,.2) !important;
}

.vote-tile { min-height:72px !important; border-color: rgba(158, 173, 210, .38) !important; background-image:none !important; box-shadow:0 10px 24px rgba(0,0,0,.18) !important; }
.vote-tile__image { display:block !important; opacity:.82; transition:transform .35s ease, filter .35s ease; }
.vote-tile__overlay { background:linear-gradient(90deg,rgba(23,22,42,.9),rgba(23,22,42,.26) 72%),linear-gradient(180deg,rgba(13,17,27,.08),rgba(13,17,27,.62)); }
.vote-tile:hover .vote-tile__image { transform:scale(1.08); filter:saturate(1.2) brightness(1.08); }
.vote-tile__label::before { content:'◆'; margin-right:.55rem; color:#b89b65; font-size:.5rem; text-shadow:0 0 9px rgba(115,237,105,.7); }
.vote-tile:nth-child(5) { background-image: linear-gradient(90deg, rgba(32,27,56,.88), rgba(32,27,56,.18)), url('/assets/images/news/l2nexus/raid-sanctuary.webp'); background-position:0 100%; }
.vote-tile:nth-child(6) { background-image: linear-gradient(90deg, rgba(32,27,56,.88), rgba(32,27,56,.18)), url('/assets/images/news/l2nexus/raid-sanctuary.webp'); background-position:33% 100%; }
.vote-tile:nth-child(7) { background-image: linear-gradient(90deg, rgba(32,27,56,.88), rgba(32,27,56,.18)), url('/assets/images/news/l2nexus/raid-sanctuary.webp'); background-position:66% 100%; }
.vote-tile:nth-child(8) { background-image: linear-gradient(90deg, rgba(32,27,56,.88), rgba(32,27,56,.18)), url('/assets/images/news/l2nexus/raid-sanctuary.webp'); background-position:100% 100%; }
.vote-tile__overlay { background: linear-gradient(90deg, rgba(23, 22, 42, .86), rgba(23, 22, 42, .1)) !important; }
.vote-tile__label::before { content: '▣'; margin-right: .45rem; color: var(--mc-grass); }

@media (max-width: 640px) {
    .server-ip-widget { align-items: flex-start; flex-wrap: wrap; }
    .server-ip-widget__copy { max-width: calc(100% - 58px); }
    .server-ip-widget__button { width: 100%; }
}

/* Tournament-board presentation for the full castle dossiers */
.castle-siege-card {
    background: #0d0e14;
    border-color: #1b1e26;
    border-radius: 1rem;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.castle-siege-card:hover {
    border-color: rgba(212, 163, 66, 0.42);
}

.castle-siege-card__media {
    min-height: 14rem;
    height: 14rem;
}

.castle-siege-card__media img {
    height: 14rem;
}

.castle-siege-card__media-shade {
    background: linear-gradient(180deg, rgba(13, 14, 20, 0.08), rgba(13, 14, 20, 0.5) 45%, #0d0e14 100%);
}

.castle-siege-card__title span,
.castle-siege-card__label {
    color: #8f96a3;
    font-size: 0.62rem;
    letter-spacing: 0.16em;
}

.castle-siege-card__title span {
    color: #d4a342;
    font-weight: 900;
    letter-spacing: 0.22em;
}

.castle-siege-card__title h2 {
    color: #e2e6ec;
    font-size: clamp(1.5rem, 3vw, 2rem);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

.castle-siege-card__media > .castle-siege-card__tax {
    position: absolute;
    top: 1rem;
    right: 1rem;
    margin: 0;
    padding: 0.4rem 0.7rem;
    border: 1px solid #1b1e26;
    border-radius: 0.6rem;
    background: rgba(5, 6, 8, 0.82);
    color: #d4a342;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.24);
}

.castle-siege-card__body {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 1.15rem;
    background: #0d0e14;
}

.castle-siege-card__module {
    display: flex;
    min-width: 0;
    min-height: 5.25rem;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 0.9rem;
    border: 1px solid #1b1e26;
    border-radius: 0.75rem;
    background: rgba(5, 6, 8, 0.7);
}

.castle-siege-card__module--owner,
.castle-siege-card__module--schedule {
    border-color: rgba(212, 163, 66, 0.2);
}

.castle-siege-card__module strong {
    color: #d8dee8;
    font-size: 0.82rem;
    font-weight: 800;
}

.castle-siege-card__module small {
    color: #8f96a3;
    font-size: 0.68rem;
    line-height: 1.4;
}

.castle-siege-card__owner {
    padding: 0;
    border-bottom: 0;
}

.castle-siege-card__schedule {
    position: static;
    padding: 0;
    border: 0;
    background: transparent;
}

.castle-siege-card__schedule strong {
    color: #f3c669;
}

.castle-siege-card__status {
    position: static;
    align-self: flex-start;
    padding: 0.25rem 0.45rem;
    border-radius: 0.3rem;
    background: #1b1e26;
    color: #d4a342;
    font-size: 0.58rem;
}

.castle-siege-card__status.is-scheduled {
    color: #f3c669;
}

.castle-siege-card__rosters {
    display: contents;
}

.castle-siege-card__module--roster {
    min-height: 6rem;
}

.castle-siege-card__rosters ul,
.castle-siege-card__rosters p {
    margin-top: 0.1rem;
}

/* Keep castle dossiers readable: a shallow banner and a responsive 2/3-column data grid. */
.castle-siege-card__media,
.castle-siege-card__media img {
    height: 180px;
    min-height: 180px;
}

.castle-siege-card__media-shade {
    top: 25%;
    background: linear-gradient(to top, #0d0e14 0%, rgba(13, 14, 20, 0.9) 55%, transparent 100%);
}

.castle-siege-card__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1.25rem;
    background: #0d0e14;
}

@media (min-width: 768px) {
    .castle-siege-card__body {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

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

@media (max-width: 640px) {
    .castle-siege-card__media,
    .castle-siege-card__media img {
        height: 11rem;
        min-height: 11rem;
    }

    .castle-siege-card__body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .stats-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .stats-hero__badge {
        width: 100%;
    }

    .stats-table {
        overflow-x: auto;
    }

    .stats-row {
        min-width: 780px;
    }
}

@media (max-width: 640px) {
    .castle-siege-card__media,
    .castle-siege-card__media img {
        height: 180px;
        min-height: 180px;
    }
}

@media (min-width: 768px) {
    header nav > div { gap: clamp(.8rem, 1.4vw, 1.5rem) !important; }
    .site-nav-link { font-size: .72rem !important; letter-spacing: .14em !important; }
    .site-nav-link__icon { width: .95rem; height: .95rem; }
}

/* Launch-ready preview pages and real article thumbnails. */
.cn-news-entry__thumb { position: relative; overflow: hidden; background: #151629; }
.cn-news-entry__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .35s ease; }
.cn-news-entry:hover .cn-news-entry__thumb img { transform: scale(1.08); filter: saturate(1.12); }
.cn-news-entry__thumb span { position: absolute; left: .45rem; bottom: .45rem; margin: 0; }
.coming-soon-page { min-height: 62vh; }
.coming-soon-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.coming-soon-card { padding: 1.45rem; border: 1px solid rgba(117,102,143,.24); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(23,22,42,.82), rgba(13,17,27,.94)); box-shadow: 0 20px 45px rgba(0,0,0,.22); }
.coming-soon-card__icon { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .7rem; background: linear-gradient(145deg,#b89b65,#2c9d44); color: #07240f; font-size: 1.35rem; box-shadow: 0 4px 0 rgba(14,82,28,.72); }
.coming-soon-card h2 { margin: 1.15rem 0 .6rem; color: #fff; font: 1.15rem 'Cinzel', sans-serif; }
.coming-soon-card p { min-height: 3.6rem; color: #9299a8; font: .8rem/1.65 'Inter', sans-serif; }
.coming-soon-card strong { display: inline-flex; margin-top: 1.1rem; padding: .42rem .62rem; border-radius: .45rem; background: rgba(158,173,210,.12); color: #9eadd2; font: 700 .62rem 'Inter', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.preview-status-badge { display: inline-flex; align-items: center; gap: .45rem; margin-top: .9rem; padding: .5rem .72rem; border: 1px solid rgba(158,173,210,.28); border-radius: 999px; background: rgba(32,27,56,.18); color: #9eadd2; font: 700 .62rem 'Inter', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.preview-status-badge i { width: .45rem; height: .45rem; border-radius: 50%; background: #b89b65; box-shadow: 0 0 0 .18rem rgba(184,155,101,.12); }
.cn-news-entry--featured::before { content: none !important; }
.cn-news-entry--featured .cn-news-entry__thumb { width: 132px !important; height: 72px !important; }
@media (max-width: 900px) { .coming-soon-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .coming-soon-grid { grid-template-columns: 1fr; } .coming-soon-card p { min-height: 0; } }
@media (max-width: 700px) { .cn-news-entry--featured .cn-news-entry__thumb { width: 100% !important; height: 125px !important; } }

.connection-grid,.staff-grid,.rank-grid { display:grid; gap:1rem; max-width:80rem; margin:0 auto 1.5rem; padding:0 1rem; }
.connection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.connection-card,.staff-card,.rank-card { padding:1.35rem; border:1px solid rgba(214,194,154,.2); border-radius:1rem; background:linear-gradient(145deg,rgba(23,22,42,.88),rgba(13,17,27,.94)); box-shadow:0 18px 40px rgba(0,0,0,.2); }
.connection-card h2,.staff-card h2,.rank-card h2 { margin:.45rem 0 .65rem; color:#fff; font-family:'Cinzel',sans-serif; }
.connection-card__address { margin:.3rem 0 1rem; color:#f0d995; font:700 1rem/1.4 monospace; overflow-wrap:anywhere; }
.connection-card small,.staff-card small { display:block; margin-top:.8rem; color:#9299a8; }
.staff-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.staff-card__avatar { display:grid; width:2.8rem; height:2.8rem; place-items:center; border-radius:.75rem; background:#d6c29a; color:#13251b; }
.staff-card strong { color:#9eadd2; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
.staff-card p,.rank-card p,.page-note { color:#9299a8; line-height:1.65; }
.rank-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rank-card--featured { border-color:rgba(214,194,154,.72); transform:translateY(-.35rem); }
.rank-card ul { min-height:5rem; padding-left:1.1rem; color:#d6e4d6; line-height:1.8; }
.page-shell { max-width:80rem; min-height:62vh; margin:0 auto; padding:2rem 1rem 4rem; }
.page-title { margin:.35rem 0 1.6rem; color:#fff; font:clamp(2rem,5vw,3.5rem) 'Cinzel',sans-serif; }
.page-note { margin:1.25rem 0; font-size:.85rem; }
@media (max-width:700px) { .connection-grid,.staff-grid,.rank-grid { grid-template-columns:1fr; } .rank-card--featured { transform:none; } }
.staff-team-grid { margin-top: 1rem; }
.staff-team-card__top { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.staff-team-card__avatar { display:grid; width:2.8rem; height:2.8rem; place-items:center; border-radius:.55rem; background:linear-gradient(#9eadd2 0 45%,#2c2a44 45%); color:#fff; font:800 .7rem 'Inter',sans-serif; letter-spacing:.08em; }
.staff-team-card h2 { margin:1rem 0 .35rem; }
.staff-team-card__role { color:#f0d995; font:700 .62rem 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.staff-team-card p { margin-top:.8rem; color:#a5acc0; font:.82rem/1.65 'Inter',sans-serif; }
.staff-contact-card { margin-top:1rem; }
.staff-contact-card h2 { margin:.35rem 0 .6rem; }
.staff-contact-card p:not(.sidebar-widget-kicker) { max-width:620px; color:#a5acc0; font:.85rem/1.65 'Inter',sans-serif; }
.rank-tier-grid { margin-top:1rem; }
.rank-tier-card { position:relative; }
.rank-tier-card--featured { border-color:rgba(229,169,60,.62); box-shadow:0 0 0 1px rgba(229,169,60,.08),0 18px 40px rgba(0,0,0,.22); }
.rank-tier-card h2 { margin:.4rem 0 .6rem; }
.rank-tier-card > p:not(.sidebar-widget-kicker) { min-height:3.5rem; color:#a5acc0; font:.82rem/1.65 'Inter',sans-serif; }
.rank-tier-card ul { display:grid; gap:.45rem; min-height:5rem; margin:1rem 0 1.2rem; padding:0; list-style:none; color:#d6dae4; font:.74rem/1.5 'Inter',sans-serif; }
.rank-tier-card li { display:flex; gap:.5rem; align-items:flex-start; }
.rank-tier-card li span { color:#9eadd2; font-weight:800; }
.rank-tier-card__badge { position:absolute; top:1rem; right:1rem; padding:.32rem .48rem; border-radius:999px; background:rgba(229,169,60,.14); color:#f0d995; font:700 .52rem 'Inter',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.rank-note-card { margin-top:1rem; }
.rank-note-card p:not(.sidebar-widget-kicker) { margin:0; color:#9299a8; font:.8rem/1.6 'Inter',sans-serif; }
.status-mode-strip { display:flex; flex-wrap:wrap; gap:.55rem .9rem; margin-top:1rem; padding-top:.85rem; border-top:1px solid rgba(195,158,103,.18); }
.status-mode-strip__item { display:flex; align-items:center; gap:.38rem; color:#9299a8; font:700 .58rem 'Inter',sans-serif; letter-spacing:.05em; text-transform:uppercase; }
.status-mode-strip__item b { color:#d6dae4; }
.status-mode-strip__item strong { color:#9eadd2; }
.status-mode-strip__dot { width:.4rem; height:.4rem; border-radius:50%; background:#9eadd2; box-shadow:0 0 0 .16rem rgba(158,173,210,.12); }
.status-mode-strip__item .is-offline { color:#f08c79; }
.sidebar-widget-kicker { display:flex; align-items:center; gap:.45rem; }
.sidebar-widget-kicker::before { content:''; width:.55rem; height:.55rem; flex:none; border:1px solid rgba(214,194,154,.72); background:linear-gradient(#9eadd2 0 45%,#7b4c2c 45%); box-shadow:2px 2px 0 rgba(0,0,0,.22); image-rendering:pixelated; }
.site-button,.site-button,.server-ip-widget__button { box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 3px 0 rgba(18,77,25,.58); image-rendering:pixelated; }
.realm-card__meta b,.vote-tile__label { box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 2px 0 rgba(0,0,0,.22); }
.monitor-node__icon { border:2px solid rgba(220,255,202,.65); box-shadow:0 3px 0 rgba(19,71,25,.6); image-rendering:pixelated; }
.monitor-node__dot,.status-mode-strip__dot { box-shadow:0 0 0 .18rem rgba(158,173,210,.12),0 0 10px #9eadd2; }
.monitor-card--diagnostic { position:relative; overflow:hidden; }
.monitor-card--diagnostic::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.08) 75%,transparent 75%); background-size:8px 8px; mix-blend-mode:screen; }
.sidebar-vote-panel::after,.status-shell::after { content:'✦'; position:absolute; right:1.2rem; top:1rem; color:rgba(244,200,105,.45); font-size:1.1rem; animation:torch-flicker 2.4s ease-in-out infinite; }
.xp-progress { height:.55rem; overflow:hidden; border:1px solid rgba(158,173,210,.22); border-radius:.25rem; background:#080e0d; box-shadow:inset 0 2px 0 rgba(0,0,0,.3); }
.xp-progress i { display:block; width:35%; height:100%; background:linear-gradient(90deg,#8d6d37,#d0b47b); box-shadow:0 0 10px rgba(158,173,210,.35); animation:xp-shimmer 2.8s linear infinite; }
.site-tooltip { position:relative; }
.site-tooltip::after { content:attr(data-tooltip); position:absolute; z-index:20; left:50%; bottom:calc(100% + .5rem); transform:translate(-50%,.25rem); pointer-events:none; opacity:0; padding:.4rem .55rem; border:1px solid rgba(214,194,154,.35); border-radius:.25rem; background:#0a1210; color:#d6dae4; white-space:nowrap; font:700 .58rem 'Inter',sans-serif; letter-spacing:.04em; transition:opacity .16s ease,transform .16s ease; }
.site-tooltip:hover::after,.site-tooltip:focus-visible::after { opacity:1; transform:translate(-50%,0); }
@keyframes torch-flicker { 0%,100% { opacity:.45; filter:drop-shadow(0 0 2px #e5a93c); } 50% { opacity:.85; filter:drop-shadow(0 0 8px #e5a93c); } }
@keyframes xp-shimmer { from { transform:translateX(-8%); filter:brightness(.95); } 50% { filter:brightness(1.15); } to { transform:translateX(8%); filter:brightness(.95); } }
@media (prefers-reduced-motion: reduce) { .sidebar-vote-panel::after,.status-shell::after,.xp-progress i { animation:none; } }
.server-announcement { display:flex; align-items:center; gap:.65rem; max-width:80rem; margin:0 auto .4rem; padding:.6rem 1rem; border:1px solid rgba(158,173,210,.18); border-radius:.5rem; background:rgba(13,17,27,.76); color:#9299a8; font:700 .62rem 'Inter',sans-serif; letter-spacing:.04em; }
.server-announcement strong { color:#e5a93c; font-size:.55rem; letter-spacing:.12em; }
.server-announcement__icon { color:#9eadd2; text-shadow:0 0 8px #9eadd2; }
.site-motd { margin:.65rem auto 0; color:#9299a8; font:700 .62rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.site-motd__prompt { color:#9eadd2; }
.site-motd__sep { margin:0 .45rem; color:#e5a93c; }
.realm-card__biome { position:relative; margin-top:.22rem; color:#d0b47b; font:700 .48rem 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.realm-card__biome::before { content:'◆'; margin-right:.3rem; color:#9eadd2; font-size:.4rem; }
.inventory-slots { display:grid; grid-template-columns:repeat(auto-fit,minmax(2.2rem,1fr)); gap:.35rem; margin:1rem 0; }
.inventory-slot { display:grid; min-height:2.2rem; place-items:center; border:2px solid #252a2b; border-right-color:#0a0e0f; border-bottom-color:#0a0e0f; border-radius:.2rem; background:linear-gradient(145deg,#1b2322,#0b1010); color:#d6dae4; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); font-size:.8rem; }
.inventory-slot:hover,.inventory-slot:focus-visible { border-color:#e5a93c; box-shadow:0 0 0 1px rgba(229,169,60,.35),inset 0 0 0 1px rgba(255,255,255,.06); }
.staff-team-card__avatar { position:relative; overflow:hidden; border:2px solid #75668f !important; border-radius:.25rem !important; background:linear-gradient(135deg,#6b4228 0 30%,#d0b47b 30% 72%,#292044 72%) !important; image-rendering:pixelated; }
.pause-footer { display:flex; justify-content:center; gap:.5rem; margin-top:1.3rem; }
.pause-footer a { padding:.45rem .7rem; border:1px solid rgba(195,158,103,.25); border-radius:.25rem; background:#151629; color:#bec5d4; font:700 .55rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.pause-footer a:hover { border-color:#e5a93c; color:#f0d995; }
.pause-footer__button { padding:.45rem .7rem; border:1px solid rgba(195,158,103,.25); border-radius:.25rem; background:#151629; color:#bec5d4; font:700 .55rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.pause-footer__button:hover { border-color:#e5a93c; color:#f0d995; }
.l2-item-icon { display:inline-grid; place-items:center; width:2rem; height:2rem; border:2px solid #bec5d4; border-right-color:#2c2a44; border-bottom-color:#2c2a44; border-radius:.25rem; background:linear-gradient(145deg,#b89b65 0 42%,#7c4e2e 42%); color:#fff; font:900 .75rem 'Cinzel',sans-serif; text-shadow:1px 1px 0 #1f4d26; image-rendering:pixelated; box-shadow:0 3px 0 rgba(0,0,0,.35); }
.l2-item-icon--skyblock { background:linear-gradient(145deg,#7ccfff 0 42%,#6d8a54 42%); }
.l2-item-icon--bedwars { background:linear-gradient(145deg,#75668f 0 42%,#5b5066 42%); }
.l2-item-icon--pvp { background:linear-gradient(145deg,#9eadd2 0 42%,#75668f 42%); }
.l2-item-icon--creative { background:linear-gradient(145deg,#f0c75f 0 42%,#77562b 42%); }
.l2-item-icon--events,.l2-item-icon--chest { background:linear-gradient(145deg,#9eadd2 0 42%,#75668f 42%); }
.l2-item-icon--gold { background:linear-gradient(145deg,#9eadd2 0 42%,#75668f 42%); }
.l2-item-icon--violet { background:linear-gradient(145deg,#b06c87 0 42%,#5b3048 42%); }
.l2-item-icon--prison { background:linear-gradient(145deg,#b89b65 0 42%,#5b5066 42%); }
.l2-item-icon--oneblock { background:linear-gradient(145deg,#9eadd2 0 42%,#75668f 42%); }
.l2-item-icon--towny { background:linear-gradient(145deg,#b89b65 0 42%,#5b5066 42%); }
.l2-item-icon--parkour { background:linear-gradient(145deg,#9eadd2 0 42%,#75668f 42%); }
.l2-item-icon--murder-mystery { background:linear-gradient(145deg,#9eadd2 0 42%,#75668f 42%); }
.l2-item-icon--star { background:linear-gradient(145deg,#d0b47b 0 42%,#8d6d37 42%); }
.realm-card__icon.l2-item-icon { top:.75rem; left:.75rem; width:1.85rem; height:1.85rem; font-size:.58rem; }
.staff-team-card__username { margin:.35rem 0 -.45rem; color:#78dff4; font:700 .58rem 'Inter',sans-serif; letter-spacing:.08em; }
.achievement-badge { display:inline-grid; width:1.5rem; height:1.5rem; margin-right:.35rem; place-items:center; border:2px solid #e5a93c; border-radius:.25rem; background:#4b3819; color:#ffe18a; font-size:.65rem; box-shadow:0 2px 0 rgba(0,0,0,.3); }
.inventory-slot { transition:transform .15s ease,filter .15s ease; }
.inventory-slot:hover { transform:translateY(-3px) scale(1.04); filter:brightness(1.15); }
.site-loader__block { animation:portal-pulse 1.6s ease-in-out infinite; }
@keyframes portal-pulse { 0%,100% { box-shadow:0 0 0 rgba(116,82,255,0); filter:hue-rotate(0deg); } 50% { box-shadow:0 0 24px rgba(116,82,255,.65); filter:hue-rotate(28deg); } }
.status-last-checked { margin:.65rem 0 0; color:#9299a8; text-align:right; font:700 .55rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.hero-connection-row { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; }
.hero-ip-box--bedrock { border-color:rgba(116,181,255,.24); }
.hero-ip-box--bedrock .hero-ip-box__icon { background:linear-gradient(#76c8ff,#2a6ea8); }
.hero-version { display:inline-flex; align-items:center; gap:.45rem; color:#bec5d4; font-weight:700; letter-spacing:.08em; }
.hero-version b { color:#f0d995; font-size:.62rem; letter-spacing:.14em; }
.hero-version i { color:#9eadd2; font-style:normal; }
.hero-ip-box { border-color:rgba(158,173,210,.34); box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04); }
.hero-ip-box strong { color:#f0f1f4; letter-spacing:.02em; }
.hero-ip-box button { min-width:7.2rem; }
.hero-wide--upgraded { isolation:isolate; }
.hero-wide--upgraded::after { content:''; position:absolute; z-index:-1; inset:18% 20% 12%; border-radius:50%; background:rgba(117,102,143,.12); filter:blur(55px); pointer-events:none; }
.hero-wide--upgraded::after {
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:inherit;
    background:radial-gradient(ellipse 62% 70% at 50% 35%, rgba(117,102,143,.12) 0%, rgba(117,102,143,.045) 46%, transparent 78%);
    filter:blur(18px);
    opacity:.9;
    pointer-events:none;
    mix-blend-mode:screen;
}
.hero-wide--upgraded > * { position:relative; z-index:1; }
.hero-ip-box { box-shadow:0 0 22px rgba(117,102,143,.09), 0 10px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04); }
.hero-action--secondary { border:1px solid rgba(195,158,103,.3); background:rgba(13,17,27,.7); color:#d6dae4; }
.hero-action--secondary:hover { border-color:#e5a93c; color:#fff; }
.hero-connection-row { position:relative; z-index:1; }
.hero-connection-row { margin-top:.8rem; margin-bottom:1.25rem; }
.hero-ip-box { min-height:4.15rem; padding:1rem 1.1rem; gap:.85rem; }
.hero-ip-box__icon { flex:none; width:2.15rem; height:2.15rem; }
.hero-ip-box__copy { display:grid; gap:.25rem; }
.hero-ip-box button { margin-left:.4rem; }
.hero-ip-box__copy { min-width:0; }
.hero-ip-box__copy small { display:flex; align-items:center; gap:.45rem; }
.hero-join-hint { color:#9eadd2; cursor:help; text-decoration:underline dotted; text-underline-offset:2px; }
.hero-live-badge { display:inline-flex; align-items:center; gap:.35rem; margin-left:auto; padding:.4rem .55rem; border:1px solid rgba(158,173,210,.25); border-radius:999px; background:rgba(32,27,56,.62); color:#9eadd2; font:800 .5rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.hero-live-badge i { width:.38rem; height:.38rem; border-radius:50%; background:#9eadd2; box-shadow:0 0 8px #9eadd2; }
.hero-feature-row { display:flex; flex-wrap:wrap; justify-content:center; gap:.7rem 1.2rem; margin-top:1.1rem; padding-top:.9rem; border-top:1px solid rgba(195,158,103,.16); color:#bec5d4; font:700 .55rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.hero-feature-row span::first-letter { color:#e5a93c; }
main#main-content { padding-top:clamp(5.8rem, 8vw, 7rem) !important; }
@media (max-width:700px) { .hero-live-badge { margin-left:0; order:3; } .hero-ip-box { flex-wrap:wrap; } .hero-ip-box button { margin-left:auto; } .hero-feature-row { gap:.45rem .7rem; font-size:.5rem; } }
@media (max-width:700px) { .hero-ip-box { width:100%; } }
@media (max-width: 700px) {
    .hero-wide { min-height:0; }
    .hero-version { display:block; margin-top:.7rem; line-height:1.7; }
    .server-announcement { margin-inline:1rem; align-items:flex-start; font-size:.56rem; }
    .server-announcement strong { flex:none; }
    .status-last-checked { text-align:left; }
    .status-mode-strip { gap:.45rem .7rem; }
    .realm-card { min-height:155px; }
    .site-footer__grid { grid-template-columns:1fr 1fr; }
}

/* Mobile polish: preserve the spacious Twilight layout at narrow widths. */
@media (max-width: 767px) {
    main#main-content { padding-inline: .75rem; }
    .hero-wide--upgraded { margin-top: 1.2rem !important; padding-inline: .65rem !important; }
    .hero-actions { gap: .45rem; }
    .hero-action { min-height: 2.8rem; padding-inline: .85rem; }
    .hero-ip-box { gap: .65rem; padding: .8rem; }
    .hero-ip-box button { min-height: 2.7rem; width: 100%; margin: .2rem 0 0; }
    .top-overview-panel, .status-shell, .news-status-theme { padding: 1rem !important; }
    .top-monitor-grid { gap: .75rem !important; }
    .monitor-node-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .45rem; }
    .monitor-node { min-height: 5rem !important; padding: .7rem !important; }
    .news-category-filters { width: 100%; overflow-x: auto; justify-content: flex-start; padding-bottom: .2rem; }
    .news-category-filters button { min-height: 2.4rem; white-space: nowrap; }
    .game-modes-grid { grid-template-columns: 1fr !important; }
    .store-filters { overflow-x: auto; justify-content: flex-start; padding-bottom: .25rem; }
    .store-filters button { min-height: 2.5rem; white-space: nowrap; }
}
@media (min-width: 768px) and (max-width: 1100px) {
    .hero-wide--upgraded { margin-inline: 1rem; }
    .homepage-layout { grid-template-columns: 1fr !important; }
    .homepage-layout > aside, .homepage-layout > section { grid-column: auto !important; }
    .game-modes-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
.news-fallback-note { display:flex; align-items:center; gap:.6rem; margin-top:1rem; padding:.7rem .85rem; border:1px solid rgba(195,158,103,.18); border-radius:.7rem; background:rgba(13,17,27,.55); color:#a9bcae; font-size:.72rem; line-height:1.5; }
.network-latency { color:#9299a8; font:700 .55rem 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.network-latency span { color:#d9c27f; }
.realm-card__players { display:flex; align-items:center; gap:.45rem; flex-wrap:wrap; }
.realm-card__ping { color:#9299a8; font-size:.55rem; letter-spacing:.04em; }
.status-shell--offline .homepage-preview-note, .status-shell--offline .monitor-network-badge { color:#f0bd6c; border-color:rgba(240,189,108,.3); background:rgba(60,38,12,.45); }
/* L2Nexus Club live status/adventure presentation */
.lnx-status-page,.lnx-adventure-page{max-width:1240px;margin:0 auto}.lnx-page-hero h1{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:.04em}.lnx-status-address{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}.lnx-status-address code,.lnx-join-card strong{color:#9eadd2;font-size:1.1rem;background:rgba(158,173,210,.08);border:1px solid rgba(158,173,210,.3);border-radius:.55rem;padding:.55rem .8rem}.lnx-status-address button,.lnx-join-card button{border:1px solid rgba(158,173,210,.5);color:#d6dae4;background:#123426;border-radius:.55rem;padding:.55rem .8rem;font-weight:700;cursor:pointer}.lnx-history-card,.lnx-mode-status-card{margin-top:1.25rem}.lnx-history-metrics{display:flex;gap:2rem;flex-wrap:wrap;color:#9eabb1;margin:1rem 0}.lnx-history-metrics b{display:block;color:#9eadd2;font-size:1.55rem;margin-top:.2rem}.lnx-chart-wrap{height:320px;position:relative}.lnx-live-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.lnx-live-mode{min-height:190px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:#fff;isolation:isolate;background:#101519}.lnx-live-mode img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.lnx-live-mode__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,17,27,.08),rgba(13,17,27,.94));z-index:-1}.lnx-live-mode__copy{position:absolute;inset:auto 1rem 1rem}.lnx-live-mode h3{font-size:1.45rem;margin:.3rem 0}.lnx-live-mode p{color:#c3cdd1;font-size:.85rem;margin:0 0 .7rem}.lnx-live-mode__status,.lnx-adventure-live{display:flex;gap:.45rem;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.lnx-live-mode__status i,.lnx-adventure-live i{width:.45rem;height:.45rem;border-radius:50%;background:#9eadd2;box-shadow:0 0 12px #9eadd2}.lnx-live-mode.is-offline{filter:saturate(.35);opacity:.78}.lnx-live-mode.is-offline .lnx-live-mode__status i,.lnx-adventure-live i{background:#f0b85a;box-shadow:0 0 12px #f0b85a}.lnx-live-mode__stats{display:flex;justify-content:space-between;color:#9eadd2;font-size:.8rem}.lnx-adventure-hero{display:flex;justify-content:space-between;gap:2rem;align-items:end}.lnx-join-card{display:grid;gap:.55rem;min-width:260px;background:rgba(13,17,27,.7);border:1px solid rgba(158,173,210,.2);border-radius:1rem;padding:1rem}.lnx-join-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#9299a8}.lnx-featured-realm{display:grid;grid-template-columns:1.2fr 1fr;min-height:330px;overflow:hidden;border-radius:1.4rem;margin:2rem 0;border:1px solid rgba(158,173,210,.25);background:#11181b}.lnx-featured-realm__art{background-size:cover;background-position:center;min-height:270px}.lnx-featured-realm__copy{padding:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.lnx-featured-realm__copy h2{font-size:2.1rem;margin:.3rem 0 .5rem}.lnx-featured-realm__copy p:not(.sidebar-widget-kicker){color:#d6dae4;max-width:34rem}.lnx-featured-realm__live{color:#9eadd2;margin:1rem 0}.lnx-adventure-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.lnx-adventure-card{min-height:300px}.lnx-adventure-live{margin:.7rem 0;color:#9eadd2}.lnx-adventure-live em{font-style:normal;color:#c4d0d3;margin-left:auto}.lnx-adventure-card.is-offline{filter:saturate(.35)}.lnx-compare-panel{margin-top:2rem}.lnx-compare-panel .mode-comparison-row{grid-template-columns:2fr 1fr 1.5fr 1fr}@media(max-width:760px){.lnx-adventure-hero,.lnx-featured-realm{display:block}.lnx-join-card{margin-top:1.2rem}.lnx-featured-realm__copy{padding:1.3rem}.lnx-chart-wrap{height:240px}.lnx-compare-panel .mode-comparison-row{grid-template-columns:1.4fr .8fr 1fr}}
.lnx-player-list,.lnx-adventure-names{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a6b7bd;font-size:.68rem;margin-top:.45rem}.lnx-live-mode:hover .lnx-player-list,.lnx-adventure-card:hover .lnx-adventure-names{color:#d6dae4}

/* L2Nexus Club live world maps */
.lnx-world-maps{margin:2rem 0 2.4rem}.lnx-world-maps__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.lnx-world-map-card{overflow:hidden;border:1px solid rgba(158,173,210,.2);border-radius:1.2rem;background:linear-gradient(145deg,rgba(18,29,32,.96),rgba(7,13,16,.98));box-shadow:0 16px 40px rgba(0,0,0,.24)}.lnx-world-map-card--lifesteal{border-color:rgba(255,102,102,.24)}.lnx-world-map-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem .9rem}.lnx-world-map-card__top h3{margin:.25rem 0 0;font-size:1.25rem;color:#f0f1f4}.lnx-world-map-card--lifesteal .lnx-world-map-card__top h3{color:#ffe3e3}.lnx-world-map-frame{height:270px;background:#0a1012}.lnx-world-map-frame iframe{display:block;width:100%;height:100%;border:0}.lnx-map-live{display:inline-flex;align-items:center;gap:.4rem;color:#9eadd2;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.lnx-world-map-card--lifesteal .lnx-map-live{color:#ff9696}.lnx-map-live i{width:.45rem;height:.45rem;border-radius:50%;background:#9eadd2;box-shadow:0 0 13px #9eadd2}.lnx-world-map-card--lifesteal .lnx-map-live i{background:#ff6d6d;box-shadow:0 0 13px #ff6d6d}.lnx-world-map-card__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.2rem 1rem;color:#9aaeb3;font-size:.75rem}.lnx-world-map-card__foot a{color:#9eadd2;font-weight:700;text-decoration:none}.lnx-world-map-card--lifesteal .lnx-world-map-card__foot a{color:#ffadad}.lnx-world-map-card__foot a b{font-size:1rem}@media(max-width:760px){.lnx-world-maps__grid{grid-template-columns:1fr}.lnx-world-map-frame{height:230px}.lnx-world-map-card__foot{align-items:flex-start;flex-direction:column;gap:.45rem}}

/* Dedicated Chronicle and Twilight PvP pages */
.lnx-mode-page{max-width:1240px;margin:0 auto;padding:0 1rem 3rem}.lnx-mode-hero{position:relative;display:flex;align-items:end;justify-content:space-between;gap:2rem;min-height:330px;padding:3rem;border:1px solid rgba(158,173,210,.22);border-radius:1.5rem;overflow:hidden;background:linear-gradient(90deg,rgba(5,12,14,.96) 15%,rgba(5,12,14,.62) 58%,rgba(5,12,14,.25)),var(--mode-image) center/cover}.lnx-mode-page--red .lnx-mode-hero{border-color:rgba(255,91,91,.26);background:linear-gradient(90deg,rgba(18,7,9,.96) 15%,rgba(18,7,9,.62) 58%,rgba(18,7,9,.25)),var(--mode-image) center/cover}.lnx-mode-hero__copy{max-width:690px}.lnx-mode-hero h1{margin:.35rem 0 .8rem;color:#f0f1f4;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.02}.lnx-mode-page--red .lnx-mode-hero h1{color:#fff0f0}.lnx-mode-hero p:not(.sidebar-widget-kicker){max-width:590px;color:#d6dae4;font-size:1.05rem}.lnx-mode-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.lnx-mode-live-panel{display:grid;gap:.35rem;min-width:190px;padding:1rem 1.1rem;border:1px solid rgba(158,173,210,.3);border-radius:1rem;background:rgba(32,27,56,.74);color:#9eadd2;backdrop-filter:blur(10px)}.lnx-mode-page--red .lnx-mode-live-panel{border-color:rgba(255,104,104,.35);background:rgba(46,24,42,.74);color:#ffabab}.lnx-mode-live-panel small{color:#bec5d4}.lnx-mode-live-panel b{margin:0 .25rem;color:#78908b}.lnx-mode-live-dot{width:.65rem;height:.65rem;border-radius:50%;background:#9eadd2;box-shadow:0 0 16px #9eadd2}.lnx-mode-page--red .lnx-mode-live-dot{background:#ff6f6f;box-shadow:0 0 16px #ff6f6f}.lnx-mode-live-panel.is-offline .lnx-mode-live-dot{background:#e5ad54;box-shadow:0 0 12px #e5ad54}.lnx-mode-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:1rem;margin-top:1rem}.lnx-mode-map-card,.lnx-player-panel,.lnx-rules-panel,.lnx-mode-info-grid article{border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:rgba(13,21,24,.9);overflow:hidden}.lnx-mode-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem}.lnx-mode-section-head h2{margin:.25rem 0 0;color:#f0f1f4;font-size:1.25rem}.lnx-mode-section-head>a{color:#9eadd2;font-size:.8rem;font-weight:700;text-decoration:none}.lnx-mode-page--red .lnx-mode-section-head>a{color:#ff9d9d}.lnx-mode-map{height:390px;background:#080d0f}.lnx-mode-map iframe{width:100%;height:100%;border:0}.lnx-mode-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.lnx-mode-info-grid article{padding:1.25rem}.lnx-mode-info-grid h2,.lnx-player-panel h2,.lnx-rules-panel h2{margin:.3rem 0 .9rem;color:#f0f1f4;font-size:1.15rem}.lnx-mode-info-grid ul,.lnx-rules-panel ul{display:grid;gap:.65rem;margin:0;padding:0;list-style:none;color:#bec5d4}.lnx-mode-info-grid li{color:#9eadd2}.lnx-mode-page--red .lnx-mode-info-grid li{color:#ffacac}.lnx-mode-info-grid dl{display:grid;gap:.6rem;margin:0}.lnx-mode-info-grid dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding:.45rem 0}.lnx-mode-info-grid dt{color:#84989b}.lnx-mode-info-grid dd{margin:0;color:#e8f3ef;text-align:right}.lnx-player-panel,.lnx-rules-panel{padding:0 1.25rem 1.25rem}.lnx-player-panel .lnx-mode-section-head{padding-left:0;padding-right:0}.lnx-player-panel .lnx-mode-section-head>span{color:#9eadd2;font-weight:700}.lnx-player-list-page{display:flex;flex-wrap:wrap;gap:.45rem;min-height:80px;align-content:flex-start}.lnx-player-chip{display:inline-flex;padding:.45rem .6rem;border:1px solid rgba(158,173,210,.25);border-radius:.55rem;background:rgba(158,173,210,.08);color:#d6dae4;font-size:.8rem}.lnx-player-note{display:block;margin-top:1rem;color:#7f9295;font-size:.7rem;line-height:1.4}.lnx-rules-panel{margin-top:1rem;background:linear-gradient(145deg,rgba(32,27,56,.95),rgba(13,17,27,.98))}.lnx-mode-page--red .lnx-rules-panel{background:linear-gradient(145deg,rgba(46,24,42,.95),rgba(16,12,15,.98))}.lnx-rules-panel li{color:#bec5d4;font-size:.85rem}.lnx-rules-panel>a{display:block;margin-top:1rem;color:#9eadd2;font-size:.8rem;font-weight:700;text-decoration:none}@media(max-width:850px){.lnx-mode-hero{display:block;padding:2rem;min-height:0}.lnx-mode-live-panel{margin-top:1.5rem}.lnx-mode-layout{grid-template-columns:1fr}.lnx-mode-map{height:300px}}@media(max-width:560px){.lnx-mode-info-grid{grid-template-columns:1fr}.lnx-mode-hero{padding:1.3rem}.lnx-mode-page{padding-left:.65rem;padding-right:.65rem}}

/* L2Nexus Lineage II news artwork sizing */
.cn-news-entry__thumb {
    width: 190px !important;
    height: 108px !important;
    border: 1px solid rgba(158, 173, 210, .22);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .24);
}
.cn-news-entry--featured .cn-news-entry__thumb {
    width: 260px !important;
    height: 146px !important;
}
.cn-news-entry__thumb img {
    filter: saturate(.96) contrast(1.04);
}
@media (max-width: 700px) {
    .cn-news-entry__thumb,
    .cn-news-entry--featured .cn-news-entry__thumb {
        width: 100% !important;
        height: 150px !important;
        float: none !important;
        margin: 0 0 1rem !important;
    }
}
/* L2Nexus Lineage II footer finish */
.site-footer {
    background: linear-gradient(180deg, rgba(8, 11, 18, .98), rgba(4, 7, 13, 1)) !important;
    border-top-color: rgba(184, 155, 101, .28) !important;
    color: #bec5d4;
}
.site-footer::before {
    width: min(980px, 82vw);
    background: linear-gradient(90deg, transparent, rgba(184, 155, 101, .58), rgba(116, 137, 183, .44), transparent);
    box-shadow: 0 0 18px rgba(116, 137, 183, .14);
}
.site-footer__grid {
    border-bottom-color: rgba(116, 137, 183, .24);
}
.site-footer__brand {
    min-width: 0;
}
.l2-footer-mark {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    border: 1px solid rgba(184, 155, 101, .48);
    border-radius: .55rem;
    background: linear-gradient(145deg, rgba(32, 27, 56, .9), rgba(13, 17, 27, .96));
    color: #d6dae4;
    font: 800 .75rem/1 'Inter', sans-serif;
    letter-spacing: .06em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px rgba(116, 137, 183, .12);
}
.site-footer__brand strong {
    color: #f0f1f4;
    font-family: 'Cinzel', Georgia, serif;
    letter-spacing: .08em;
}
.site-footer__brand small,
.site-footer__grid a,
.site-footer__store p {
    color: #9299a8;
}
.site-footer__grid a {
    font-size: .72rem;
}
.site-footer__grid a:hover {
    color: #d6dae4;
}
.site-footer__heading {
    color: #d0b47b;
}
.site-footer__cta {
    background: linear-gradient(135deg, #d0b47b, #9d7a3e) !important;
    color: #0b0e15 !important;
    box-shadow: 0 6px 16px rgba(184,155,101,.16);
}
.site-footer__cta:hover {
    background: linear-gradient(135deg, #e2c991, #b89b65) !important;
}
.pause-footer {
    border-bottom: 1px solid rgba(116, 137, 183, .14);
    padding-bottom: 1.15rem;
}
.pause-footer a,
.pause-footer__button {
    border-color: rgba(116, 137, 183, .3);
    background: rgba(13, 17, 27, .82);
    color: #bec5d4;
}
.pause-footer a:hover,
.pause-footer__button:hover {
    border-color: rgba(184, 155, 101, .72);
    color: #f0d995;
    background: rgba(32, 27, 56, .7);
}
.site-footer .text-\[\#58d454\] {
    color: #d0b47b !important;
}
.site-footer > div > .flex button {
    background: rgba(13, 17, 27, .82) !important;
    border-color: rgba(116, 137, 183, .25) !important;
    color: #bec5d4 !important;
}
.site-footer > div > .flex button:hover {
    border-color: rgba(184, 155, 101, .72) !important;
    color: #f0d995 !important;
}
.site-footer > div > .max-w-6xl p {
    color: #9299a8 !important;
    white-space: normal !important;
}
@media (max-width: 700px) {
    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 1.1rem;
        text-align: left;
    }
    .site-footer > div > .flex {
        flex-wrap: wrap !important;
    }
}
/* L2Nexus Lineage II world background */
.site-bg,
.time-morning .site-bg,
.time-day .site-bg,
.time-evening .site-bg,
.time-night .site-bg {
    background-image:
        linear-gradient(180deg, rgba(5, 10, 18, .28) 0%, rgba(7, 11, 19, .38) 40%, rgba(8, 11, 18, .88) 100%),
        linear-gradient(90deg, rgba(5, 12, 24, .46) 0%, rgba(5, 10, 18, .10) 44%, rgba(5, 10, 18, .48) 100%),
        radial-gradient(ellipse at 26% 78%, rgba(204, 220, 234, .20), transparent 31%),
        radial-gradient(ellipse at 78% 76%, rgba(174, 199, 222, .18), transparent 35%),
        url("/assets/images/backgrounds/l2nexus-world.webp") !important;
    background-position: center top, center top, center bottom, center bottom, center 28% !important;
    background-size: cover, cover, 125% 70%, 135% 75%, cover !important;
    background-repeat: no-repeat !important;
    opacity: .94 !important;
    filter: saturate(.84) brightness(.72) contrast(1.04) !important;
}

.site-bg::after {
    content: "";
    position: absolute;
    inset: 34% -12% -8%;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 18% 66%, rgba(214, 229, 240, .18), transparent 28%),
        radial-gradient(ellipse at 68% 74%, rgba(177, 201, 224, .17), transparent 32%);
    filter: blur(28px);
    opacity: .62;
    transform: translate3d(-2%, 0, 0) scale(1.08);
    animation: l2-world-fog-drift 28s ease-in-out infinite alternate;
}

@keyframes l2-world-fog-drift {
    from { transform: translate3d(-2%, 0, 0) scale(1.08); }
    to { transform: translate3d(2%, -1.5%, 0) scale(1.12); }
}

@media (prefers-reduced-motion: reduce) {
    .site-bg::after { animation: none; }
}

@media (max-width: 768px) {
    .site-bg,
    .time-morning .site-bg,
    .time-day .site-bg,
    .time-evening .site-bg,
    .time-night .site-bg {
        background-position: center top, center top, center bottom, center bottom, 42% 28% !important;
    }
}
/* L2Nexus Lineage II homepage identity */

.site-cube-mark {
    font-family: "Cinzel", serif !important;
    color: #d6dae4 !important;
    letter-spacing: .08em;
}
.site-wordmark {
    font-family: "Cinzel", serif !important;
    font-weight: 600 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase;
    text-shadow: 0 0 22px rgba(184, 155, 101, .24);
}
.site-wordmark span {
    color: #9eadd2 !important;
}
/* L2Nexus rising ember particles */
.ambient-particles {
    display: block !important;
    z-index: 2;
}
.ambient-particles span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff4c7 0 18%, #e5b842 42%, rgba(229,184,66,0) 76%);
    box-shadow: 0 0 7px rgba(229,184,66,.78), 0 0 16px rgba(205,137,51,.3);
    opacity: .7;
    animation: l2EmberFloat 12s ease-in infinite;
}
.ambient-particles span:nth-child(1) { left: 12%; top: 88%; animation-delay: -2s; animation-duration: 11s; }
.ambient-particles span:nth-child(2) { left: 27%; top: 72%; animation-delay: -7s; animation-duration: 14s; transform: scale(.72); }
.ambient-particles span:nth-child(3) { left: 51%; top: 92%; animation-delay: -4s; animation-duration: 13s; }
.ambient-particles span:nth-child(4) { left: 69%; top: 78%; animation-delay: -9s; animation-duration: 15s; transform: scale(.62); }
.ambient-particles span:nth-child(5) { left: 84%; top: 90%; animation-delay: -6s; animation-duration: 12s; }
.ambient-particles span:nth-child(6) { left: 93%; top: 62%; animation-delay: -1s; animation-duration: 16s; transform: scale(.82); }

@keyframes l2EmberFloat {
    0% { translate: 0 24px; opacity: 0; scale: .42; }
    18% { opacity: .72; }
    58% { opacity: .46; }
    82% { opacity: .22; }
    100% { translate: 22px -110vh; opacity: 0; scale: .95; }
}

/* L2Nexus CuteNews premium presentation */
.news-status-theme{background:linear-gradient(180deg,rgba(13,17,27,.9),rgba(8,11,18,.94))!important;border:1px solid rgba(158,173,210,.22)!important;border-radius:1rem!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important}
.news-category-filters{display:flex!important;flex-wrap:wrap!important;gap:.45rem!important}
.news-category-filters button{min-height:2.35rem!important;border:1px solid rgba(158,173,210,.24)!important;border-radius:.45rem!important;background:rgba(23,22,42,.78)!important;color:#bec5d4!important;padding:.55rem .72rem!important;font-family:Inter,system-ui,sans-serif!important;font-size:.62rem!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;transition:all .2s ease!important}
.news-category-filters button:hover,.news-category-filters button.is-active{border-color:#d0b47b!important;background:linear-gradient(180deg,#d0b47b,#b89b65)!important;color:#111522!important;box-shadow:0 0 18px rgba(208,180,123,.16)!important;transform:translateY(-1px)!important}
.cn-news-shell{display:grid!important;gap:1rem!important;margin-top:1.75rem!important}
.cn-news-entry,.news-status-theme .cn-news-entry{margin:0!important;border:1px solid rgba(158,173,210,.18)!important;border-radius:.75rem!important;background:linear-gradient(135deg,rgba(17,21,34,.94),rgba(8,11,18,.96))!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important;padding:1.25rem 1.35rem!important;transition:all .2s ease!important}
.cn-news-entry:hover{border-color:rgba(208,180,123,.62)!important;background:linear-gradient(135deg,rgba(23,22,42,.96),rgba(8,11,18,.97))!important;box-shadow:0 18px 38px rgba(0,0,0,.34),0 0 22px rgba(116,137,183,.08)!important;transform:translateY(-2px)!important}
.cn-news-entry__accent{width:3px!important;background:linear-gradient(180deg,#d0b47b,#7489b7)!important}
.cn-news-entry__meta{color:#9299a8!important;font-size:.64rem!important;letter-spacing:.13em!important}
.cn-news-entry__date{border-color:rgba(208,180,123,.28)!important;background:rgba(32,27,56,.52)!important;color:#d0b47b!important}
.cn-news-entry__author{background:rgba(116,137,183,.08)!important;color:#9299a8!important}.cn-news-entry__author strong{color:#bec5d4!important}
.cn-news-entry__pulse{background:#d0b47b!important;box-shadow:0 0 9px rgba(208,180,123,.7)!important}
.cn-news-entry__category{border-color:rgba(116,137,183,.24)!important;background:rgba(116,137,183,.08)!important;color:#9eadd2!important}
.cn-news-entry__category--events{border-color:rgba(208,180,123,.32)!important;background:rgba(208,180,123,.1)!important;color:#d0b47b!important}
.cn-news-entry__category--community{border-color:rgba(117,102,143,.34)!important;background:rgba(117,102,143,.12)!important;color:#bec5d4!important}
.cn-news-entry__title{margin-top:.7rem!important;color:#f0f1f4!important;font-family:Cinzel,Georgia,serif!important;font-size:clamp(1.18rem,2vw,1.45rem)!important;font-weight:700!important;letter-spacing:.04em!important;line-height:1.28!important}
.cn-news-entry:hover .cn-news-entry__title{color:#d0b47b!important}
.cn-news-entry__body{color:#bec5d4!important;font-size:.92rem!important;line-height:1.75!important}
.cn-news-entry__body h2,.cn-news-entry__body h3,.cn-news-entry__body h4{border-color:rgba(158,173,210,.18)!important;color:#d6dae4!important}
.cn-news-entry__body strong,.cn-news-entry__body b{border-color:rgba(208,180,123,.35)!important;color:#d6dae4!important}
.cn-news-entry__body a{color:#9eadd2!important}.cn-news-entry__body a:hover{color:#d0b47b!important}
.cn-news-tag--new{border-color:rgba(158,173,210,.3)!important;background:rgba(116,137,183,.12)!important;color:#9eadd2!important}
.cn-news-tag--fix{border-color:rgba(117,102,143,.38)!important;background:rgba(117,102,143,.14)!important;color:#bec5d4!important}
.cn-news-tag--event{border-color:rgba(208,180,123,.36)!important;background:rgba(208,180,123,.12)!important;color:#d0b47b!important}
.cn-news-list li{color:#bec5d4!important}.cn-news-list__mark{color:#d0b47b!important}
.cn-news-callout{border-left-color:rgba(208,180,123,.66)!important;background:rgba(32,27,56,.34)!important;color:#bec5d4!important}
.cn-news-entry__thumb{background:#17162a!important;border-color:rgba(158,173,210,.16)!important}.cn-news-entry__thumb span{background:rgba(8,11,18,.8)!important;color:#d0b47b!important}
.cn-news-pagination{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;margin-top:1.2rem!important;border:1px solid rgba(158,173,210,.2)!important;border-radius:.75rem!important;background:rgba(13,17,27,.78)!important;padding:.8rem!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.cn-news-pagination__numbers{display:inline-flex!important;align-items:center!important;gap:.45rem!important}
.cn-news-pagination__link,.cn-news-pagination__number{min-width:2.25rem!important;min-height:2.25rem!important;border:1px solid rgba(158,173,210,.28)!important;border-radius:.45rem!important;background:rgba(23,22,42,.78)!important;color:#bec5d4!important;box-shadow:none!important;font-family:Inter,system-ui,sans-serif!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.08em!important;text-decoration:none!important;transition:all .2s ease!important}
.cn-news-pagination__link{padding:.55rem .8rem!important}.cn-news-pagination__number{display:inline-grid!important;place-items:center!important;padding:.55rem .7rem!important}
.cn-news-pagination__number:hover,.cn-news-pagination__link:hover{border-color:#d0b47b!important;background:rgba(41,32,68,.92)!important;color:#f0f1f4!important;transform:translateY(-1px)!important}
.cn-news-pagination__number.is-current{border-color:#d0b47b!important;background:linear-gradient(180deg,#d0b47b,#b89b65)!important;color:#111522!important;box-shadow:0 0 16px rgba(208,180,123,.14)!important}
.cn-news-pagination__pages{color:#9299a8!important}.cn-news-pagination__pages strong{color:#d0b47b!important}
.cn-news-pagination__link.is-disabled{border-color:rgba(93,102,122,.22)!important;background:rgba(13,17,27,.58)!important;color:#5d667a!important;opacity:.72!important}.cn-news-pagination__arrow{color:currentColor!important}
@media(max-width:700px){.news-category-filters{width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important}.cn-news-entry{padding:1rem!important}.cn-news-entry__thumb,.cn-news-entry--featured .cn-news-entry__thumb{float:none!important;width:100%!important;height:150px!important;margin-bottom:.9rem!important}.cn-news-pagination{gap:.35rem!important;padding:.6rem!important}.cn-news-pagination__pages{width:100%!important;justify-content:center!important;order:3!important}}/* L2Nexus original wide identity banner */
.hero-wide--upgraded {
    position: relative !important;
    isolation: isolate;
    display: grid !important;
    place-items: center !important;
    width: min(100%, 1500px) !important;
    min-height: 212px !important;
    margin-top: 1rem !important;
    margin-bottom: 1.5rem !important;
    padding: 1rem 1.5rem !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(8, 11, 16, .16), rgba(8, 11, 16, .42)),
        url("/assets/images/backgrounds/l2nexus-world.webp") center 31% / cover no-repeat !important;
    box-shadow: none !important;
}
.hero-wide--upgraded::after {
    content: none !important;
}
.hero-wide--upgraded > * {
    position: relative;
    z-index: 1;
}
.hero-wide--upgraded .site-wordmark {
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    transform: none !important;
    font-family: "Cinzel", serif !important;
    font-size: clamp(3.1rem, 8vw, 7.2rem) !important;
    font-weight: 600 !important;
    letter-spacing: .18em !important;
    line-height: .9 !important;
    text-align: center;
    text-transform: uppercase;
    color: #f4f3ed !important;
    text-shadow:
        0 3px 14px rgba(0, 0, 0, .72),
        0 0 22px rgba(255, 245, 213, .16) !important;
}
.hero-wide--upgraded .site-wordmark span {
    color: #aebde6 !important;
}
@media (max-width: 700px) {
    .hero-wide--upgraded {
        min-height: 150px !important;
        margin-top: .7rem !important;
        margin-bottom: 1rem !important;
        padding: .8rem !important;
    }
    .hero-wide--upgraded .site-wordmark {
        font-size: clamp(2rem, 12vw, 3.8rem) !important;
        letter-spacing: .1em !important;
    }
}
/* L2Nexus transparent panel restoration */
.homepage-layout > aside > *,
.homepage-layout > section > * {
    background-color: rgba(13, 17, 27, 0.26) !important;
    background-image: none !important;
    border-color: rgba(184, 155, 101, 0.28) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 16px 36px rgba(0, 0, 0, 0.16) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.homepage-layout > aside > .sidebar-vote-panel,
.homepage-layout > aside > .acm-side-login,
.homepage-layout > section > .status-shell,
.homepage-layout > section > .news-status-theme,
.homepage-layout .l2-gold-frame {
    background: rgba(13, 17, 27, 0.26) !important;
    background-image: none !important;
}

.homepage-layout .monitor-card,
.homepage-layout .monitor-card--diagnostic,
.homepage-layout .monitor-node,
.homepage-layout .monitor-node--obsidian,
.homepage-layout .monitor-online-box,
.homepage-layout .monitor-chart-box,
.homepage-layout .cn-news-entry,
.homepage-layout .news-status-theme .cn-news-entry {
    background: rgba(13, 17, 27, 0.18) !important;
    background-image: none !important;
    border-color: rgba(158, 173, 210, 0.22) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.028),
        0 10px 24px rgba(0, 0, 0, 0.12) !important;
}

.homepage-layout .vote-tile {
    background-color: rgba(13, 17, 27, 0.16) !important;
    border-color: rgba(184, 155, 101, 0.26) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
}

.homepage-layout .status-shell::after,
.homepage-layout .sidebar-vote-panel::after {
    opacity: 0.6;
}


/* L2Nexus local Lineage II logo */
.site-brand__logo-frame {
    display: flex;
    width: 5.75rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(195, 158, 103, .15);
    border-radius: .5rem;
    background: transparent;
    padding: .25rem;
}
.site-brand__logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 2rem;
    object-fit: contain;
    object-position: center;
}


/* L2Nexus logo banner below primary navigation */
.homepage-logo-banner {
    width: min(92%, 1280px);
    margin: 2.25rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: clamp(7rem, 14vw, 11rem);
    padding: 1.25rem 2rem;
    background: rgba(8, 11, 18, .34);
    border: 1px solid rgba(195, 158, 103, .14);
    border-radius: .75rem;
    overflow: hidden;
}
.homepage-logo-banner img {
    display: block;
    width: min(82%, 640px);
    height: auto;
    max-height: 10rem;
    object-fit: contain;
}


/* L2Nexus logo-only presentation */
.homepage-logo-banner {
    width: min(92%, 1280px);
    min-height: 0;
    margin: 2.25rem auto 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
}
.homepage-logo-banner img {
    width: min(82%, 640px);
    max-height: 10rem;
}

/* L2Nexus static-reference palette — presentation only; structure and functionality unchanged */
:root{--ref-black:#0b0d0e;--ref-ink:#171a1a;--ref-steel:#20282b;--ref-steel2:#2e383a;--ref-gold:#c49349;--ref-gold-light:#ead09a;--ref-parchment:#d7d0bd;--ref-paper:#e8e2d4;--ref-red:#a33a2d;--ref-green:#c49349;--ref-line:#746b57}
html,body{background-color:#101415!important;color:var(--ref-paper)!important}
header{background:linear-gradient(180deg,#192326 0%,#0d1214 100%)!important;border-bottom-color:#927344!important;box-shadow:0 7px 30px rgba(0,0,0,.53)!important}
.site-nav-link{color:#c9c1ad!important}.site-nav-link:hover,.site-nav-link:focus-visible,.site-nav-link.is-active{color:var(--ref-gold-light)!important}.site-nav-link__line{background:var(--ref-gold)!important}.site-nav-link--discord,.site-nav-link--discord:hover,.site-nav-link--discord:focus-visible{color:#d4e3f7!important}.site-nav-link__icon{color:#9f947e!important}
.homepage-layout>aside>*,.homepage-layout>section>*,.homepage-layout .l2-gold-frame{background:linear-gradient(150deg,rgba(42,48,47,.86),rgba(21,27,28,.94))!important;border-color:rgba(122,102,62,.9)!important;box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.04)!important}
.homepage-layout .monitor-card,.homepage-layout .monitor-card--diagnostic,.homepage-layout .monitor-node,.homepage-layout .monitor-node--obsidian,.homepage-layout .monitor-online-box,.homepage-layout .monitor-chart-box,.homepage-layout .cn-news-entry,.homepage-layout .news-status-theme .cn-news-entry,.homepage-layout .vote-tile{background:rgba(11,13,14,.70)!important;border-color:rgba(116,107,87,.75)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.35)!important}
.homepage-layout .status-shell,.homepage-layout .news-status-theme,.homepage-layout .top-overview-panel{background:linear-gradient(150deg,rgba(27,37,38,.88),rgba(12,18,20,.94))!important;border-color:rgba(122,102,62,.9)!important}
.sidebar-vote-panel,.sidebar-siege-panel,.acm-side-login{background:linear-gradient(150deg,rgba(27,37,38,.91),rgba(12,18,20,.96))!important;border-color:#7a663e!important}
.sidebar-widget-kicker,.sidebar-widget-title,.homepage-layout .text-yellow-400,.homepage-layout .text-amber-400,.homepage-layout .text-amber-500{color:var(--ref-gold-light)!important}
.homepage-layout h1,.homepage-layout h2,.homepage-layout h3{color:var(--ref-paper)!important}.homepage-layout p,.homepage-layout li,.homepage-layout .text-slate-300,.homepage-layout .text-slate-400,.homepage-layout .text-slate-500{color:#c7c3b6!important}
.monitor-node__icon{color:var(--ref-gold-light)!important;background:rgba(196,147,73,.16)!important;border-color:rgba(196,147,73,.65)!important}.monitor-node__label,.monitor-network-line__label{color:#c9c1ad!important}.monitor-node__dot{background:var(--ref-green)!important;box-shadow:0 0 12px rgba(83,184,121,.55)!important}.monitor-node__dot--shield{background:#6badd2!important;box-shadow:0 0 12px rgba(107,173,210,.55)!important}.monitor-network-badge{background:rgba(24,65,44,.78)!important;border-color:rgba(83,184,121,.48)!important;color:#8fdda9!important}.monitor-network-badge__dot{background:var(--ref-green)!important}.monitor-online-box__label,.network-latency,.status-last-checked{color:#a6a092!important}.monitor-online-box__value{color:var(--ref-gold-light)!important}
.news-category-filters button,.news-category-filters a{color:#c9c1ad!important;background:#171a1a!important;border-color:var(--ref-line)!important}.news-category-filters button:hover,.news-category-filters a:hover,.news-category-filters button.is-active,.news-category-filters a.is-active,.news-category-filters [aria-pressed=true]{background:#d8bf7c!important;color:#2c2a25!important;border-color:var(--ref-gold)!important}
.cn-news-pagination a,.cn-news-pagination button,.cn-news-pagination span{background:var(--ref-steel)!important;color:var(--ref-parchment)!important;border-color:var(--ref-line)!important}.cn-news-pagination a:hover,.cn-news-pagination button:hover,.cn-news-pagination .is-active,.cn-news-pagination [aria-current=page]{background:var(--ref-gold)!important;color:#211b12!important;border-color:var(--ref-gold-light)!important}
.site-button--primary{background:linear-gradient(180deg,#a33a2d,#6e281e)!important;border-color:#b26c43!important;color:#f8e4b2!important}.site-button--secondary{background:var(--ref-steel)!important;border-color:#907042!important;color:#dfc990!important}.site-button--ghost{background:#24374b!important;border-color:#5578a0!important;color:#d4e3f7!important}.site-button--primary:hover,.site-button--secondary:hover,.site-button--ghost:hover{filter:brightness(1.12)!important}
.site-footer{background:#0a0d0e!important;border-top-color:#705b36!important;color:#bdb7a7!important}.site-footer__heading,.site-footer h1,.site-footer h2,.site-footer h3{color:#dfc688!important}.site-footer__brand strong,.site-footer__brand small{color:#d7d0bd!important}.site-footer a,.site-footer button{color:#92968c!important}.site-footer a:hover,.site-footer button:hover,.site-footer a:focus-visible,.site-footer button:focus-visible{color:#ead09a!important}.site-footer .site-footer__cta{background:linear-gradient(180deg,#a33a2d,#64251f)!important;border-color:#9f5c3b!important;color:#f2d49b!important}.site-footer .pause-footer{border-color:rgba(116,107,87,.55)!important;background:rgba(23,26,26,.78)!important}.site-footer .pause-footer__button{background:#20282b!important;border-color:var(--ref-line)!important;color:#d7d0bd!important}
.community-float{background:linear-gradient(150deg,rgba(32,40,43,.96),rgba(11,13,14,.98))!important;border-color:#746b57!important;box-shadow:0 16px 38px rgba(0,0,0,.6)!important}.community-float__heading,.community-float__join{color:#ead09a!important}.community-float__join{background:#24374b!important;border-color:#5578a0!important}.homepage-logo-banner img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))!important}
/* L2Nexus reference palette specificity correction */
.homepage-layout > aside > .sidebar-vote-panel,
.homepage-layout > aside > .sidebar-siege-panel,
.homepage-layout > aside > .acm-side-login,
.homepage-layout > section > .status-shell,
.homepage-layout > section > .news-status-theme,
.homepage-layout > section > .l2-gold-frame {
  background: linear-gradient(150deg, rgba(42,48,47,.86), rgba(21,27,28,.94)) !important;
  border-color: rgba(122,102,62,.9) !important;
}
.homepage-layout > section > .status-shell .monitor-card,
.homepage-layout > section > .news-status-theme .monitor-card,
.homepage-layout > aside > .sidebar-vote-panel .vote-tile,
.homepage-layout > aside > .sidebar-siege-panel .sidebar-siege-panel__item {
  background: rgba(11,13,14,.70) !important;
  border-color: rgba(116,107,87,.75) !important;
}
/* Neutral status palette — keeps real status semantics, removes green presentation */
.homepage-layout > section > .status-shell {
  background: linear-gradient(150deg, rgba(32,40,43,.96), rgba(11,13,14,.98)) !important;
  border-color: rgba(122,102,62,.9) !important;
}
.homepage-layout > section > .status-shell .monitor-card,
.homepage-layout > section > .status-shell .monitor-node,
.homepage-layout > section > .status-shell .monitor-online-box,
.homepage-layout > section > .status-shell .monitor-chart-box {
  background: rgba(11,13,14,.76) !important;
  border-color: rgba(116,107,87,.75) !important;
}
.homepage-layout > section > .status-shell .monitor-node__dot,
.homepage-layout > section > .status-shell .monitor-network-badge__dot {
  background: #c49349 !important;
  box-shadow: 0 0 11px rgba(196,147,73,.48) !important;
}
.homepage-layout > section > .status-shell .monitor-network-badge,
.homepage-layout > section > .status-shell .homepage-preview-note {
  background: rgba(56,42,20,.72) !important;
  border-color: rgba(196,147,73,.48) !important;
  color: #ead09a !important;
}
.homepage-layout > section > .status-shell .monitor-network-badge__text,
.homepage-layout > section > .status-shell .monitor-network-badge__dot {
  color: #ead09a !important;
}
.homepage-layout > section > .status-shell .monitor-region-row .text-[#c49349],
.homepage-layout > section > .status-shell .monitor-network-badge__dot {
  color: #c49349 !important;
}
.homepage-layout > section > .status-shell .monitor-region-row .text-[#c49349] {
  color: #c49349 !important;
}
/* Neutral footer palette — keeps existing footer structure and links */
.site-footer {
  background: linear-gradient(150deg, rgba(27,37,38,.96), rgba(10,13,14,.99)) !important;
  border-top-color: rgba(122,102,62,.9) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.site-footer .site-footer__grid {
  border-bottom-color: rgba(116,107,87,.55) !important;
}
.site-footer .pause-footer {
  background: rgba(11,13,14,.76) !important;
  border-color: rgba(116,107,87,.7) !important;
}
.site-footer .pause-footer a,
.site-footer .pause-footer__button,
.site-footer > div > div button {
  background: #20282b !important;
  border-color: rgba(116,107,87,.82) !important;
  color: #d7d0bd !important;
}
.site-footer .pause-footer a:hover,
.site-footer .pause-footer__button:hover,
.site-footer > div > div button:hover {
  background: #2e383a !important;
  border-color: #c49349 !important;
  color: #ead09a !important;
}
.site-footer .site-footer__cta {
  background: linear-gradient(180deg,#a33a2d,#64251f) !important;
  border-color: #9f5c3b !important;
  color: #f2d49b !important;
}
.site-footer .site-footer__cta:hover {
  filter: brightness(1.12) !important;
}
/* Neutral warm charcoal surfaces — removes remaining green/teal cast */
header {
  background: linear-gradient(180deg, #1c1b19 0%, #0f1010 100%) !important;
  border-bottom-color: #927344 !important;
}
.site-nav-link__icon {
  color: #b8a57e !important;
}
.homepage-layout > section > .status-shell,
.homepage-layout > section > .news-status-theme {
  background: linear-gradient(150deg, rgba(34,33,30,.97), rgba(13,14,14,.99)) !important;
  border-color: rgba(122,102,62,.9) !important;
}
.homepage-layout > section > .status-shell .monitor-card,
.homepage-layout > section > .status-shell .monitor-node,
.homepage-layout > section > .status-shell .monitor-online-box,
.homepage-layout > section > .status-shell .monitor-chart-box,
.homepage-layout > section > .news-status-theme .cn-news-entry {
  background: rgba(14,14,13,.82) !important;
  border-color: rgba(116,107,87,.75) !important;
}
.homepage-layout > section > .status-shell .monitor-node__icon {
  background: rgba(196,147,73,.13) !important;
}
.homepage-layout > section > .status-shell .monitor-region-row .text-[#c49349] {
  color: #c49349 !important;
}
/* L2Nexus reference style pass  typography, surfaces, borders and dividers only */
:root{--site-bg:#0b0d0e!important;--site-panel:#171a1a!important;--site-panel-2:#20282b!important;--site-gold:#c49349!important;--site-gold-soft:#ead09a!important;--site-bronze:#746b57!important;--site-gold-line:rgba(116,107,87,.58)!important;--site-gold-line-strong:rgba(196,147,73,.72)!important}
body{font-family:Inter,Arial,sans-serif!important;color:#e8e2d4!important}.homepage-layout h1,.homepage-layout h2,.homepage-layout h3,.homepage-layout h4,.homepage-layout .section-title,.homepage-layout .panel-kicker,.homepage-layout .sidebar-widget-kicker{font-family:Cinzel,Georgia,serif!important;color:#e8e2d4!important}.homepage-layout p,.homepage-layout li,.homepage-layout time,.homepage-layout .text-slate-300,.homepage-layout .text-slate-400,.homepage-layout .text-slate-500{font-family:Inter,Arial,sans-serif!important;color:#d7d0bd!important}
header{background:linear-gradient(180deg,#171a1a 0%,#0b0d0e 100%)!important;border-bottom:1px solid #746b57!important;box-shadow:0 8px 28px rgba(0,0,0,.55)!important}.site-nav-link{font-family:Inter,Arial,sans-serif!important;color:#d7d0bd!important;letter-spacing:.08em!important}.site-nav-link:hover,.site-nav-link:focus-visible,.site-nav-link.is-active{color:#ead09a!important}.site-nav-link__icon{color:#c49349!important}.site-nav-link__line{background:#c49349!important}
.homepage-layout>aside>*,.homepage-layout>section>*,.homepage-layout .l2-gold-frame{background:linear-gradient(150deg,rgba(32,40,43,.94),rgba(11,13,14,.98))!important;border-color:rgba(116,107,87,.82)!important;box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.035)!important}.homepage-layout>section>.status-shell,.homepage-layout>section>.news-status-theme{background:linear-gradient(150deg,rgba(32,40,43,.96),rgba(11,13,14,.99))!important;border-color:rgba(196,147,73,.72)!important}
.homepage-layout .monitor-card,.homepage-layout .monitor-card--diagnostic,.homepage-layout .monitor-node,.homepage-layout .monitor-node--obsidian,.homepage-layout .monitor-online-box,.homepage-layout .monitor-chart-box,.homepage-layout .cn-news-entry,.homepage-layout .vote-tile{background:rgba(11,13,14,.82)!important;border-color:rgba(116,107,87,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.35)!important}.homepage-layout .monitor-node__icon{background:rgba(196,147,73,.14)!important;border-color:rgba(196,147,73,.68)!important;color:#ead09a!important}.homepage-layout .monitor-node__dot,.homepage-layout .monitor-network-badge__dot{background:#c49349!important;box-shadow:0 0 11px rgba(196,147,73,.46)!important}.homepage-layout .monitor-network-badge{background:rgba(56,42,20,.72)!important;border-color:rgba(196,147,73,.56)!important;color:#ead09a!important}
news-category-filters button,.news-category-filters a,.cn-news-pagination a,.cn-news-pagination button,.cn-news-pagination span{color:#d7d0bd!important;background:#20282b!important;border-color:#746b57!important}.news-category-filters button:hover,.news-category-filters a:hover,.news-category-filters button.is-active,.news-category-filters a.is-active,.news-category-filters [aria-pressed=true],.cn-news-pagination a:hover,.cn-news-pagination button:hover,.cn-news-pagination .is-active,.cn-news-pagination [aria-current=page]{color:#211b12!important;background:#ead09a!important;border-color:#c49349!important}
.site-footer{background:linear-gradient(150deg,#171a1a,#0b0d0e)!important;border-top-color:#746b57!important}.site-footer h1,.site-footer h2,.site-footer h3,.site-footer__heading{font-family:Cinzel,Georgia,serif!important;color:#ead09a!important}.site-footer a,.site-footer button{color:#d7d0bd!important}.site-footer a:hover,.site-footer button:hover,.site-footer a:focus-visible,.site-footer button:focus-visible{color:#ead09a!important}

/* L2Nexus final frontend cleanup
   Presentation-only: preserves the existing layout and PHP/CuteNews routes. */
:root {
  --l2-bg: #0b0d0e;
  --l2-surface: #171a1a;
  --l2-surface-soft: rgba(32,40,43,.92);
  --l2-surface-deep: rgba(11,13,14,.96);
  --l2-line: rgba(116,107,87,.42);
  --l2-line-soft: rgba(196,147,73,.22);
  --l2-gold: #c49349;
  --l2-gold-soft: #ead09a;
  --l2-parchment: #e8e2d4;
  --l2-muted: #bdb7a7;
  --l2-blue: #8faed7;
}
html { background: var(--l2-bg); }
body { font-family: Manrope, Inter, system-ui, sans-serif; color: var(--l2-parchment); background-color: var(--l2-bg); }
h1,h2,h3,h4,.font-\[Cinzel\] { font-family: Cinzel, Georgia, serif; color: var(--l2-parchment); }
.site-header,.site-footer { background: linear-gradient(180deg,rgba(23,26,26,.98),rgba(11,13,14,.98)); border-color: var(--l2-line); }
.site-header a:hover,.site-header a:focus-visible,.site-nav-link.is-active { color: var(--l2-gold-soft); }
.site-nav-link.is-active::after { background: var(--l2-gold); }
.panel,.status-shell,.news-panel,.vote-panel,.profile-hero,.store-card,.l2-page-shell > *,.lnx-mode-page > *,.lnx-adventure-page > *, .leaderboard-row,.status-page > * { border-color: var(--l2-line); }
.monitor-card,.monitor-node,.monitor-network-badge,.homepage-preview-note,.preview-status-badge,.status-badge,.status-chip { border-color: var(--l2-line-soft) !important; }
.monitor-network-badge,.homepage-preview-note,.preview-status-badge { background: rgba(58,44,22,.68) !important; color: var(--l2-gold-soft) !important; }
.monitor-network-badge__dot,.monitor-node__dot,.status-dot,.lnx-mode-live-dot,.lnx-adventure-live i,.lnx-map-live i { background: var(--l2-gold) !important; box-shadow: 0 0 10px rgba(196,147,73,.42); }
.monitor-node__dot--shield { background: var(--l2-blue) !important; }
.news-filter.is-active,.pagination a.is-active,.site-button--primary,.hero-action--primary { background: linear-gradient(180deg,#d6ad67,#ad7934) !important; color:#17120b !important; border-color:#e5c88f !important; }
.news-filter,.pagination a,.site-button,.hero-action,.pause-footer__button { border-color: var(--l2-line) !important; color: var(--l2-parchment) !important; }
.site-button:hover,.hero-action:hover,.news-filter:hover,.pagination a:hover { border-color: var(--l2-gold) !important; box-shadow: 0 0 18px rgba(196,147,73,.18); }
.site-footer { color: var(--l2-muted); }
.site-footer a:hover { color: var(--l2-gold-soft); }
.ambient-particles span { background: var(--l2-gold); box-shadow: 0 0 12px rgba(196,147,73,.42); }
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}

/* Header quick actions: compact premium controls for the two primary player journeys. */
.site-header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
}
.site-header-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.35rem;
    padding: .62rem .78rem;
    border: 1px solid rgba(116,107,87,.72);
    border-radius: .3rem;
    color: #d7d0bd !important;
    font: 800 .6rem/1 'Manrope', Arial, sans-serif;
    letter-spacing: .06em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
.site-header-action svg {
    width: .9rem;
    height: .9rem;
    flex: 0 0 auto;
}
.site-header-action--secondary {
    background: rgba(32,40,43,.76);
}
.site-header-action--primary {
    border-color: #c49349;
    background: linear-gradient(180deg, #d6ad67, #ad7934);
    color: #17120b !important;
    box-shadow: inset 0 -2px 0 rgba(67,39,12,.22), 0 4px 12px rgba(0,0,0,.2);
}
.site-header-action:hover,
.site-header-action:focus-visible {
    border-color: #ead09a;
    color: #ead09a !important;
    transform: translateY(-1px);
    box-shadow: 0 0 16px rgba(196,147,73,.16);
}
.site-header-action--primary:hover,
.site-header-action--primary:focus-visible {
    background: linear-gradient(180deg, #ead09a, #c49349);
    color: #17120b !important;
}
.site-header-action:focus-visible {
    outline: 2px solid rgba(234,208,154,.85);
    outline-offset: 3px;
}
@media (min-width: 768px) and (max-width: 1420px) {
    .site-header-actions { gap: .35rem; margin-left: auto; }
    .site-header-action { gap: .32rem; padding-inline: .62rem; font-size: .56rem; letter-spacing: .045em; }
}
@media (min-width: 768px) {
    header > div {
        position: relative;
        width: min(100% - 2rem, 1400px) !important;
        max-width: 1400px !important;
    }
    .site-header-actions {
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 2;
        margin: 0 !important;
        transform: translateY(-50%);
    }
}
@media (min-width: 768px) and (max-width: 1420px) {
    header > div { gap: .45rem !important; }
    header nav { flex: 1 1 auto; min-width: 0; margin-inline: .25rem; }
    header nav > div { gap: .28rem !important; justify-content: flex-end; }
    .site-header-actions {
        position: static;
        top: auto;
        right: auto;
        margin-left: auto !important;
        transform: none;
    }
    .site-header-action { gap: .28rem; padding-inline: .52rem; font-size: .52rem; letter-spacing: .04em; }
}
@media (max-width: 767px) {
    .site-header-actions { display: none; }
}

/* Reference-inspired two-level desktop header, using the L2Nexus visual system. */
@media (min-width: 768px) {
    header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    header > div:first-child {
        min-height: 4.55rem;
        padding-top: .7rem;
        padding-bottom: .7rem;
    }
    .site-header-utility {
        display: block;
        min-height: 2.3rem;
        border-top: 1px solid rgba(116,107,87,.18);
        border-bottom: 1px solid rgba(116,107,87,.46);
        background: rgba(32,40,43,.58);
    }
    .site-header-utility__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: min(100% - 2rem, 1400px);
        min-height: 2.3rem;
        max-width: 1400px;
        margin-inline: auto;
        padding-inline: 1.5rem;
    }
    .site-header-utility__nav {
        display: flex;
        align-items: center;
        gap: 1.2rem;
    }
    .site-header-utility__link {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .38rem 0;
        border: 0;
        background: transparent;
        color: #aaa28f !important;
        cursor: pointer;
        font: 800 .54rem/1 'Manrope', Arial, sans-serif;
        letter-spacing: .09em;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .site-header-utility__link svg {
        width: .78rem;
        height: .78rem;
        color: #b89452;
    }
    .site-header-utility__link:hover,
    .site-header-utility__link:focus-visible {
        color: #ead09a !important;
        outline: none;
    }
    .site-header-utility__link:hover svg,
    .site-header-utility__link:focus-visible svg {
        color: #ead09a;
    }
    .site-header-utility__meta {
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        color: #b89452;
        font: 800 .52rem/1 'Manrope', Arial, sans-serif;
        letter-spacing: .1em;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .site-header-utility__meta i {
        width: .36rem;
        height: .36rem;
        border-radius: 50%;
        background: #c49349;
        box-shadow: 0 0 8px rgba(196,147,73,.5);
    }
    header + main#main-content {
        padding-top: 4.35rem !important;
    }
}
@media (max-width: 1420px) and (min-width: 768px) {
    .site-header-utility__inner { padding-inline: 1rem; }
    .site-header-utility__nav { gap: .72rem; }
    .site-header-utility__link { font-size: .48rem; letter-spacing: .055em; }
    .site-header-utility__meta { font-size: .46rem; }
    header nav > div { gap: .35rem !important; }
    header nav .site-nav-link { gap: .18rem; font-size: .46rem !important; letter-spacing: .025em !important; }
    header nav .site-nav-link__icon { width: .76rem; height: .76rem; }
}
@media (max-width: 767px) {
    .site-header-utility { display: none; }
}

/* Center the reference-style quick-link rail across the full header width;
   keep the realm identity as a quiet right-side anchor. */
@media (min-width: 768px) {
    header > div.site-header-utility {
        width: 100% !important;
        max-width: none !important;
    }
    .site-header-utility__inner {
        position: relative;
        justify-content: center;
    }
    .site-header-utility__meta {
        position: absolute;
        right: 1.5rem;
    }
}
@media (min-width: 768px) and (max-width: 1420px) {
    .site-header-utility__meta { right: 1rem; }
}

/* Keep the primary navigation and the two conversion actions in separate
   desktop columns. This preserves the reference site's clean top-bar rhythm
   at both wide monitors and the compact desktop viewport used for QA. */
@media (min-width: 768px) {
    header > div:first-child {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto;
        column-gap: 1.1rem;
        justify-content: initial;
    }
    header > div:first-child > a:first-child {
        grid-column: 1;
        min-width: max-content;
    }
    header > div:first-child > nav {
        grid-column: 2;
        width: 100%;
        min-width: 0;
        margin-inline: 0;
    }
    header > div:first-child > nav > div {
        justify-content: center;
        gap: .8rem !important;
        min-width: 0;
    }
    .site-header-actions {
        position: static;
        grid-column: 3;
        margin: 0 !important;
        transform: none;
    }
}
@media (min-width: 768px) and (max-width: 1420px) {
    header > div:first-child > nav > div { gap: .35rem !important; }
    .site-header-action { padding-inline: .5rem; }
}


/* L2Nexus infrastructure panel  cohesive premium Lineage II treatment.
   Scoped to the existing homepage status component; markup, data and status logic stay unchanged. */
.homepage-layout > section > .status-shell--realm {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(135deg, rgba(32, 40, 43, .78), rgba(11, 13, 14, .90)),
        radial-gradient(circle at 88% 8%, rgba(196, 147, 73, .08), transparent 32%) !important;
    border: 1px solid rgba(196, 147, 73, .58) !important;
    border-radius: 1.05rem !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        inset 0 -22px 34px rgba(0, 0, 0, .16),
        0 18px 44px rgba(0, 0, 0, .32) !important;
}

.homepage-layout > section > .status-shell--realm::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
        linear-gradient(90deg, transparent, rgba(196, 147, 73, .11), transparent) 0 100% / 100% 1px no-repeat,
        radial-gradient(circle at 15% 80%, rgba(196, 147, 73, .05), transparent 28%);
}

.homepage-layout > section > .status-shell--realm .top-overview-panel,
.homepage-layout > section > .status-shell--realm .top-overview-panel__intro {
    min-width: 0;
}

.homepage-layout > section > .status-shell--realm .top-overview-panel__intro > p {
    margin: 0;
    color: #d6b36a !important;
    font-size: .66rem !important;
    letter-spacing: .24em !important;
}

.homepage-layout > section > .status-shell--realm h2 {
    margin-top: .45rem !important;
    margin-bottom: 0 !important;
    padding-bottom: .78rem !important;
    border-bottom: 1px solid rgba(196, 147, 73, .26) !important;
    color: #e8e2d4 !important;
    font-size: clamp(1.35rem, 2.1vw, 1.85rem) !important;
    line-height: 1.15 !important;
    letter-spacing: .025em !important;
}

.homepage-layout > section > .status-shell--realm .news-title-spacer {
    height: 1px !important;
    margin-top: 0 !important;
    background: linear-gradient(90deg, rgba(196,147,73,0), rgba(234,208,154,.52), rgba(196,147,73,0)) !important;
}

.homepage-layout > section > .status-shell--realm .top-monitor-grid {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card--diagnostic {
    min-width: 0;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(20, 25, 27, .84), rgba(10, 13, 14, .78)) !important;
    border: 1px solid rgba(116, 107, 87, .72) !important;
    border-radius: .72rem !important;
    padding: 1.1rem !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), inset 0 -14px 26px rgba(0,0,0,.12), 0 8px 20px rgba(0,0,0,.18) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card--diagnostic:hover {
    border-color: rgba(196,147,73,.62) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card--diagnostic > div:first-child { min-width: 0; }

.homepage-layout > section > .status-shell--realm .monitor-card__title {
    margin-bottom: .95rem !important;
    color: #d8d0bd !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: .69rem !important;
    font-weight: 800 !important;
    letter-spacing: .16em !important;
    line-height: 1.25 !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: .6rem !important;
    min-width: 0;
}

.homepage-layout > section > .status-shell--realm .monitor-node--obsidian {
    min-width: 0;
    min-height: 88px !important;
    gap: .48rem !important;
    padding: .68rem .35rem !important;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(29,31,29,.72), rgba(13,15,15,.84)) !important;
    border: 1px solid rgba(196,147,73,.42) !important;
    border-radius: .46rem !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.028) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node--obsidian:hover,
.homepage-layout > section > .status-shell--realm .monitor-node--obsidian:focus-within {
    transform: translateY(-2px);
    border-color: rgba(234,208,154,.82) !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node__icon {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border: 1px solid rgba(196,147,73,.72) !important;
    border-radius: .35rem;
    background: linear-gradient(180deg, rgba(91,66,27,.34), rgba(32,26,16,.62)) !important;
    color: #ead09a !important;
    font-family: Cinzel, Georgia, serif;
    font-size: .84rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.homepage-layout > section > .status-shell--realm .monitor-node__label {
    max-width: 100%;
    overflow: hidden;
    color: #e1d9c8 !important;
    font-size: .62rem !important;
    font-weight: 800 !important;
    letter-spacing: .09em !important;
    line-height: 1.15 !important;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.homepage-layout > section > .status-shell--realm .monitor-node__dot {
    width: .46rem !important;
    height: .46rem !important;
    background: #c49349 !important;
    box-shadow: 0 0 0 3px rgba(196,147,73,.09), 0 0 10px rgba(196,147,73,.4) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node.is-online .monitor-node__dot {
    background: #6fbd91 !important;
    box-shadow: 0 0 0 3px rgba(111,189,145,.09), 0 0 10px rgba(111,189,145,.42) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node.is-offline .monitor-node__dot {
    background: #b76459 !important;
    box-shadow: 0 0 0 3px rgba(183,100,89,.08), 0 0 10px rgba(183,100,89,.34) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node.is-checking .monitor-node__dot { background: #c49349 !important; }

.homepage-layout > section > .status-shell--realm .monitor-region-row {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: .48rem !important;
    margin-top: 1rem !important;
    padding-top: .72rem !important;
    border-top: 1px solid rgba(116,107,87,.32) !important;
    color: #bdb7a7 !important;
    font-size: .59rem !important;
    letter-spacing: .18em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-region-row > span { color: #c49349 !important; }

.homepage-layout > section > .status-shell--realm .monitor-population-row {
    display: grid !important;
    grid-template-columns: minmax(92px,.55fr) minmax(0,1fr) !important;
    align-items: stretch !important;
    gap: .6rem !important;
    min-height: 88px !important;
    margin-bottom: .95rem !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box,
.homepage-layout > section > .status-shell--realm .monitor-chart-box {
    min-width: 0;
    border: 1px solid rgba(116,107,87,.5) !important;
    border-radius: .46rem !important;
    background: rgba(8,10,11,.44) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box {
    align-items: flex-start !important;
    justify-content: center !important;
    padding: .72rem .8rem !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box__label {
    margin-bottom: .25rem !important;
    color: #bdb7a7 !important;
    font-size: .56rem !important;
    letter-spacing: .16em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box__value {
    color: #ead09a !important;
    font-family: Cinzel, Georgia, serif;
    font-size: 2rem !important;
    line-height: 1 !important;
    text-shadow: 0 0 16px rgba(196,147,73,.18) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-chart-box {
    display: flex !important;
    align-items: end !important;
    min-height: 88px !important;
    padding: .45rem !important;
    overflow: hidden;
    background: repeating-linear-gradient(0deg, rgba(116,107,87,.06) 0 1px, transparent 1px 25px), rgba(8,10,11,.44) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-network-line {
    display: grid !important;
    grid-template-columns: auto auto 1fr !important;
    align-items: center !important;
    gap: .48rem !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding-top: .72rem !important;
    border-top: 1px solid rgba(116,107,87,.32) !important;
    color: #bdb7a7 !important;
    font-size: .58rem !important;
    letter-spacing: .13em !important;
    text-align: left !important;
}

.homepage-layout > section > .status-shell--realm .monitor-network-line__label {
    color: #bdb7a7 !important;
    font-size: .58rem !important;
    letter-spacing: .13em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-network-badge {
    justify-self: start;
    background: rgba(56,42,20,.62) !important;
    border: 1px solid rgba(196,147,73,.52) !important;
    border-radius: .28rem !important;
    color: #ead09a !important;
    padding: .18rem .5rem !important;
}

.homepage-layout > section > .status-shell--realm .monitor-network-badge__dot {
    width: .34rem !important;
    height: .34rem !important;
    background: #c49349 !important;
    box-shadow: 0 0 8px rgba(196,147,73,.46) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-network-badge__text {
    color: #ead09a !important;
    font-size: .56rem !important;
    letter-spacing: .11em !important;
}

.homepage-layout > section > .status-shell--realm .network-latency {
    justify-self: end;
    color: #c49349 !important;
    font-size: .55rem !important;
    letter-spacing: .1em !important;
}

.homepage-layout > section > .status-shell--realm .status-last-checked {
    margin: .48rem 0 0 !important;
    color: #8e8b83 !important;
    font-size: .55rem !important;
    letter-spacing: .08em;
    text-align: right;
}

@media (max-width: 760px) {
    .homepage-layout > section > .status-shell--realm .top-monitor-grid { grid-template-columns: 1fr !important; }
}

/* L2Nexus infrastructure panel  final premium polish */
.homepage-layout > section > .status-shell--realm .monitor-card--diagnostic {
    min-width: 0 !important;
    overflow: hidden !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: 5.35rem !important;
    padding: .72rem .42rem .64rem !important;
    gap: .48rem !important;
    border-radius: .55rem !important;
    background:
        linear-gradient(180deg, rgba(34, 38, 34, .82), rgba(10, 12, 12, .92)) !important;
    border-color: rgba(187, 145, 72, .48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 242, 192, .07),
        inset 0 -12px 18px rgba(0, 0, 0, .13) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(214, 170, 88, .78), transparent) !important;
    opacity: .82 !important;
    pointer-events: none !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node__icon {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    place-items: center !important;
    width: 1.95rem !important;
    height: 1.95rem !important;
    border: 1px solid rgba(196, 147, 73, .82) !important;
    border-radius: .38rem !important;
    background: linear-gradient(180deg, rgba(59, 49, 28, .72), rgba(18, 18, 14, .88)) !important;
    color: #ecd59a !important;
    box-shadow: inset 0 1px 0 rgba(255, 245, 197, .12), 0 0 0 1px rgba(0, 0, 0, .22) !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node__label {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 2.2em !important;
    padding: 0 .08rem !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    text-align: center !important;
    color: #e1ddd2 !important;
    font-size: .59rem !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    letter-spacing: .095em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node__dot {
    width: .46rem !important;
    height: .46rem !important;
    margin-top: auto !important;
    background: #b58a42 !important;
    box-shadow: 0 0 0 .2rem rgba(181, 138, 66, .09), 0 0 .7rem rgba(181, 138, 66, .35) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node.is-online .monitor-node__dot {
    background: #79b694 !important;
    box-shadow: 0 0 0 .2rem rgba(121, 182, 148, .09), 0 0 .7rem rgba(121, 182, 148, .42) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node.is-offline .monitor-node__dot {
    background: #b96a5d !important;
    box-shadow: 0 0 0 .2rem rgba(185, 106, 93, .09), 0 0 .7rem rgba(185, 106, 93, .32) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-region-row {
    margin-top: 1.05rem !important;
    padding-top: .78rem !important;
    border-top: 1px solid rgba(196, 147, 73, .22) !important;
    color: #b9ad91 !important;
    letter-spacing: .19em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-population-row {
    align-items: stretch !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box,
.homepage-layout > section > .status-shell--realm .monitor-chart-box {
    min-height: 5.4rem !important;
    border: 1px solid rgba(196, 147, 73, .28) !important;
    background: rgba(7, 9, 10, .62) !important;
    box-shadow: inset 0 1px 0 rgba(255, 240, 190, .04) !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 7.7rem !important;
    padding: .8rem 1rem !important;
    border-left: 2px solid #c49349 !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box__label {
    color: #b9ad91 !important;
    font-size: .54rem !important;
    font-weight: 800 !important;
    letter-spacing: .19em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box__value {
    color: #f1d28a !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.8rem !important;
    line-height: 1 !important;
}

@media (max-width: 760px) {
    .homepage-layout > section > .status-shell--realm .monitor-node__label {
        font-size: .56rem !important;
    }
}

/* L2Nexus Discord community widget — enlarged premium corner treatment */
.community-float {
    right: 1.25rem !important;
    bottom: 1.25rem !important;
    width: 360px !important;
    padding: 1rem !important;
    border: 1px solid rgba(196, 147, 73, .72) !important;
    border-radius: .9rem !important;
    background: linear-gradient(150deg, rgba(32, 40, 43, .98), rgba(10, 13, 14, .98)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .62), 0 0 22px rgba(196, 147, 73, .12), inset 0 1px 0 rgba(255, 242, 192, .08) !important;
}
.community-float__heading {
    font-size: .68rem !important;
    letter-spacing: .16em !important;
}
.community-float__lamp {
    width: .5rem !important;
    height: .5rem !important;
    background: #c49349 !important;
    box-shadow: 0 0 10px rgba(196, 147, 73, .72) !important;
}
.community-float__close {
    color: #c9b27a !important;
    font-size: 1.1rem !important;
}
.community-float__users {
    gap: .7rem !important;
    margin: .85rem 0 !important;
    padding: .72rem !important;
    border-color: rgba(196, 147, 73, .28) !important;
    border-radius: .6rem !important;
    background: rgba(8, 11, 12, .68) !important;
    box-shadow: inset 0 1px 0 rgba(255, 242, 192, .04) !important;
}
.community-float__avatars i {
    width: 1.72rem !important;
    height: 1.72rem !important;
    border-color: #20282b !important;
    font-size: .54rem !important;
}
.community-float__users strong {
    font-size: .9rem !important;
    color: #ead09a !important;
}
.community-float__users small {
    font-size: .57rem !important;
    letter-spacing: .1em !important;
}
.community-float__widget {
    height: 168px !important;
    margin-bottom: .8rem !important;
    border-color: rgba(196, 147, 73, .26) !important;
    border-radius: .6rem !important;
    background: #080d10 !important;
}
.community-float__hint {
    margin-bottom: .82rem !important;
    font-size: .68rem !important;
    line-height: 1.5 !important;
    color: #b9b19f !important;
}
.community-float__join {
    gap: .52rem !important;
    padding: .62rem .68rem !important;
    border: 1px solid rgba(196, 147, 73, .62) !important;
    border-radius: .5rem !important;
    background: linear-gradient(180deg, #a33a2d, #64251f) !important;
    color: #f2d49b !important;
    font-size: .65rem !important;
    letter-spacing: .09em !important;
    box-shadow: inset 0 1px 0 rgba(255, 230, 173, .12), 0 7px 16px rgba(0, 0, 0, .22) !important;
}
.community-float__join:hover,
.community-float__join:focus-visible {
    background: linear-gradient(180deg, #b14a38, #742b22) !important;
    color: #fff0c8 !important;
}
.community-float__icon {
    width: 1.25rem !important;
    height: 1.25rem !important;
    background: #c49349 !important;
}
.community-float__icon svg { fill: #171313 !important; }
@media (max-width: 560px) {
    .community-float {
        right: .65rem !important;
        bottom: .65rem !important;
        width: calc(100vw - 1.3rem) !important;
        max-width: 360px !important;
    }
}

/* Fog correction: preserve the existing composition and artwork without the legacy cloud band. */
.site-bg::before {
    content: none !important;
    display: none !important;
}
.site-bg::after {
    background-image: none !important;
}
.site-bg,
.time-morning .site-bg,
.time-day .site-bg,
.time-evening .site-bg,
.time-night .site-bg {
    filter: saturate(.82) brightness(.82) !important;
}

/* Fog correction follow-up: remove the remaining full-width pseudo-layer. */
.site-bg::before,
.site-bg::after {
    content: none !important;
    display: none !important;
    background: none !important;
    animation: none !important;
}
/* Fog correction final: keep the artwork and dark overlays, remove the broad radial haze bands. */
.site-bg,
.time-morning .site-bg,
.time-day .site-bg,
.time-evening .site-bg,
.time-night .site-bg {
    background-image:
        linear-gradient(180deg, rgba(5, 10, 18, .34) 0%, rgba(7, 11, 19, .48) 58%, rgba(8, 11, 18, .88) 100%),
        linear-gradient(90deg, rgba(5, 12, 24, .42) 0%, rgba(5, 10, 18, .08) 44%, rgba(5, 10, 18, .46) 100%),
        url("/assets/images/backgrounds/l2nexus-world.webp") !important;
    background-position: center top, center top, center 28% !important;
    background-size: cover, cover, cover !important;
    background-repeat: no-repeat !important;
}


/* L2Nexus status block — final alignment and realm-state treatment */
.homepage-layout > section > .status-shell--realm .monitor-node {
    display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important;
    min-width: 0 !important; min-height: 6.5rem !important; padding: .78rem .38rem .62rem !important; gap: .42rem !important;
    overflow: hidden !important; white-space: nowrap !important;
    background: linear-gradient(180deg, rgba(28,31,29,.72), rgba(10,12,12,.90)) !important;
    border: 1px solid rgba(196,147,73,.45) !important; border-radius: .48rem !important;
}
.homepage-layout > section > .status-shell--realm .monitor-node__state {
    display: block !important; width: 100% !important; min-height: .78rem !important; overflow: hidden !important;
    color: #c49349 !important; font-family: Inter,system-ui,sans-serif !important; font-size: .48rem !important;
    font-weight: 800 !important; letter-spacing: .13em !important; line-height: 1 !important; text-align: center !important;
    text-overflow: ellipsis !important; text-transform: uppercase !important; white-space: nowrap !important;
}
.homepage-layout > section > .status-shell--realm .monitor-node__icon { flex: 0 0 auto !important; width: 1.8rem !important; height: 1.8rem !important; }
.homepage-layout > section > .status-shell--realm .monitor-node__label {
    display: block !important; flex: 0 0 auto !important; width: 100% !important; min-height: 0 !important; padding: 0 !important;
    overflow: hidden !important; color: #e1ddd2 !important; font-size: .58rem !important; font-weight: 800 !important;
    letter-spacing: .06em !important; line-height: 1.1 !important; text-align: center !important;
    text-overflow: ellipsis !important; text-transform: uppercase !important; white-space: nowrap !important;
}
.homepage-layout > section > .status-shell--realm .monitor-node__dot {
    flex: 0 0 auto !important; width: .44rem !important; height: .44rem !important; margin-top: auto !important;
}
.homepage-layout > section > .status-shell--realm .monitor-node.is-online .monitor-node__state { color: #79b694 !important; }
.homepage-layout > section > .status-shell--realm .monitor-node.is-offline .monitor-node__state { color: #c4796b !important; }
.homepage-layout > section > .status-shell--realm .monitor-node.is-checking .monitor-node__state { color: #d2ad61 !important; }
.homepage-layout > section > .status-shell--realm .monitor-node.is-checking .monitor-node__dot { animation: l2nexus-status-pulse 1.8s ease-in-out infinite !important; }
@keyframes l2nexus-status-pulse { 0%,100% { opacity: .55; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.08); } }
.homepage-layout > section > .status-shell--realm .monitor-network-row {
    display: grid !important; grid-template-columns: minmax(0,1fr) auto auto !important;
    grid-template-areas: "label badge ping" "updated updated updated" !important; align-items: center !important;
    gap: .45rem .65rem !important; width: 100% !important; margin-top: 0 !important; padding-top: .72rem !important;
    border-top: 1px solid rgba(196,147,73,.24) !important; color: #bdb7a7 !important; font-size: .56rem !important;
    line-height: 1.2 !important; text-align: left !important;
}
.homepage-layout > section > .status-shell--realm .monitor-network-row__label {
    grid-area: label !important; min-width: 0 !important; overflow: hidden !important; color: #bdb7a7 !important;
    font-size: .56rem !important; font-weight: 800 !important; letter-spacing: .12em !important;
    text-overflow: ellipsis !important; white-space: nowrap !important;
}
.homepage-layout > section > .status-shell--realm .monitor-network-row__badge {
    grid-area: badge !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
    min-width: 0 !important; padding: .2rem .48rem !important; border: 1px solid rgba(196,147,73,.52) !important;
    border-radius: .24rem !important; background: rgba(56,42,20,.52) !important; color: #ead09a !important;
    font-size: .52rem !important; font-weight: 800 !important; letter-spacing: .08em !important; line-height: 1 !important;
    text-transform: uppercase !important; white-space: nowrap !important;
}
.homepage-layout > section > .status-shell--realm .monitor-network-row__badge::before {
    content: "" !important; width: .34rem !important; height: .34rem !important; margin-right: .32rem !important;
    border-radius: 50% !important; background: #c49349 !important; box-shadow: 0 0 .45rem rgba(196,147,73,.55) !important;
}
.homepage-layout > section > .status-shell--realm .monitor-network-row__ping {
    grid-area: ping !important; color: #c49349 !important; font-size: .52rem !important; font-weight: 800 !important;
    letter-spacing: .05em !important; white-space: nowrap !important;
}
.homepage-layout > section > .status-shell--realm .monitor-network-row__updated {
    grid-area: updated !important; justify-self: end !important; margin: 0 !important; color: #8e8b83 !important;
    font-size: .5rem !important; letter-spacing: .05em !important; white-space: nowrap !important;
}
@media (max-width:760px) {
    .homepage-layout > section > .status-shell--realm .monitor-network-row {
        grid-template-columns: minmax(0,1fr) auto !important; grid-template-areas: "label badge" "ping updated" !important;
    }
    .homepage-layout > section > .status-shell--realm .monitor-network-row__ping { justify-self: start !important; }
}
@media (prefers-reduced-motion:reduce) {
    .homepage-layout > section > .status-shell--realm .monitor-node.is-checking .monitor-node__dot { animation: none !important; }
}

/* L2Nexus canonical live status panel — scoped final rules */
.status-shell--realm {
  background: rgba(17, 19, 23, .44) !important;
  border: 1px solid rgba(195, 158, 103, .34) !important;
  border-radius: 1.35rem !important;
  box-shadow: inset 0 1px 0 rgba(255,248,224,.035), 0 18px 42px rgba(0,0,0,.28) !important;
  color: #ece2c3;
}
.status-shell--realm .top-monitor-grid { display:grid; gap:1rem; }
.status-shell--realm .status-eyebrow,
.status-shell--realm .monitor-card__title {
  color:#d4af37 !important;
  font-family:Cinzel, Georgia, serif;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.22em;
  line-height:1.35;
  text-transform:uppercase;
}
.status-shell--realm .status-title {
  margin:.45rem 0 0;
  color:#eee6d5 !important;
  font-family:Cinzel, Georgia, serif;
  font-size:clamp(1.7rem, 2.6vw, 2.45rem);
  font-weight:500;
  letter-spacing:.03em;
  line-height:1.12;
}
.status-shell--realm .status-title-rule {
  height:1px;
  margin:1rem 0 .9rem;
  background:linear-gradient(90deg, rgba(212,175,55,.5), rgba(212,175,55,.12), transparent);
}
.status-shell--realm .status-availability {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin:0 0 1rem;
  padding:.3rem .62rem;
  border:1px solid rgba(195,158,103,.38);
  border-radius:.28rem;
  background:rgba(25,20,12,.34);
  color:#dbcfae;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}
.status-shell--realm .status-availability i {
  width:.4rem;
  height:.4rem;
  border-radius:50%;
  background:#d4af37;
  box-shadow:0 0 9px rgba(212,175,55,.5);
}
.status-shell--realm .monitor-card--split {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);
  gap:1rem;
  padding:1rem !important;
  border:1px solid rgba(195,158,103,.23) !important;
  border-radius:1.1rem !important;
  background:linear-gradient(180deg, rgba(17,19,23,.76), rgba(9,10,13,.72)) !important;
  box-shadow:inset 0 1px 0 rgba(255,248,224,.025), 0 12px 24px rgba(0,0,0,.18) !important;
}
.status-shell--realm .monitor-card__section { min-width:0; }
.status-shell--realm .monitor-card__section--border {
  padding-right:1rem;
  border-right:1px solid rgba(216,190,130,.15) !important;
}
.status-shell--realm .monitor-card__title {
  margin:0 0 1rem;
  color:#d8d2c5 !important;
  text-align:center;
  letter-spacing:.13em;
}
.status-shell--realm .monitor-node-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
}
.status-shell--realm .monitor-node {
  display:flex;
  min-width:0;
  min-height:94px;
  align-items:center;
  justify-content:center;
  gap:.38rem;
  padding:.72rem .45rem !important;
  border:1px solid rgba(216,190,130,.28) !important;
  border-radius:.55rem !important;
  background:linear-gradient(180deg, rgba(35,31,22,.45), rgba(12,13,15,.86)) !important;
  box-shadow:inset 0 1px 0 rgba(255,248,224,.035);
  text-align:center;
}
.status-shell--realm .monitor-node__state {
  color:#cdb77c;
  font-size:.55rem;
  font-weight:700;
  letter-spacing:.11em;
  line-height:1;
  text-transform:uppercase;
}
.status-shell--realm .monitor-node__icon {
  display:grid;
  width:2rem;
  height:2rem;
  place-items:center;
  border:1px solid rgba(212,175,55,.7);
  border-radius:.28rem;
  color:#ead49a;
  font-family:Cinzel, Georgia, serif;
  font-size:.9rem;
  line-height:1;
  text-shadow:0 0 8px rgba(212,175,55,.28);
}
.status-shell--realm .monitor-node__label {
  color:#eee6d5;
  font-family:Cinzel, Georgia, serif;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1.15;
  text-transform:uppercase;
}
.status-shell--realm .monitor-node__dot {
  width:.48rem;
  height:.48rem;
  border-radius:50%;
  background:#d4af37;
  box-shadow:0 0 9px rgba(212,175,55,.58);
  animation:statusPulse 2.4s ease-in-out infinite;
}
.status-shell--realm .monitor-node.is-online .monitor-node__dot { background:#7dd3a7; box-shadow:0 0 9px rgba(125,211,167,.6); }
.status-shell--realm .monitor-node.is-offline .monitor-node__dot { background:#bd604d; box-shadow:0 0 7px rgba(189,96,77,.35); animation:none; }
.status-shell--realm .monitor-node.is-checking .monitor-node__dot { background:#d4af37; }
.status-shell--realm .monitor-region-row {
  display:flex;
  justify-content:center;
  gap:.65rem;
  margin-top:1rem;
  padding-top:.75rem;
  border-top:1px solid rgba(216,190,130,.18);
  color:#c5a766;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.status-shell--realm .monitor-population-row {
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:.75rem;
  min-height:112px;
}
.status-shell--realm .monitor-online-box,
.status-shell--realm .monitor-chart-box {
  min-width:0;
  border:1px solid rgba(216,190,130,.2) !important;
  border-radius:.65rem !important;
  background:linear-gradient(180deg, rgba(24,25,24,.56), rgba(9,10,12,.78)) !important;
}
.status-shell--realm .monitor-online-box {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:.85rem !important;
  border-left:2px solid rgba(212,175,55,.72) !important;
}
.status-shell--realm .monitor-online-box__label {
  color:#b8ad98;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.status-shell--realm .monitor-online-box__value {
  margin-top:.35rem;
  color:#e5a93c !important;
  font-family:Cinzel, Georgia, serif;
  font-size:2.65rem !important;
  font-weight:600;
  line-height:1;
  text-shadow:0 0 16px rgba(212,175,55,.24);
}
.status-shell--realm .monitor-chart-box {
  position:relative;
  min-height:112px;
  overflow:hidden;
  padding:.6rem !important;
}
.status-shell--realm .status-chart-svg { display:block; width:100%; height:100%; min-height:96px; }
.status-shell--realm .status-chart-area { fill:url(#status-chart-fill); }
.status-shell--realm .status-chart-line {
  stroke:#d4af37;
  stroke-width:2;
  filter:drop-shadow(0 0 4px rgba(212,175,55,.42));
}
.status-shell--realm .monitor-network-line {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem;
  margin-top:.75rem;
  padding-top:.7rem;
  border-top:1px solid rgba(216,190,130,.18);
  color:#c7bfaf;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.status-shell--realm .monitor-network-line__badge {
  padding:.2rem .55rem;
  border:1px solid rgba(195,158,103,.32);
  border-radius:.25rem;
  background:rgba(39,29,12,.45);
  color:#e4c881;
}
.status-shell--realm .monitor-network-line__ping,
.status-shell--realm .monitor-network-line__updated { color:#a9a092; font-size:.57rem; letter-spacing:.06em; }
@keyframes statusPulse {
  0%,100% { transform:scale(.9); opacity:.65; }
  50% { transform:scale(1.15); opacity:1; }
}
@media (max-width:900px) {
  .status-shell--realm .monitor-card--split { grid-template-columns:1fr; }
  .status-shell--realm .monitor-card__section--border { padding-right:0; padding-bottom:1rem; border-right:0 !important; border-bottom:1px solid rgba(216,190,130,.15) !important; }
}
@media (max-width:560px) {
  .status-shell--realm .monitor-node-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .status-shell--realm .monitor-population-row { grid-template-columns:1fr; }
}


/* L2Nexus 24-hour realm monitoring — final visual layer */
.status-shell--realm .monitor-card--split {
  background:linear-gradient(180deg,rgba(20,22,23,.66),rgba(7,10,12,.78)) !important;
  border-color:rgba(212,175,55,.34) !important;
  border-radius:.78rem !important;
  box-shadow:inset 0 1px rgba(255,244,207,.07),inset 0 -18px 34px rgba(0,0,0,.12),0 12px 30px rgba(0,0,0,.34),0 0 22px rgba(212,175,55,.06) !important;
}
.status-shell--realm .monitor-card__section { padding:.95rem !important; }
.status-shell--realm .monitor-card__section--border {
  border-right-color:rgba(212,175,55,.22) !important;
}
.status-shell--realm .monitor-card__title {
  display:flex !important; align-items:center !important; justify-content:center !important; gap:.55rem !important;
  color:#e4d5b2 !important; font-size:.68rem !important; letter-spacing:.16em !important;
}
.status-shell--realm .monitor-card__hint {
  color:#b99a57 !important; font-family:Inter,system-ui,sans-serif !important; font-size:.5rem !important;
  font-weight:700 !important; letter-spacing:.1em !important; opacity:.84 !important;
}
.status-shell--realm .monitor-node {
  position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important;
  justify-content:flex-start !important; min-height:112px !important; padding:.68rem .32rem .58rem !important;
  gap:.36rem !important; overflow:hidden !important;
  background:linear-gradient(180deg,rgba(38,34,25,.58),rgba(8,10,11,.9)) !important;
  border:1px solid rgba(212,175,55,.38) !important; border-radius:.48rem !important;
  box-shadow:inset 0 1px rgba(255,239,195,.08),0 0 16px rgba(212,175,55,.05) !important;
}
.status-shell--realm .monitor-node::before {
  content:"" !important; position:absolute !important; inset:0 10% auto !important; height:2px !important;
  background:linear-gradient(90deg,transparent,#d4af37,transparent) !important; opacity:.78 !important;
}
.status-shell--realm .monitor-node.is-online { border-color:rgba(115,196,145,.52) !important; box-shadow:0 0 18px rgba(115,196,145,.1),inset 0 1px rgba(224,255,232,.08) !important; }
.status-shell--realm .monitor-node.is-offline { border-color:rgba(189,96,77,.58) !important; box-shadow:0 0 14px rgba(189,96,77,.08),inset 0 1px rgba(255,215,205,.05) !important; }
.status-shell--realm .monitor-node__state { order:0 !important; color:#d3b36b !important; font-size:.5rem !important; }
.status-shell--realm .monitor-node.is-online .monitor-node__state { color:#9cdbb0 !important; }
.status-shell--realm .monitor-node.is-offline .monitor-node__state { color:#d58a78 !important; }
.status-shell--realm .monitor-node__icon { order:1 !important; width:2.3rem !important; height:2.3rem !important; border-color:#c69d45 !important; box-shadow:0 0 12px rgba(212,175,55,.12) !important; }
.status-shell--realm .monitor-node__label { order:2 !important; font-size:.59rem !important; }
.status-shell--realm .monitor-node__dot { order:3 !important; margin-top:auto !important; }
.status-shell--realm .monitor-node.is-online .monitor-node__dot { background:#73c491 !important; box-shadow:0 0 12px rgba(115,196,145,.85) !important; }
.status-shell--realm .monitor-node.is-offline .monitor-node__dot { background:#bd604d !important; box-shadow:0 0 10px rgba(189,96,77,.7) !important; animation:none !important; }
.status-shell--realm .monitor-population-row { grid-template-columns:145px minmax(0,1fr) !important; min-height:130px !important; gap:.75rem !important; }
.status-shell--realm .monitor-online-box {
  background:linear-gradient(180deg,rgba(38,34,25,.62),rgba(8,10,11,.9)) !important;
  border-color:rgba(212,175,55,.4) !important; box-shadow:inset 0 1px rgba(255,239,195,.08),0 0 16px rgba(212,175,55,.06) !important;
}
.status-shell--realm .monitor-online-box__value { color:#f0c45d !important; font-size:3rem !important; text-shadow:0 0 18px rgba(212,175,55,.38) !important; }
.status-shell--realm .monitor-chart-box {
  background:linear-gradient(180deg,rgba(21,29,25,.56),rgba(5,9,10,.88)) !important;
  border-color:rgba(115,196,145,.25) !important; box-shadow:inset 0 1px rgba(225,255,233,.06),0 0 18px rgba(115,196,145,.05) !important;
}
.status-shell--realm .status-chart-line { stroke:#d4af37 !important; filter:drop-shadow(0 0 6px rgba(212,175,55,.72)) !important; }
.status-shell--realm .monitor-network-line { border-top-color:rgba(212,175,55,.22) !important; }
.status-shell--realm .monitor-network-line__badge { color:#9cdbb0 !important; border-color:rgba(115,196,145,.38) !important; background:rgba(25,67,43,.28) !important; }
.status-shell--realm .monitor-network-line__ping,
.status-shell--realm .monitor-network-line__updated { color:#c8b47f !important; }
@media (max-width:900px) {
  .status-shell--realm .monitor-card--split { grid-template-columns:1fr !important; }
  .status-shell--realm .monitor-card__section--border { padding-right:.95rem !important; padding-bottom:1rem !important; border-right:0 !important; border-bottom:1px solid rgba(212,175,55,.2) !important; }
}
@media (max-width:560px) {
  .status-shell--realm .monitor-node-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .status-shell--realm .monitor-population-row { grid-template-columns:1fr !important; }
}


/* L2Nexus live status panel  10 second polling */
.status-shell--realm .monitor-card--split {
  background: radial-gradient(circle at top, rgba(30,35,45,.8) 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,.6), 0 10px 30px rgba(0,0,0,.5) !important;
}
.status-shell--realm .monitor-node-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.status-shell--realm .monitor-card__section {
  background: transparent !important;
}
.status-shell--realm .monitor-node {
  background: radial-gradient(circle at top, rgba(30,35,45,.72), rgba(12,14,18,.92)) !important;
  border-color: rgba(212,175,55,.28) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.status-shell--realm .monitor-node:hover {
  transform: translateY(-2px);
  border-color: rgba(212,175,55,.6) !important;
  box-shadow: 0 0 18px rgba(212,175,55,.16), inset 0 0 12px rgba(212,175,55,.05) !important;
}
.status-shell--realm .monitor-node.online,
.status-shell--realm .monitor-node.is-online {
  border-color: rgba(74,222,128,.46) !important;
  box-shadow: 0 0 15px rgba(74,222,128,.12), inset 0 0 12px rgba(74,222,128,.04) !important;
}
.status-shell--realm .monitor-node.offline,
.status-shell--realm .monitor-node.is-offline {
  border-color: rgba(239,68,68,.58) !important;
  box-shadow: 0 0 15px rgba(239,68,68,.12), inset 0 0 12px rgba(239,68,68,.04) !important;
}
.status-shell--realm .monitor-node__dot.online {
  background: #4ade80 !important;
  box-shadow: 0 0 10px #4ade80 !important;
  animation: statusPulse 1.8s ease-in-out infinite !important;
}
.status-shell--realm .monitor-node__dot.offline {
  background: #ef4444 !important;
  box-shadow: 0 0 10px rgba(239,68,68,.8) !important;
  animation: none !important;
}
.status-shell--realm .monitor-node__dot.checking {
  background: #e6c875 !important;
  box-shadow: 0 0 10px rgba(230,200,117,.72) !important;
}
.status-shell--realm .monitor-online-box,
.status-shell--realm .monitor-chart-box {
  background: radial-gradient(circle at top, rgba(30,35,45,.8) 0%, rgba(12,14,18,.95) 100%) !important;
  border-color: rgba(212,175,55,.25) !important;
  box-shadow: inset 0 0 15px rgba(0,0,0,.6), 0 10px 30px rgba(0,0,0,.35) !important;
}
.status-shell--realm .monitor-online-box__value {
  background: linear-gradient(180deg, #fff 0%, #d4af37 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 20px rgba(230,200,117,.35);
}
.status-shell--realm .monitor-network-line__badge {
  border-color: rgba(212,175,55,.42) !important;
  background: rgba(212,175,55,.08) !important;
}
@media (max-width: 900px) {
  .status-shell--realm .monitor-node-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .status-shell--realm .monitor-node-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* L2Nexus status layout repair - the wrapper contains one full-width card. */
.homepage-layout > section > .status-shell--realm .top-overview-panel,
.homepage-layout > section > .status-shell--realm .top-overview-panel__intro,
.homepage-layout > section > .status-shell--realm .top-monitor-grid,
.homepage-layout > section > .status-shell--realm .monitor-card--split {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.homepage-layout > section > .status-shell--realm .top-monitor-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1rem !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card--split {
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  align-items: stretch !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card__section {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node-grid,
.homepage-layout > section > .status-shell--realm .monitor-population-row {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  .homepage-layout > section > .status-shell--realm .monitor-card--split {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* L2Nexus status layout repair v2 — use the full wrapper width. */
.status-shell--realm .top-overview-panel,
.status-shell--realm .top-overview-panel__intro,
.status-shell--realm .top-monitor-grid,
.status-shell--realm .monitor-card--split,
.status-shell--realm .monitor-card__section,
.status-shell--realm .monitor-node-grid,
.status-shell--realm .monitor-population-row {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
}
.status-shell--realm .top-overview-panel,
.status-shell--realm .top-overview-panel__intro,
.status-shell--realm .top-monitor-grid,
.status-shell--realm .monitor-card--split {
  width: 100% !important;
}
.status-shell--realm .top-monitor-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1rem !important;
}
.status-shell--realm .monitor-card--split {
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  align-items: stretch !important;
}
.status-shell--realm .monitor-card__section,
.status-shell--realm .monitor-node-grid,
.status-shell--realm .monitor-population-row {
  width: 100% !important;
}
@media (max-width: 900px) {
  .status-shell--realm .monitor-card--split {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* L2Nexus status layout repair v3 — outrank the legacy homepage wrapper grid. */
#main-content .status-shell--realm .top-monitor-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  gap: 1rem !important;
}
#main-content .status-shell--realm .monitor-card--split {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  align-items: stretch !important;
}
#main-content .status-shell--realm .monitor-card__section,
#main-content .status-shell--realm .monitor-node-grid,
#main-content .status-shell--realm .monitor-population-row {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
@media (max-width: 900px) {
  #main-content .status-shell--realm .monitor-card--split {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* Focused proxy list row alignment */
.status-shell--realm .monitor-region-row {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem !important;
    min-height: 1.6rem;
}
.status-shell--realm .monitor-region-row__regions {
    grid-column: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    white-space: nowrap;
    color: #c5a766 !important;
    letter-spacing: .18em;
}
.status-shell--realm .monitor-region-row__regions-label {
    color: #e3c77d !important;
    letter-spacing: .12em;
}
.status-shell--realm .monitor-region-row__separator {
    color: #8d7543 !important;
    letter-spacing: normal;
}
.status-shell--realm .monitor-region-row__region {
    color: #c5a766 !important;
}
.status-shell--realm .monitor-region-row__proxy {
    grid-column: 3;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    white-space: nowrap;
    letter-spacing: .1em;
}
.status-shell--realm .monitor-region-row__proxy-label {
    color: #9e9788 !important;
    letter-spacing: .1em;
}
.status-shell--realm .monitor-region-row__proxy-dot {
    width: .38rem !important;
    height: .38rem !important;
    flex: 0 0 .38rem;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 7px rgba(212,175,55,.55);
}
.status-shell--realm .monitor-region-row__proxy-dot.is-online {
    background: #7dd3a7;
    box-shadow: 0 0 8px rgba(125,211,167,.7);
}
.status-shell--realm .monitor-region-row__proxy-dot.is-offline {
    background: #bd604d;
    box-shadow: 0 0 7px rgba(189,96,77,.45);
}
.status-shell--realm .monitor-region-row__proxy-dot.is-checking {
    background: #d4af37;
}
.status-shell--realm .monitor-region-row__proxy-state {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
@media (max-width: 760px) {
    .status-shell--realm .monitor-region-row {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: .35rem !important;
    }
    .status-shell--realm .monitor-region-row__regions,
    .status-shell--realm .monitor-region-row__proxy {
        grid-column: 1;
        justify-self: center;
    }
}

/* Premium Vote For Us hub — scoped to the existing homepage sidebar only. */
.homepage-layout > aside > .sidebar-vote-panel.vote-hub {
    box-sizing: border-box;
    width: 100%;
    padding: 1.15rem;
    border: 1px solid rgba(230, 200, 117, .28) !important;
    border-radius: 10px !important;
    background: rgba(10, 10, 10, .58) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 28px rgba(0, 0, 0, .28) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.homepage-layout > aside > .sidebar-vote-panel.vote-hub::after {
    content: none !important;
}

.vote-hub__header {
    display: flex;
    flex-direction: column;
    gap: .42rem;
    margin-bottom: .85rem;
}

.vote-hub__eyebrow {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    color: #e6c875;
    font: 700 .64rem/1.2 'Manrope', Arial, sans-serif;
    letter-spacing: .18em;
    text-transform: uppercase;
}

/* Keep the vote hub in the same editorial hierarchy as Server Overview and Server Updates. */
.homepage-layout > aside .vote-hub__header {
    gap: .38rem;
    margin-bottom: .85rem;
}

.homepage-layout > aside .vote-hub__title {
    display: block;
    margin: 0;
    color: #f2ead8;
    font: 700 clamp(1.05rem, 1.7vw, 1.3rem)/1.12 'Cinzel', Georgia, serif;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.vote-hub__eyebrow-mark {
    color: #e6c875;
    font-size: .46rem;
    text-shadow: 0 0 8px rgba(230, 200, 117, .4);
}

.vote-hub__title {
    margin: 0;
    color: #f2ead8;
    font: 700 clamp(1.05rem, 2.2vw, 1.35rem)/1.12 'Cinzel', Georgia, serif;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.vote-hub__divider {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: .2rem;
    background: linear-gradient(90deg, rgba(230, 200, 117, .55), rgba(230, 200, 117, .12), transparent);
}

.vote-hub__list {
    display: flex;
    flex-direction: column;
    gap: .62rem;
}

.vote-hub__card {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .68rem;
    padding: .56rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 7px;
    background: rgba(19, 18, 16, .74);
    color: inherit;
    text-decoration: none;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background-color .24s ease;
}

.vote-hub__card:hover,
.vote-hub__card:focus-visible {
    transform: translateX(4px);
    border-color: rgba(230, 200, 117, .58);
    background: rgba(24, 22, 18, .9);
    box-shadow: 0 0 15px rgba(230, 200, 117, .15), inset 0 1px 0 rgba(255, 255, 255, .06);
    outline: none;
}

.vote-hub__card.is-pending {
    cursor: default;
    opacity: .82;
}

.vote-hub__logo {
    display: flex;
    flex: 0 0 60px;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 1px solid rgba(230, 200, 117, .52);
    border-radius: 5px;
    background: #1a1a1a;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .35);
    transition: transform .24s ease, border-color .24s ease;
}

.vote-hub__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .24s ease;
}

.vote-hub__card:hover .vote-hub__logo,
.vote-hub__card:focus-visible .vote-hub__logo {
    border-color: #e6c875;
    transform: scale(1.05);
}

.vote-hub__card:hover .vote-hub__logo img,
.vote-hub__card:focus-visible .vote-hub__logo img {
    transform: scale(1.06);
}

.vote-hub__copy {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    gap: .28rem;
}

.vote-hub__name {
    overflow: hidden;
    color: #f1e9d8;
    font: 800 .68rem/1.2 'Manrope', Arial, sans-serif;
    letter-spacing: .12em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.vote-hub__frequency {
    color: #888;
    font: 500 .58rem/1.25 'Manrope', Arial, sans-serif;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.vote-hub__action {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .28rem;
    min-height: 30px;
    padding: .35rem .45rem;
    border: 1px solid rgba(230, 200, 117, .62);
    border-radius: 5px;
    color: #e6c875;
    background: transparent;
    font: 800 .52rem/1 'Manrope', Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: background-color .24s ease, color .24s ease, box-shadow .24s ease;
}

.vote-hub__card:hover .vote-hub__action,
.vote-hub__card:focus-visible .vote-hub__action {
    background: rgba(230, 200, 117, .18);
    color: #fff4cf;
    box-shadow: 0 0 12px rgba(230, 200, 117, .22);
}

.vote-hub__arrow {
    font-size: .78rem;
    line-height: .7;
}

.vote-hub__card.is-pending .vote-hub__action {
    border-color: rgba(136, 136, 136, .35);
    color: #888;
}

.homepage-layout > aside .vote-hub__card.is-pending {
    opacity: .88;
}

.homepage-layout > aside .vote-hub__frequency {
    color: rgba(230, 200, 117, .62);
}

.homepage-layout > aside .vote-hub__action {
    letter-spacing: .065em;
}

@media (max-width: 520px) {
    .homepage-layout > aside > .sidebar-vote-panel.vote-hub {
        padding: 1rem;
    }

    .vote-hub__logo {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
    }

    .vote-hub__action {
        padding-inline: .38rem;
        font-size: .48rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vote-hub__card,
    .vote-hub__logo,
    .vote-hub__logo img,
    .vote-hub__action {
        transition: none;
    }
}
/* L2Nexus pagination palette */
.cn-news-pagination {
  border: 1px solid rgba(230, 200, 117, .28) !important;
  background: rgba(13, 17, 27, .82) !important;
  box-shadow: inset 0 1px 0 rgba(230, 200, 117, .08), 0 12px 28px rgba(0, 0, 0, .18) !important;
}
.cn-news-pagination__link, .cn-news-pagination__number {
  border: 1px solid rgba(230, 200, 117, .28) !important;
  border-radius: 5px !important;
  background: rgba(18, 20, 26, .82) !important;
  color: #d6dae4 !important;
  box-shadow: none !important;
}
.cn-news-pagination__link:hover, .cn-news-pagination__number:hover {
  border-color: #e6c875 !important;
  background: rgba(54, 45, 31, .94) !important;
  color: #f4dfaa !important;
  box-shadow: 0 0 14px rgba(230, 200, 117, .16) !important;
}
.cn-news-pagination__number.is-current {
  border-color: #e6c875 !important;
  background: linear-gradient(180deg, #f1d98b, #b9974c) !important;
  color: #111522 !important;
  box-shadow: none !important;
}
.cn-news-pagination__pages { color: #9299a8 !important; }
.cn-news-pagination__pages strong { color: #e6c875 !important; }
.cn-news-pagination__link.is-disabled { border-color: rgba(93, 102, 122, .22) !important; background: rgba(13, 17, 27, .58) !important; color: #5d667a !important; }

/* Keep the page-number gap on the pagination surface, not the button palette. */
.cn-news-pagination__numbers { background: transparent !important; }

/* Live homepage layout correction
 * Keeps the existing PHP/CuteNews structure and only repairs the rendered layout.
 */

.homepage-layout {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 1.35rem !important;
  width: min(calc(100% - 2rem), 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding: 1.5rem 0 4rem !important;
}

.homepage-layout > aside,
.homepage-layout > section {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: auto !important;
}

.homepage-layout > aside {
  align-self: start !important;
  position: static !important;
  inset: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.homepage-layout > section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 1.25rem !important;
  margin: 0 !important;
}

/* The vote hub belongs in the sidebar, never below the navigation or over the hero. */
.homepage-layout > aside > .sidebar-vote-panel.vote-hub,
.homepage-layout > aside > .sidebar-vote-panel {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.homepage-layout > aside .vote-hub__list {
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
  width: 100% !important;
}

.homepage-layout > aside .vote-hub__card {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

.homepage-layout > aside .vote-hub__logo {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
}

.homepage-layout > aside .vote-hub__copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.homepage-layout > aside .vote-hub__name,
.homepage-layout > aside .vote-hub__frequency {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.homepage-layout > aside .vote-hub__action {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* Keep the realm status inside the main column and make its two inner areas balanced. */
.homepage-layout > section > .status-shell--realm {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.homepage-layout > section > .status-shell--realm .top-overview-panel,
.homepage-layout > section > .status-shell--realm .top-overview-panel__intro {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.homepage-layout > section > .status-shell--realm .top-overview-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1rem !important;
}

.homepage-layout > section > .status-shell--realm .top-monitor-grid {
  box-sizing: border-box !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;
}

.homepage-layout > section > .status-shell--realm .monitor-card--split {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr) !important;
  gap: 1rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card__section {
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card__section--border {
  border-right: 1px solid rgba(196, 147, 73, .28) !important;
  padding-right: 1rem !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  min-width: 0 !important;
}

.homepage-layout > section > .status-shell--realm .monitor-node {
  min-width: 0 !important;
  overflow: hidden !important;
}

.homepage-layout > section > .status-shell--realm .monitor-population-row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: .8rem !important;
  min-width: 0 !important;
}

.homepage-layout > section > .status-shell--realm .monitor-online-box,
.homepage-layout > section > .status-shell--realm .monitor-chart-box {
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.homepage-layout > section > .status-shell--realm .monitor-chart-box img,
.homepage-layout > section > .status-shell--realm .monitor-chart-box svg,
.homepage-layout > section > .status-shell--realm .monitor-chart-box canvas {
  display: block !important;
  max-width: 100% !important;
}

/* Keep the community presence clear of the content edge without changing its function. */
.community-float {
  right: 1rem !important;
  bottom: 1rem !important;
  width: 340px !important;
  max-width: calc(100vw - 2rem) !important;
}

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

  .homepage-layout > aside {
    width: min(100%, 560px) !important;
    justify-self: center !important;
  }

  .homepage-layout > section > .status-shell--realm .monitor-card--split {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .homepage-layout > section > .status-shell--realm .monitor-card__section--border {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(196, 147, 73, .28) !important;
    padding-right: 0 !important;
    padding-bottom: 1rem !important;
  }
}

@media (max-width: 560px) {
  .homepage-layout {
    width: calc(100% - 1rem) !important;
    padding-bottom: 2.5rem !important;
  }

  .homepage-layout > section > .status-shell--realm .monitor-node-grid,
  .homepage-layout > section > .status-shell--realm .monitor-population-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .homepage-layout > section > .status-shell--realm .monitor-population-row {
    gap: .65rem !important;
  }

  .community-float {
    width: calc(100vw - 1rem) !important;
    right: .5rem !important;
    bottom: .5rem !important;
  }
}

/* Final background atmosphere override. Keep this last so older seasonal and
   legacy fog declarations cannot wash over the artwork. */
.l2-reference-theme .site-bg {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 1 !important;
  background:
    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-dark.webp') center center / cover 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%) !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;
}

@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; }
}
/* Direct sidebar correction: the vote component is rendered directly inside <aside>. */
.homepage-layout > aside {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 1.15rem !important;
  border: 1px solid rgba(230, 200, 117, .28) !important;
  border-radius: 10px !important;
  background: rgba(10, 10, 10, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 28px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.homepage-layout > aside::after {
  content: none !important;
}

.homepage-layout > aside .vote-hub__header {
  margin: 0 0 .85rem !important;
}

.homepage-layout > aside .vote-hub__card {
  background: rgba(18, 20, 26, .72) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
}

.homepage-layout > aside .vote-hub__card:hover,
.homepage-layout > aside .vote-hub__card:focus-visible {
  border-color: rgba(230, 200, 117, .55) !important;
  box-shadow: 0 0 15px rgba(230, 200, 117, .15) !important;
}

@media (max-width: 980px) {
  .homepage-layout > aside {
    width: min(100%, 560px) !important;
    justify-self: center !important;
  }
}

@media (max-width: 560px) {
  .homepage-layout > aside {
    padding: 1rem !important;
  }
}
/* Final vote-panel alignment: use the same quiet editorial treatment as the status/news panels. */
.homepage-layout > aside {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 1rem !important;
    border: 1px solid rgba(230, 200, 117, .34) !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, rgba(24, 28, 27, .58), rgba(8, 12, 12, .48)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 14px 30px rgba(0, 0, 0, .18) !important;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.homepage-layout > aside .vote-hub__header {
    display: flex !important;
    flex-direction: column !important;
    gap: .35rem !important;
    margin: 0 0 .9rem !important;
    padding: 0 0 .8rem !important;
    background: transparent !important;
    border: 0 !important;
}

.homepage-layout > aside .vote-hub__eyebrow {
    margin: 0 !important;
    color: #e6c875 !important;
    font-size: .62rem !important;
    letter-spacing: .2em !important;
}

.homepage-layout > aside .vote-hub__title {
    margin: 0 !important;
    color: #f2ead8 !important;
    font: 700 1.2rem/1.05 'Cinzel', Georgia, serif !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

.homepage-layout > aside .vote-hub__divider {
    height: 1px !important;
    margin-top: .1rem !important;
    background: linear-gradient(90deg, rgba(230, 200, 117, .58), rgba(230, 200, 117, .17), transparent) !important;
}

.homepage-layout > aside > .vote-hub__list {
    gap: .45rem !important;
    margin-top: 0 !important;
}

.homepage-layout > aside .vote-hub__card {
    min-height: 58px !important;
    padding: .5rem !important;
    gap: .6rem !important;
    border: 1px solid rgba(230, 200, 117, .19) !important;
    border-radius: 3px !important;
    background: rgba(12, 16, 17, .58) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
    transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.homepage-layout > aside .vote-hub__card:hover {
    transform: translateX(3px) !important;
    border-color: rgba(230, 200, 117, .55) !important;
    background: rgba(24, 25, 22, .72) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(230, 200, 117, .06) !important;
}

.homepage-layout > aside .vote-hub__logo {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid rgba(230, 200, 117, .48) !important;
    border-radius: 2px !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .35) !important;
}

.homepage-layout > aside .vote-hub__name {
    color: #f0e8d6 !important;
    font: 700 .72rem/1.1 'Manrope', Arial, sans-serif !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}

.homepage-layout > aside .vote-hub__frequency {
    margin-top: .16rem !important;
    color: rgba(226, 216, 193, .62) !important;
    font-size: .57rem !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.homepage-layout > aside .vote-hub__action {
    min-height: 30px !important;
    padding: .35rem .45rem !important;
    border: 1px solid rgba(230, 200, 117, .34) !important;
    border-radius: 2px !important;
    background: rgba(12, 14, 14, .48) !important;
    color: rgba(230, 200, 117, .84) !important;
    font-size: .55rem !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.homepage-layout > aside .vote-hub__card:hover .vote-hub__action {
    border-color: rgba(230, 200, 117, .7) !important;
    background: rgba(230, 200, 117, .1) !important;
    color: #fff4d0 !important;
}

.homepage-layout > aside .vote-hub__card.is-pending {
    opacity: 1 !important;
}
/* L2Nexus vote sidebar v2 — isolated component styles */
.homepage-layout {
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr) !important;
  align-items: start;
}

.homepage-layout > aside {
  min-width: 0;
  align-self: start;
}

.homepage-layout > aside > .vote-sidebar,
.homepage-layout .vote-sidebar {
  width: 100%;
  max-width: 320px;
  box-sizing: border-box;
  padding: 18px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(18, 22, 24, .96), rgba(7, 10, 12, .94));
  border: 1px solid rgba(198, 159, 82, .58);
  border-radius: 2px;
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 18px 38px rgba(0,0,0,.42);
}

.vote-sidebar__header { margin: 0 0 14px; }
.vote-sidebar__eyebrow {
  margin: 0 0 8px;
  color: #c99f4e;
  font: 700 10px/1.2 Montserrat, system-ui, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.vote-sidebar__mark {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 7px 2px 0;
  background: #c99f4e;
  box-shadow: 0 0 9px rgba(201,159,78,.7);
}
.vote-sidebar__heading-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.vote-sidebar__title {
  margin: 0;
  color: #e7dfcf;
  font: 600 clamp(20px, 1.6vw, 25px)/1.08 Cinzel, Georgia, serif;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.vote-sidebar__cycle {
  flex: 0 0 auto;
  color: #858b89;
  font: 700 8px/1.2 Montserrat, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.vote-sidebar__rule {
  display: block;
  height: 1px;
  margin-top: 13px;
  background: linear-gradient(90deg, rgba(198,159,82,.75), rgba(198,159,82,.16), transparent);
}
.vote-sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vote-card {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  padding: 8px;
  color: inherit;
  text-decoration: none;
  background: linear-gradient(105deg, rgba(27,31,32,.94), rgba(11,15,17,.92));
  border: 1px solid rgba(117,119,110,.32);
  border-radius: 2px;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.vote-card:hover,
.vote-card:focus-visible {
  background: linear-gradient(105deg, rgba(40,39,31,.97), rgba(14,18,19,.96));
  border-color: rgba(198,159,82,.82);
  box-shadow: 0 0 16px rgba(198,159,82,.12);
  transform: translateX(3px);
  outline: none;
}
.vote-card.is-pending { cursor: default; opacity: .82; }
.vote-card__art {
  flex: 0 0 54px;
  width: 54px;
  height: 42px;
  overflow: hidden;
  background: #111518;
  border: 1px solid rgba(198,159,82,.48);
  border-radius: 2px;
}
.vote-card__art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .22s ease, filter .22s ease;
}
.vote-card:hover .vote-card__art img,
.vote-card:focus-visible .vote-card__art img { transform: scale(1.06); filter: saturate(1.08) brightness(1.07); }
.vote-card__body {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}
.vote-card__name {
  overflow: hidden;
  color: #e4dccb;
  font: 700 10px/1.2 Montserrat, system-ui, sans-serif;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.vote-card__meta {
  overflow: hidden;
  color: #919793;
  font: 600 8px/1.25 Montserrat, system-ui, sans-serif;
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.vote-card__action {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 7px 8px;
  color: #caa354;
  font: 700 8px/1 Montserrat, system-ui, sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  border: 1px solid rgba(198,159,82,.43);
  border-radius: 2px;
  white-space: nowrap;
}
.vote-card:hover .vote-card__action,
.vote-card:focus-visible .vote-card__action { background: rgba(198,159,82,.12); color: #f1d28d; }
.vote-sidebar__footer {
  margin: 13px 0 0;
  padding-top: 11px;
  color: #8e938f;
  font: 600 8px/1.4 Montserrat, system-ui, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-top: 1px solid rgba(198,159,82,.22);
}

@media (max-width: 900px) {
  .homepage-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .homepage-layout .vote-sidebar { max-width: none; }
}


/* L2Nexus vote sidebar v2.1 - desktop grid correction */
.homepage-layout {
  display: grid !important;
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  width: calc(100% - 48px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}
.homepage-layout > aside,
.homepage-layout > section {
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
.homepage-layout > aside {
  align-self: start !important;
}
.homepage-layout > aside .vote-sidebar {
  width: 100% !important;
  max-width: 300px !important;
  margin: 0 !important;
}
.homepage-layout > section > * {
  min-width: 0 !important;
}
@media (max-width: 900px) {
  .homepage-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    width: calc(100% - 32px) !important;
  }
  .homepage-layout > aside .vote-sidebar {
    max-width: none !important;
  }
}


/* L2Nexus vote sidebar v2.2 - neutralize legacy utility spans */
.homepage-layout > aside,
.homepage-layout > section {
  grid-column: auto !important;
  grid-row: auto !important;
}

/* L2Nexus vote sidebar v2.3 — editorial news-entry treatment */
.vote-sidebar {
  background: rgba(11,13,14,.70) !important;
  border-color: rgba(116,107,87,.82) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.35) !important;
}
.vote-sidebar__header {
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(116,107,87,.55) !important;
}
.vote-sidebar__title {
  font-size: 20px !important;
  letter-spacing: .055em !important;
}
.vote-sidebar__cycle {
  color: #9f9788 !important;
}
.vote-sidebar__list {
  gap: 8px !important;
}
.vote-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0,1fr) auto !important;
  align-items: center !important;
  min-height: 68px !important;
  padding: 8px !important;
  background: rgba(11,13,14,.82) !important;
  border: 1px solid rgba(116,107,87,.78) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.35) !important;
}
.vote-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 2px !important;
  background: linear-gradient(180deg,#d0b47b,rgba(208,180,123,.08)) !important;
}
.vote-card:hover,
.vote-card:focus-visible {
  transform: translateX(2px) !important;
  background: rgba(17,20,21,.92) !important;
  border-color: rgba(208,180,123,.78) !important;
  box-shadow: inset 0 1px 0 rgba(244,222,164,.10), 0 7px 16px rgba(0,0,0,.24) !important;
}
.vote-card__art {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(196,163,92,.40) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.vote-card__name {
  font-size: 11px !important;
  color: #eee5d6 !important;
}
.vote-card__meta {
  color: #a49f94 !important;
}
.vote-card__action {
  min-width: 56px !important;
  padding: 8px !important;
  color: #d9b86d !important;
  border-color: rgba(197,163,91,.38) !important;
  background: rgba(9,12,14,.42) !important;
  border-radius: 0 !important;
}
.vote-card:hover .vote-card__action,
.vote-card:focus-visible .vote-card__action {
  background: rgba(194,151,60,.12) !important;
  color: #f4dfab !important;
}
.vote-sidebar__footer {
  padding-top: 10px !important;
  border-top: 1px solid rgba(116,107,87,.38) !important;
  color: #958f84 !important;
}

/* L2Nexus vote sidebar — news panel treatment */
.homepage-layout > aside > .vote-sidebar,
.homepage-layout .vote-sidebar {
  background: rgba(11,13,14,.68) !important;
  border: 1px solid rgba(196,163,92,.56) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 38px rgba(0,0,0,.34) !important;
  padding: 18px !important;
  overflow: hidden !important;
}
.vote-sidebar__header { padding-bottom: 12px !important; border-bottom: 1px solid rgba(196,163,92,.34) !important; }
.vote-sidebar__eyebrow { color:#c9ab6d !important; }
.vote-sidebar__title { color:#eee5d6 !important; font-family: Cinzel, Georgia, serif !important; font-size:20px !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
.vote-sidebar__cycle { color:#9f9788 !important; }
.vote-sidebar__list { gap: 9px !important; }
.vote-card {
 display:grid!important; grid-template-columns:52px minmax(0,1fr) auto!important; align-items:center!important;
 min-height:68px!important; padding:8px!important; background:rgba(18,22,24,.68)!important;
 border:1px solid rgba(116,107,87,.58)!important; border-radius:0!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease!important;
 position:relative!important;
}
.vote-card::before { content:""!important; position:absolute!important; inset:0 auto 0 0!important; width:2px!important; background:linear-gradient(180deg,#d0b47b,rgba(208,180,123,.06))!important; }
.vote-card__art { width:48px!important;height:48px!important;border-radius:0!important;border:1px solid rgba(196,163,92,.46)!important;overflow:hidden!important; }
.vote-card__art img { width:100%!important;height:100%!important;object-fit:cover!important;display:block!important; }
.vote-card__name { color:#eee5d6!important;font-size:11px!important;letter-spacing:.08em!important; }
.vote-card__meta { color:#a49f94!important;font-size:10px!important; }
.vote-card__action { min-width:58px!important; padding:7px 8px!important; color:#d9b86d!important;border:1px solid rgba(197,163,91,.36)!important;background:rgba(9,12,14,.34)!important;border-radius:0!important; }
.vote-card:hover,.vote-card:focus-visible { transform:translateX(2px)!important;border-color:rgba(208,180,123,.78)!important;background:rgba(24,28,29,.78)!important;box-shadow:inset 0 1px 0 rgba(244,222,164,.08),0 8px 18px rgba(0,0,0,.22)!important; }
.vote-card:hover .vote-card__action,.vote-card:focus-visible .vote-card__action { background:rgba(194,151,60,.12)!important;color:#f4dfab!important; }
.vote-sidebar__footer { padding-top:10px!important; border-top:1px solid rgba(116,107,87,.34)!important; color:#958f84!important; }

/* Homepage content-only layout: vote sidebar removed 2026-08-25 */
.homepage-layout {
  display: block !important;
  width: min(100% - 2rem, 80rem);
  max-width: 80rem !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
.homepage-layout > .homepage-main {
  width: 100%;
  max-width: none;
}
.homepage-layout > .homepage-main > .status-shell,
.homepage-layout > .homepage-main > .news-status-theme {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

/* Homepage centered content-only layout — vote sidebar removed */
.homepage-layout {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: min(1280px, calc(100% - 48px)) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 24px 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}
.homepage-layout > .homepage-main {
  display: flex !important;
  flex-direction: column !important;
  grid-column: auto !important;
  grid-area: auto !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}
.homepage-layout > .homepage-main > * {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Homepage vote panel: left rail on desktop, stacked above content on mobile. */
.homepage-layout {
  display: grid !important;
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 24px !important;
  width: min(1280px, calc(100% - 48px)) !important;
  max-width: 1280px !important;
  padding: 24px 0 !important;
}

.homepage-layout > .homepage-sidebar {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.homepage-layout > .homepage-sidebar .vote-sidebar {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.homepage-layout > .homepage-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

@media (max-width: 900px) {
  .homepage-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 20px !important;
    width: min(100% - 32px, 760px) !important;
  }

  .homepage-layout > .homepage-sidebar,
  .homepage-layout > .homepage-main {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* Vote artwork is supplied as a wide banner; make it the visual lead of each card. */
.homepage-layout > .homepage-sidebar .vote-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 52px auto !important;
  gap: 8px 9px !important;
  padding: 8px !important;
}

.homepage-layout > .homepage-sidebar .vote-card__art {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 52px !important;
  aspect-ratio: auto !important;
}

.homepage-layout > .homepage-sidebar .vote-card__art img {
  object-fit: cover !important;
  object-position: center !important;
}

.homepage-layout > .homepage-sidebar .vote-card__body {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

.homepage-layout > .homepage-sidebar .vote-card__action {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

/* Vote sidebar aligned with the transparent news-block treatment. */
.homepage-layout > .homepage-sidebar > .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);
  -webkit-backdrop-filter: blur(12px);
}

.homepage-layout > .homepage-sidebar .vote-sidebar__header {
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(30, 41, 59, .8) !important;
}

.homepage-layout > .homepage-sidebar .vote-sidebar__eyebrow {
  margin: 0 0 9px !important;
  color: rgba(229, 169, 60, .92) !important;
  font: 700 .62rem/1.2 'Manrope', Arial, sans-serif !important;
  letter-spacing: .23em !important;
}

.homepage-layout > .homepage-sidebar .vote-sidebar__mark {
  width: 5px !important;
  height: 5px !important;
  margin-right: 7px !important;
  background: #e5a93c !important;
  box-shadow: 0 0 9px rgba(229, 169, 60, .55) !important;
}

.homepage-layout > .homepage-sidebar .vote-sidebar__heading-row {
  align-items: baseline !important;
  gap: 8px !important;
}

.homepage-layout > .homepage-sidebar .vote-sidebar__title {
  color: #f1f5f9 !important;
  font: 600 1.12rem/1.15 'Cinzel', Georgia, serif !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

.homepage-layout > .homepage-sidebar .vote-sidebar__cycle {
  color: #94a3b8 !important;
  font: 700 .5rem/1.2 'Manrope', Arial, sans-serif !important;
  letter-spacing: .1em !important;
}

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

.homepage-layout > .homepage-sidebar .vote-sidebar__list {
  gap: 12px !important;
}

.homepage-layout > .homepage-sidebar .vote-card {
  min-height: 100px !important;
  padding: 9px !important;
  background: rgba(8, 9, 11, .34) !important;
  border: 1px solid rgba(116, 107, 87, .42) !important;
  border-radius: .7rem !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: border-color .25s ease, background .25s ease, transform .25s ease !important;
}

.homepage-layout > .homepage-sidebar .vote-card::before {
  width: 3px !important;
  background: linear-gradient(180deg, #e5a93c, rgba(229, 169, 60, .08)) !important;
}

.homepage-layout > .homepage-sidebar .vote-card:hover,
.homepage-layout > .homepage-sidebar .vote-card:focus-visible {
  transform: translateY(-2px) !important;
  background: rgba(8, 9, 11, .5) !important;
  border-color: rgba(229, 169, 60, .46) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .18) !important;
}

.homepage-layout > .homepage-sidebar .vote-card__art {
  height: 48px !important;
  border: 1px solid rgba(116, 107, 87, .45) !important;
  border-radius: .55rem !important;
  overflow: hidden !important;
  filter: saturate(.9) brightness(.92) !important;
}

.homepage-layout > .homepage-sidebar .vote-card__name {
  color: #e2e8f0 !important;
  font: 700 .68rem/1.2 'Manrope', Arial, sans-serif !important;
  letter-spacing: .08em !important;
}

.homepage-layout > .homepage-sidebar .vote-card__meta {
  color: #94a3b8 !important;
  font: 600 .55rem/1.3 'Manrope', Arial, sans-serif !important;
  letter-spacing: .06em !important;
}

.homepage-layout > .homepage-sidebar .vote-card__action {
  min-width: 52px !important;
  min-height: 28px !important;
  padding: 6px 8px !important;
  color: #e5a93c !important;
  border: 1px solid rgba(229, 169, 60, .35) !important;
  border-radius: .35rem !important;
  background: rgba(17, 19, 23, .55) !important;
  font: 700 .55rem/1 'Manrope', Arial, sans-serif !important;
  letter-spacing: .08em !important;
}

.homepage-layout > .homepage-sidebar .vote-card:hover .vote-card__action,
.homepage-layout > .homepage-sidebar .vote-card:focus-visible .vote-card__action {
  color: #f8d98a !important;
  border-color: rgba(229, 169, 60, .65) !important;
  background: rgba(229, 169, 60, .1) !important;
}

.homepage-layout > .homepage-sidebar .vote-sidebar__footer {
  margin: 18px 0 0 !important;
  padding: 14px 0 0 !important;
  color: #94a3b8 !important;
  border-top: 1px solid rgba(30, 41, 59, .8) !important;
  font: 600 .56rem/1.5 'Manrope', Arial, sans-serif !important;
  letter-spacing: .08em !important;
}

/* Balance the space below the hero logo with the space above it. */
.homepage-layout {
  margin-top: 90px !important;
}


/* Main website footer aligned with the ACM footer */
.site-footer {
    background: linear-gradient(180deg, rgba(10,13,14,.98), rgba(5,8,9,1)) !important;
    border-top: 1px solid rgba(196,147,73,.62) !important;
    color: #b8b1a3;
}
.site-footer::before {
    width: min(980px, 82vw);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(196,147,73,.72), transparent);
    box-shadow: 0 0 16px rgba(196,147,73,.12);
}
.site-footer > div {
    width: min(92%, 1280px) !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
    padding-top: 1.1rem;
    padding-bottom: 1rem;
}
.site-footer__grid {
    display: grid;
    grid-template-columns: 1.35fr .85fr .9fr 1.4fr;
    gap: 1.5rem;
    padding: 0 0 1.25rem;
    border-bottom: 1px solid rgba(116,107,87,.28);
    text-align: left;
}
.site-footer__brand {
    display: flex;
    align-items: center;
    gap: .8rem;
}
.site-footer__logo {
    display: block;
    width: 8.6rem;
    height: auto;
    object-fit: contain;
    filter: sepia(.18) saturate(.78) brightness(.88) drop-shadow(0 5px 12px rgba(0,0,0,.42));
}
.site-footer__brand strong {
    display: block;
    color: #ead09a;
    font: 700 1rem/1.25 'Cinzel', Georgia, serif;
    letter-spacing: .08em;
}
.site-footer__brand small,
.site-footer__grid a,
.site-footer__store p {
    color: #aaa28f;
    font: .69rem/1.5 'Inter', sans-serif;
}
.site-footer__brand small { display: block; margin-top: .3rem; }
.site-footer__grid a {
    display: block;
    margin-top: .5rem;
    text-decoration: none;
}
.site-footer__grid a:hover {
    color: #f0d394;
}
.site-footer__heading {
    display: block;
    color: #e4c77f;
    font: 700 .64rem/1.3 'Inter', sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase;
}
.site-footer__store p {
    max-width: 19rem;
    margin: .55rem 0 .75rem;
}
.site-footer__cta {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: max-content;
    padding: .55rem .78rem;
    border: 1px solid rgba(214,179,106,.85);
    border-radius: 2px;
    background: linear-gradient(180deg, #b64e37, #70291f) !important;
    color: #f6dfb6 !important;
    font: 700 .65rem/1 'Inter', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px rgba(78,24,18,.78), 0 6px 16px rgba(0,0,0,.28);
}
.site-footer__cta:hover {
    background: linear-gradient(180deg, #ca6248, #873225) !important;
    border-color: #f0d394;
    transform: translateY(-1px);
}
.site-footer > div > .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .45rem .5rem;
    padding-top: 1rem;
}
.site-footer > div > .flex button {
    padding: .42rem .65rem;
    border: 1px solid rgba(116,107,87,.38) !important;
    border-radius: 2px !important;
    background: rgba(23,26,26,.72) !important;
    color: #aaa28f !important;
    font: 700 .61rem/1.2 'Inter', sans-serif;
    letter-spacing: .025em;
}
.site-footer > div > .flex button:hover,
.site-footer > div > .flex button:focus-visible {
    border-color: rgba(214,179,106,.82) !important;
    color: #f0d394 !important;
    background: rgba(196,147,73,.1) !important;
}
.site-footer > div > .max-w-6xl {
    padding-top: .55rem;
}
.site-footer > div > .max-w-6xl p {
    margin: .3rem auto;
    color: #888f8a !important;
    font: .64rem/1.55 'Inter', sans-serif;
    white-space: normal !important;
}
.site-footer > div > .max-w-6xl > div {
    color: #aaa28f !important;
    font: 700 .64rem/1.4 'Inter', sans-serif;
    letter-spacing: .06em;
}
.site-footer > div > .max-w-6xl .text-[#e5bf58] {
    color: #e4c77f !important;
}
@media (max-width: 900px) {
    .site-footer__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px) {
    .site-footer > div { width: min(92%, 1280px) !important; }
    .site-footer__grid { grid-template-columns: 1fr; gap: 1.1rem; }
    .site-footer__store p { max-width: none; }
    .site-footer__logo { width: 7.5rem; }
}


/* Footer branding uses the same compact lockup as the main navigation */
.site-footer__brand {
    align-items: center;
    gap: .75rem;
}
.site-footer__brand .site-brand__mark {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    flex: 0 0 2.55rem;
    border: 1px solid rgba(196,147,73,.82);
    border-radius: .55rem;
    background: linear-gradient(145deg, rgba(32,40,43,.95), rgba(11,13,14,.96));
    color: #ead09a;
    font: 800 .76rem/1 'Inter', sans-serif;
    letter-spacing: .04em;
    box-shadow: inset 0 1px 0 rgba(255,239,190,.08), 0 5px 15px rgba(0,0,0,.3);
}
.site-footer__brand .site-brand__copy {
    display: block;
}
.site-footer__brand .site-brand__name {
    display: block;
    color: #ead09a;
    font: 700 1rem/1.2 'Cinzel', Georgia, serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.site-footer__brand .site-brand__tagline {
    display: block;
    margin-top: .28rem;
    color: #c39e57;
    font: 700 .58rem/1.2 'Inter', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}


/* Footer color sync: values intentionally mirror .acm-site-footer */
.site-footer {
  color: #d7dce5 !important;
  background: rgba(8,12,18,.84) !important;
  border-top: 1px solid rgba(214,179,106,.46) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.site-footer::before {
  background: linear-gradient(90deg, transparent, rgba(214,179,106,.55), transparent) !important;
  box-shadow: none !important;
}
.site-footer__grid {
  grid-template-columns: minmax(190px,1.1fr) minmax(130px,.8fr) minmax(150px,.9fr) minmax(280px,1.6fr);
  gap: 1.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(190,197,212,.16) !important;
}
.site-footer__brand .site-brand__mark {
  width: 2.15rem;
  height: 2.15rem;
  flex-basis: 2.15rem;
  color: #e8d09a;
  background: rgba(18,27,40,.76);
  border: 1px solid rgba(214,179,106,.62);
  border-radius: .25rem;
}
.site-footer__brand .site-brand__name,
.site-footer__heading {
  color: #e8d09a !important;
}
.site-footer__brand .site-brand__name {
  font-size: 1rem;
  letter-spacing: .12em;
}
.site-footer__brand .site-brand__tagline {
  color: #c89d53;
  font-size: .67rem;
}
.site-footer__grid a,
.site-footer__store p {
  color: #a7b0be !important;
  font-size: .76rem;
  line-height: 1.45;
}
.site-footer__grid a:hover { color: #f0d394 !important; }
.site-footer__heading {
  margin-bottom: .55rem;
  font-size: .68rem;
  letter-spacing: .14em;
}
.site-footer__cta {
  padding: .5rem .875rem;
  color: #f7e4b7 !important;
  background: linear-gradient(180deg, rgba(125,61,39,.98), rgba(83,37,27,.98)) !important;
  border: 1px solid rgba(214,179,106,.78);
  border-radius: .25rem;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 .45rem 1rem rgba(0,0,0,.225);
  font-size: .7rem;
}
.site-footer__cta:hover {
  color: #fff5d8 !important;
  border-color: #f0d394;
  filter: brightness(1.1);
  transform: none;
}
.site-footer > div > .flex button {
  min-height: 2rem;
  padding: .45rem .7rem;
  color: #b9c1cd !important;
  background: rgba(13,21,32,.56) !important;
  border: 1px solid rgba(158,173,210,.26) !important;
  border-radius: .3rem !important;
  font-size: .68rem;
  letter-spacing: .04em;
}
.site-footer > div > .flex button:hover,
.site-footer > div > .flex button:focus-visible {
  color: #f0d394 !important;
  background: rgba(184,155,101,.12) !important;
  border-color: rgba(214,179,106,.72) !important;
  box-shadow: 0 0 .8rem rgba(214,179,106,.08);
}
.site-footer > div > .max-w-6xl p {
  color: #8793a4 !important;
  font-size: .7rem;
  line-height: 1.55;
}
.site-footer > div > .max-w-6xl > div {
  color: #b9c1cd !important;
  font-size: .7rem;
}
@media (max-width: 1000px) {
  .site-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .site-footer__grid { grid-template-columns: 1fr; gap: 1.125rem; }
}

/* Premium finish: preserve the existing palette and layout while giving the
   artwork and footer a more deliberate, layered presence. */
.l2-reference-theme .site-bg {
  background:
    linear-gradient(180deg, rgba(7, 10, 12, .5) 0%, rgba(7, 10, 12, .16) 25%, rgba(7, 10, 12, .46) 70%, rgba(7, 10, 12, .92) 100%),
    linear-gradient(90deg, rgba(7, 10, 12, .7) 0%, rgba(7, 10, 12, .22) 24%, rgba(7, 10, 12, .04) 50%, rgba(7, 10, 12, .22) 76%, rgba(7, 10, 12, .7) 100%),
    radial-gradient(ellipse at 50% 0%, rgba(116, 137, 183, .09), transparent 40%),
    url('/assets/images/backgrounds/l2nexus-world-premium.png') center center / cover no-repeat !important;
  filter: saturate(.82) sepia(.025) brightness(.9) contrast(1.02) !important;
}

.l2-reference-theme .site-bg::before {
  background:
    radial-gradient(ellipse at -4% 58%, rgba(199, 211, 201, .16) 0%, rgba(199, 211, 201, .055) 18%, transparent 40%),
    radial-gradient(ellipse at 104% 54%, rgba(199, 211, 201, .14) 0%, rgba(199, 211, 201, .05) 17%, transparent 38%) !important;
  opacity: .62 !important;
}

.l2-reference-theme .site-bg::after {
  background:
    radial-gradient(ellipse at 18% 106%, rgba(189, 201, 191, .16) 0%, rgba(189, 201, 191, .06) 21%, transparent 48%),
    radial-gradient(ellipse at 82% 106%, rgba(196, 147, 73, .1) 0%, rgba(189, 201, 191, .055) 20%, transparent 48%),
    linear-gradient(180deg, transparent 54%, rgba(7, 10, 12, .16) 100%) !important;
  opacity: .62 !important;
}

.l2-reference-theme .site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(116, 137, 183, .07), transparent 38%),
    radial-gradient(ellipse at 82% 0%, rgba(184, 155, 101, .07), transparent 34%),
    linear-gradient(180deg, rgba(8, 12, 18, .94), rgba(5, 8, 12, .99)) !important;
  border-top-color: rgba(214, 179, 106, .52) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 -18px 48px rgba(0, 0, 0, .2) !important;
}

.l2-reference-theme .site-footer::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(58rem, 76vw);
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(214, 179, 106, .76), transparent) !important;
  box-shadow: 0 0 22px rgba(214, 179, 106, .16) !important;
}

.l2-reference-theme .site-footer::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(135deg, transparent 0 46%, rgba(214, 179, 106, .025) 50%, transparent 54%),
    radial-gradient(circle at 50% 0%, rgba(214, 179, 106, .06), transparent 31%);
}

.l2-reference-theme .site-footer > div {
  position: relative;
  z-index: 1;
}

.l2-reference-theme .site-footer__grid {
  padding-bottom: 1.65rem;
  border-bottom-color: rgba(190, 197, 212, .2) !important;
}

.l2-reference-theme .site-footer__grid > div:not(.site-footer__brand) {
  position: relative;
  padding-left: 1.1rem;
}

.l2-reference-theme .site-footer__grid > div:not(.site-footer__brand)::before {
  content: '';
  position: absolute;
  top: .15rem;
  bottom: .15rem;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(214, 179, 106, .34), rgba(158, 173, 210, .08), transparent);
}

.l2-reference-theme .site-footer__brand .site-brand__mark {
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 190, .1),
    0 0 0 4px rgba(214, 179, 106, .035),
    0 8px 20px rgba(0, 0, 0, .34);
}

.l2-reference-theme .site-footer__grid a {
  transition: color .2s ease, transform .2s ease;
}

.l2-reference-theme .site-footer__grid a:hover,
.l2-reference-theme .site-footer__grid a:focus-visible {
  transform: translateX(2px);
}

.l2-reference-theme .site-footer__store {
  padding: .9rem 1rem 1rem;
  border: 1px solid rgba(214, 179, 106, .2);
  border-radius: .45rem;
  background: linear-gradient(145deg, rgba(18, 27, 40, .48), rgba(8, 12, 18, .62));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 20px rgba(0, 0, 0, .12);
}

.l2-reference-theme .site-footer > div > .flex {
  margin-top: 1rem;
  padding: .7rem;
  border: 1px solid rgba(158, 173, 210, .12);
  border-radius: .45rem;
  background: rgba(8, 12, 18, .28);
}

.l2-reference-theme .site-footer > div > .max-w-6xl {
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(190, 197, 212, .11);
}

@media (max-width: 1000px) {
  .l2-reference-theme .site-footer__grid > div:not(.site-footer__brand) {
    padding-left: .9rem;
  }
}

@media (max-width: 560px) {
  .l2-reference-theme .site-footer__grid > div:not(.site-footer__brand) {
    padding-left: 0;
    padding-top: .8rem;
    border-top: 1px solid rgba(214, 179, 106, .14);
  }

  .l2-reference-theme .site-footer__grid > div:not(.site-footer__brand)::before {
    display: none;
  }

  .l2-reference-theme .site-footer__store {
    padding: .85rem .9rem .95rem;
  }
}

/* Footer tone alignment: keep the premium structure, but make every footer
   surface belong to the same neutral charcoal family. */
.l2-reference-theme {
  overflow-x: hidden;
}

html {
  overflow-x: hidden;
}

.l2-reference-theme .site-footer {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(184, 155, 101, .055), transparent 34%),
    linear-gradient(180deg, rgba(10, 11, 14, .98), rgba(5, 6, 8, 1)) !important;
}

.l2-reference-theme .site-footer::after {
  background:
    linear-gradient(135deg, transparent 0 46%, rgba(214, 179, 106, .022) 50%, transparent 54%),
    radial-gradient(circle at 50% 0%, rgba(214, 179, 106, .045), transparent 31%);
}

.l2-reference-theme .site-footer__brand .site-brand__mark {
  background: linear-gradient(145deg, rgba(30, 30, 32, .94), rgba(11, 12, 14, .98));
}

.l2-reference-theme .site-footer__grid > div:not(.site-footer__brand)::before {
  background: linear-gradient(180deg, rgba(214, 179, 106, .3), rgba(190, 197, 212, .07), transparent);
}

.l2-reference-theme .site-footer__store {
  background: linear-gradient(145deg, rgba(28, 29, 31, .48), rgba(10, 11, 14, .72));
}

.l2-reference-theme .site-footer > div > .flex {
  background: rgba(13, 14, 17, .62);
  border-color: rgba(190, 197, 212, .14);
}

/* Let the disclaimer row rest directly on the footer surface. */
.l2-reference-theme .site-footer > div > .flex {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Desktop cinematic pass: refine the existing artwork without changing its
   palette or layout. The centered quiet zone protects the hero mark, while
   the lower atmosphere gives the content panels a cleaner reading stage. */
@media (min-width: 769px) {
  .l2-reference-theme .site-bg {
    background:
      linear-gradient(180deg, rgba(7, 10, 12, .34) 0%, rgba(7, 10, 12, .06) 20%, rgba(7, 10, 12, .16) 48%, rgba(7, 10, 12, .52) 74%, rgba(7, 10, 12, .9) 100%),
      linear-gradient(90deg, rgba(7, 10, 12, .58) 0%, rgba(7, 10, 12, .14) 23%, rgba(7, 10, 12, .02) 50%, rgba(7, 10, 12, .14) 77%, rgba(7, 10, 12, .6) 100%),
      radial-gradient(ellipse 35% 31% at 50% 29%, rgba(7, 10, 12, .34) 0%, rgba(7, 10, 12, .12) 55%, transparent 100%),
      radial-gradient(ellipse at 68% 84%, rgba(196, 147, 73, .07), transparent 31%),
      url('/assets/images/backgrounds/l2nexus-world-premium.png') center 14% / cover no-repeat !important;
    filter: saturate(.86) sepia(.02) brightness(.95) contrast(1.04) !important;
  }

  .l2-reference-theme .site-bg::before {
    inset: -8% -5% 20% !important;
    background:
      radial-gradient(ellipse 36% 34% at 50% 30%, rgba(7, 10, 12, .22) 0%, rgba(7, 10, 12, .08) 52%, transparent 100%),
      radial-gradient(ellipse at -4% 61%, rgba(199, 211, 201, .12) 0%, rgba(199, 211, 201, .035) 19%, transparent 40%),
      radial-gradient(ellipse at 104% 57%, rgba(199, 211, 201, .1) 0%, rgba(199, 211, 201, .03) 18%, transparent 38%) !important;
    opacity: .7 !important;
  }

  .l2-reference-theme .site-bg::after {
    inset: 31% -6% -10% !important;
    background:
      radial-gradient(ellipse at 70% 76%, rgba(196, 147, 73, .065) 0%, rgba(196, 147, 73, .018) 22%, transparent 46%),
      linear-gradient(180deg, transparent 0%, rgba(7, 10, 12, .08) 42%, rgba(7, 10, 12, .38) 70%, rgba(7, 10, 12, .82) 100%) !important;
    opacity: .78 !important;
  }
}

/* Cookie consent: a restrained, first-party privacy surface using the same
   charcoal, muted-gold and subdued violet language as the rest of the site. */
.cookie-consent {
  position: fixed;
  left: 50%;
  bottom: 1.15rem;
  z-index: 10000;
  width: min(74rem, calc(100vw - 2.25rem));
  transform: translate(-50%, 1.25rem);
  opacity: 0;
  pointer-events: none;
  transition: opacity .24s ease, transform .24s ease;
}

.cookie-consent:not([hidden]) {
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}

.cookie-consent__panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(184, 155, 101, .42);
  border-radius: .7rem;
  background:
    linear-gradient(135deg, rgba(23, 22, 42, .98), rgba(8, 11, 18, .985) 64%),
    #080b12;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .48), inset 0 1px 0 rgba(214, 218, 228, .06), 0 0 0 1px rgba(116, 137, 183, .08);
}

.cookie-consent__panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 16%;
  width: 68%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(214, 179, 106, .82), transparent);
  box-shadow: 0 0 .9rem rgba(214, 179, 106, .18);
}

.cookie-consent__panel::after {
  content: '';
  position: absolute;
  top: -8rem;
  right: 9%;
  width: 20rem;
  height: 14rem;
  pointer-events: none;
  background: radial-gradient(ellipse, rgba(116, 137, 183, .08), transparent 68%);
}

.cookie-consent__crest {
  display: grid;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  border: 1px solid rgba(184, 155, 101, .5);
  border-radius: .55rem;
  background: linear-gradient(145deg, rgba(184, 155, 101, .18), rgba(116, 137, 183, .12));
  color: #d6dae4;
  box-shadow: inset 0 1px 0 rgba(255, 239, 190, .1), 0 0 1rem rgba(116, 137, 183, .1);
}

.cookie-consent__crest svg {
  width: 1.25rem;
  height: 1.25rem;
}

.cookie-consent__eyebrow {
  display: block;
  margin-bottom: .22rem;
  color: #b89b65;
  font: 700 .58rem/1.2 'DM Mono', monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.cookie-consent__content h2 {
  margin: 0;
  color: #d6dae4;
  font: 600 1rem/1.35 'Cinzel', serif;
  letter-spacing: .025em;
}

.cookie-consent__content p {
  max-width: 58rem;
  margin: .25rem 0 0;
  color: #9da7b6;
  font: .72rem/1.55 'Manrope', sans-serif;
}

.cookie-consent__privacy-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #d0ad67;
  cursor: pointer;
  font: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(208, 173, 103, .42);
  text-underline-offset: .16em;
}

.cookie-consent__privacy-link:hover,
.cookie-consent__privacy-link:focus-visible {
  color: #f3c669;
  text-decoration-color: currentColor;
}

.cookie-consent__signals {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .55rem;
  color: #8793a4;
  font: 700 .56rem/1.2 'DM Mono', monospace;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.cookie-consent__signals span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.cookie-consent__signals i {
  width: .35rem;
  height: .35rem;
  border-radius: 50%;
  background: #7dd3a7;
  box-shadow: 0 0 0 .16rem rgba(125, 211, 167, .1), 0 0 .45rem rgba(125, 211, 167, .22);
}

.cookie-consent__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
}

.cookie-consent__button {
  min-height: 2.2rem;
  padding: .52rem .78rem;
  border-radius: .35rem;
  cursor: pointer;
  font: 700 .62rem/1 'Manrope', sans-serif;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.cookie-consent__button:hover,
.cookie-consent__button:focus-visible {
  transform: translateY(-1px);
}

.cookie-consent__button--quiet {
  padding-inline: .35rem;
  border: 0;
  background: transparent;
  color: #8f96a3;
}

.cookie-consent__button--quiet:hover,
.cookie-consent__button--quiet:focus-visible {
  color: #f3c669;
}

.cookie-consent__button--secondary {
  border: 1px solid rgba(117, 102, 143, .46);
  background: rgba(13, 14, 20, .62);
  color: #c0c6d1;
}

.cookie-consent__button--secondary:hover,
.cookie-consent__button--secondary:focus-visible {
  border-color: rgba(184, 155, 101, .72);
  color: #f3c669;
  box-shadow: 0 0 .85rem rgba(116, 137, 183, .1);
}

.cookie-consent__button--primary {
  border: 1px solid rgba(214, 179, 106, .86);
  background: linear-gradient(135deg, #b89b65, #8d6d37);
  color: #080b12;
  box-shadow: inset 0 1px 0 rgba(255, 239, 190, .24), 0 .25rem .8rem rgba(0, 0, 0, .22);
}

.cookie-consent__button--primary:hover,
.cookie-consent__button--primary:focus-visible {
  border-color: #f3c669;
  background: linear-gradient(135deg, #d6b36a, #a77c3f);
  box-shadow: inset 0 1px 0 rgba(255, 239, 190, .3), 0 0 .9rem rgba(184, 155, 101, .2);
}

.cookie-consent__settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .8rem;
}

.cookie-consent__setting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  min-width: 16rem;
  padding: .65rem .75rem;
  border: 1px solid rgba(117, 102, 143, .28);
  border-radius: .4rem;
  background: rgba(8, 11, 18, .48);
  color: #d6dae4;
  cursor: pointer;
}

.cookie-consent__setting.is-required {
  cursor: default;
  border-color: rgba(184, 155, 101, .22);
}

.cookie-consent__setting-copy {
  display: grid;
  gap: .18rem;
}

.cookie-consent__setting-copy strong {
  color: #c9b277;
  font: 700 .64rem/1.2 'Manrope', sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cookie-consent__setting-copy small {
  color: #8993a3;
  font: .62rem/1.35 'Manrope', sans-serif;
}

.cookie-consent__setting input {
  width: 1rem;
  height: 1rem;
  accent-color: #b89b65;
}

.cookie-consent__badge {
  flex: none;
  color: #7dd3a7;
  font: 700 .56rem/1.2 'DM Mono', monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .cookie-consent__panel {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .cookie-consent__actions {
    grid-column: 2;
    justify-content: flex-start;
  }
}

/* Native footer ribbon: keep consent visually inside the established site
   chrome instead of presenting it as a separate purple card. */
.cookie-consent__panel {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .9rem;
  padding: .78rem 1rem;
  border-color: rgba(190, 197, 212, .2);
  border-top-color: rgba(214, 179, 106, .56);
  border-radius: .45rem;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(184, 155, 101, .045), transparent 34%),
    linear-gradient(180deg, rgba(13, 14, 17, .985), rgba(5, 6, 8, .995));
  box-shadow: 0 -1rem 2.5rem rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.cookie-consent__panel::before {
  left: 20%;
  width: 60%;
  background: linear-gradient(90deg, transparent, rgba(214, 179, 106, .68), transparent);
}

.cookie-consent__panel::after {
  display: none;
}

.cookie-consent__crest {
  width: 2.15rem;
  height: 2.15rem;
  border-color: rgba(184, 155, 101, .48);
  border-radius: .35rem;
  background: linear-gradient(145deg, rgba(30, 30, 32, .94), rgba(11, 12, 14, .98));
  color: #d6dae4;
  box-shadow: inset 0 1px 0 rgba(255, 239, 190, .1), 0 5px 14px rgba(0, 0, 0, .22);
  font: 800 .7rem/1 'Cinzel', serif;
  letter-spacing: .04em;
}

.cookie-consent__crest svg {
  display: none;
}

.cookie-consent__eyebrow {
  margin-bottom: .08rem;
  color: #b89b65;
  font-size: .52rem;
  letter-spacing: .14em;
}

.cookie-consent__content h2 {
  color: #d6dae4;
  font-size: .86rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cookie-consent__content p {
  max-width: 50rem;
  margin-top: .12rem;
  color: #9299a8;
  font-size: .65rem;
  line-height: 1.45;
}

.cookie-consent__privacy-link {
  color: #c2a568;
  text-decoration-color: rgba(194, 165, 104, .36);
}

.cookie-consent__signals {
  display: none;
}

.cookie-consent__actions {
  gap: .35rem;
}

.cookie-consent__button {
  min-height: 2rem;
  padding: .46rem .68rem;
  border-radius: .3rem;
  font-size: .57rem;
  letter-spacing: .07em;
}

.cookie-consent__button--quiet {
  color: #8793a4;
}

.cookie-consent__button--secondary {
  border-color: rgba(190, 197, 212, .18);
  background: rgba(13, 14, 17, .72);
  color: #b9c1cd;
}

.cookie-consent__button--primary {
  border-color: rgba(214, 179, 106, .72);
  background: linear-gradient(180deg, rgba(184, 155, 101, .96), rgba(141, 109, 55, .96));
  box-shadow: inset 0 1px 0 rgba(255, 239, 190, .18), 0 3px 10px rgba(0, 0, 0, .18);
}

.cookie-consent__settings {
  gap: .45rem;
  margin-top: .62rem;
}

.cookie-consent__setting {
  min-width: 14rem;
  padding: .55rem .68rem;
  border-color: rgba(190, 197, 212, .14);
  border-radius: .3rem;
  background: rgba(8, 9, 12, .72);
}

.cookie-consent__setting.is-required {
  border-color: rgba(184, 155, 101, .18);
}

/* One-chart Munin viewer: keep the generated graph intact for readability,
   and wrap it in the L2Nexus dark/bronze visual system. */
.munin-chart-modal[hidden] { display: none !important; }
.munin-chart-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(3, 5, 6, .78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.munin-chart-modal__backdrop {
  position: absolute;
  inset: 0;
}
.munin-chart-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(526px, calc(100vw - 2rem));
  max-height: calc(100vh - 4rem);
  overflow: auto;
  padding: .85rem;
  border: 1px solid rgba(196, 147, 73, .58);
  border-radius: .65rem;
  background: linear-gradient(165deg, rgba(21, 25, 26, .98), rgba(8, 11, 12, .99));
  box-shadow: inset 0 1px 0 rgba(255, 242, 203, .08), 0 20px 70px rgba(0, 0, 0, .6), 0 0 28px rgba(196, 147, 73, .1);
}
.munin-chart-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.munin-chart-modal__eyebrow {
  display: block;
  color: #c49349;
  font: 800 .55rem/1 'Manrope', Arial, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.munin-chart-modal__header h2 {
  margin: .35rem 0 0;
  color: #eee4cc;
  font: 600 1.15rem/1.2 'Cinzel', Georgia, serif;
}
.munin-chart-modal__close {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(196, 147, 73, .38);
  border-radius: .3rem;
  background: rgba(31, 27, 19, .72);
  color: #e3c77d;
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 1;
}
.munin-chart-modal__close:hover,
.munin-chart-modal__close:focus-visible {
  border-color: rgba(230, 200, 117, .8);
  background: rgba(76, 57, 27, .82);
  color: #fff0bd;
}
.munin-chart-modal__rule {
  height: 1px;
  margin: .8rem 0;
  background: linear-gradient(90deg, rgba(196, 147, 73, .55), rgba(196, 147, 73, .12), transparent);
}
.munin-chart-modal__image-wrap {
  overflow: auto;
  border: 1px solid rgba(196, 147, 73, .28);
  border-radius: .35rem;
  background: #090d0f;
  box-shadow: inset 0 0 24px rgba(0, 0, 0, .42);
}
.munin-chart-modal__image-wrap img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: none;
  height: auto;
  min-height: 0;
  margin: 0 auto;
  object-fit: contain;
  filter: invert(.82) sepia(.14) hue-rotate(150deg) saturate(.92) brightness(1.16) contrast(1.2);
}

/* Munin exports share a fixed 497px chart width. Match the frame to the
   native image size so every metric stays crisp without side gutters. */
.munin-chart-modal__image-wrap {
  display: block;
  background: rgba(9, 13, 15, .72);
}

.munin-chart-modal__image-wrap img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
body.munin-chart-is-open { overflow: hidden; }
body.munin-chart-is-open .homepage-layout > .homepage-main {
  position: relative !important;
  z-index: 10001 !important;
}

/* Server Overview lower zones: aligned divider, Munin quick links, and a
   centered network status strip. */
.homepage-layout > section > .status-shell--realm .monitor-munin-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: .52rem !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 4.35rem !important;
  margin-top: 1.85rem !important;
  padding: .68rem 0 .12rem !important;
  border-top: 1px solid rgba(196, 147, 73, .3) !important;
  color: #c7b98f !important;
  letter-spacing: .12em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card__section--border {
  padding-bottom: .55rem !important;
}

.homepage-layout > section > .status-shell--realm .monitor-card--split {
  padding-bottom: .55rem !important;
}

.homepage-layout > section > .status-shell--realm .monitor-munin-panel .monitor-region-row__regions {
  grid-column: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .38rem !important;
  white-space: nowrap !important;
  color: #c49349 !important;
  font-size: .55rem !important;
  letter-spacing: .12em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-munin-panel .monitor-region-row__proxy {
  position: static !important;
  grid-column: auto !important;
  justify-self: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .3rem !important;
  letter-spacing: .08em !important;
}

.homepage-layout > section > .status-shell--realm .monitor-munin-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-height: 4.5rem !important;
  gap: .3rem !important;
  width: 100% !important;
}

.homepage-layout > section > .status-shell--realm .monitor-munin-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 1.42rem !important;
  padding: .25rem .35rem !important;
  border: 1px solid rgba(196, 147, 73, .34) !important;
  border-radius: .25rem !important;
  background: linear-gradient(180deg, rgba(38, 34, 25, .7), rgba(14, 15, 16, .82)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 243, 204, .04) !important;
  color: #cbbd9e !important;
  font-size: .49rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease !important;
}

.homepage-layout > section > .status-shell--realm .monitor-munin-button:hover,
.homepage-layout > section > .status-shell--realm .monitor-munin-button:focus-visible {
  border-color: rgba(230, 200, 117, .78) !important;
  background: linear-gradient(180deg, rgba(76, 57, 27, .82), rgba(28, 24, 16, .9)) !important;
  color: #f0d99d !important;
  transform: translateY(-1px);
}

.homepage-layout > section > .status-shell--realm .monitor-munin-button--featured {
  border-color: rgba(184, 155, 101, .58) !important;
  color: #e7d092 !important;
}

.homepage-layout > section > .status-shell--realm .monitor-network-line {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 1.6rem !important;
  box-sizing: border-box !important;
  margin-top: .15rem !important;
  padding: .1rem .25rem 0 !important;
  border-top: 1px solid rgba(196, 147, 73, .3) !important;
  color: #c7bfaf !important;
  font-size: .58rem !important;
  letter-spacing: .1em !important;
  text-align: center !important;
}

.homepage-layout > section > .status-shell--realm .monitor-network-line__label,
.homepage-layout > section > .status-shell--realm .monitor-network-line__badge,
.homepage-layout > section > .status-shell--realm .monitor-network-line__ping,
.homepage-layout > section > .status-shell--realm .monitor-network-line__updated {
  flex: 0 0 auto !important;
}

.homepage-layout > section > .status-shell--realm .monitor-side-munin-panel {
  margin-top: .9rem !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.homepage-layout > section > .status-shell--realm .monitor-side-munin-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .3rem !important;
  width: 100% !important;
}

.homepage-layout > section > .status-shell--realm .monitor-side-munin-actions .monitor-munin-button {
  min-height: 2.1rem !important;
}

@media (max-width: 900px) {
  .homepage-layout > section > .status-shell--realm .monitor-network-line,
  .homepage-layout > section > .status-shell--realm .monitor-munin-panel {
    min-height: 0 !important;
  }
}