/* Keep the original XenForo/Nulumia artwork, slider and layout. Match NL patcher accents. */
:root{--nl-accent:#d51e39;--nl-accent-hover:#eb2946}
html{background-color:#15171c!important;background-image:linear-gradient(180deg,rgba(15,17,22,.54),rgba(15,17,22,.66)),url('/styles/nl2026/section-home-bg-2.jpg')!important;background-position:center 24%!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
.p-header-logo .nl-brand-wrap,.p-nav-smallLogo .nl-brand-wrap,.p-footer .nl-brand-wrap{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;color:#f3f0ea;font-family:Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 5px #0008;white-space:nowrap}
.p-header-logo .nl-brand-wrap img{width:40px;height:40px;object-fit:contain}.p-nav-smallLogo .nl-brand-wrap img{width:26px;height:26px;object-fit:contain}.p-nav-smallLogo .nl-brand-wrap{font-size:12px}.p-footer .nl-brand-wrap img{width:32px;height:32px;object-fit:contain}.p-footer .nl-brand-wrap{font-size:13px}
.p-footer img[src*="logo3.png"]{content:url('/styles/nl2026/nl-logo.png');width:88px;height:88px;object-fit:contain}
.p-nav-list .p-navEl.is-selected,.p-nav-list .p-navEl.is-selected:hover{background:var(--nl-accent)!important;color:#fff!important}
.button.button--primary,.button.button--cta,a.button.button--primary,a.button.button--cta,.formSubmitRow .button--primary{background:var(--nl-accent)!important;border-color:var(--nl-accent)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important}
.button.button--primary:hover,.button.button--cta:hover,a.button.button--primary:hover,a.button.button--cta:hover{background:var(--nl-accent-hover)!important;border-color:var(--nl-accent-hover)!important}
.p-body-header .p-title-value:after{color:var(--nl-accent)!important}
.pageNav-page.pageNav-page--current,.pageNav-page.pageNav-page--current:hover{background:var(--nl-accent)!important;border-color:var(--nl-accent)!important;color:#fff!important}
.tabs-tab.is-active{border-color:var(--nl-accent)!important}
@media(max-width:600px){.p-header-logo .nl-brand-wrap{font-size:13px}.p-header-logo .nl-brand-wrap img{width:32px;height:32px}}

/* Replace the remaining Nulumia orange accents with the NL red. */
.button:not(.button--link),a.button:not(.button--link),button.button:not(.button--link){background:#c91d38!important;border-color:#d51e39!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important}
.button:not(.button--link):hover,a.button:not(.button--link):hover,button.button:not(.button--link):hover{background:#e42b47!important;border-color:#e42b47!important;color:#fff!important}
.label--accent{background:#c91d38!important;border-color:#d51e39!important;color:#fff!important}
.block-header,.block-minorHeader{border-top-color:#d51e39!important}
.collapseTrigger,.collapseTrigger:before,.collapseTrigger:after{color:#d51e39!important;border-color:#d51e39!important}
.menu-content{border-top-color:#d51e39!important}
.menu-header{background:#c91d38!important;color:#fff!important}
.p-nav-list .nl-home-link{display:block!important;height:auto!important;margin:0!important;padding:0 15px!important;border:0;border-radius:0;background:#c91d38!important;color:#fff!important;font-size:12px!important;font-weight:700;letter-spacing:.2px;box-shadow:none!important}
.p-nav-list .nl-home-link:hover{background:#e42b47!important;color:#fff!important}
.p-nav-list .nl-home-link:before{margin-right:6px}

/* Make the home-page toplist scan like a clean table. */
.BRMSContainerDark{overflow:hidden;border:1px solid #ffffff20;border-radius:7px;background:#15181e}
.BRMSContainerDark .brmsStatisticHeader{padding:0 12px;border-bottom:1px solid #ffffff18;background:#191c22}
.BRMSContainerDark .brmsTabNav{display:flex;gap:4px;max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#565b65 transparent}
.BRMSContainerDark .brmsTabNav>li{flex:0 0 auto;border:0!important;background:transparent!important}
.BRMSContainerDark .brmsTabNav>li>a{display:flex;align-items:center;min-height:40px;padding:0 13px;border:0!important;border-bottom:2px solid transparent!important;color:#aeb4bf!important;font-size:12px;font-weight:600;white-space:nowrap}
.BRMSContainerDark .brmsTabNav>li.current>a,.BRMSContainerDark .brmsTabNav>li>a:hover{border-bottom-color:#d51e39!important;color:#fff!important;background:#d51e3914!important}
.BRMSContainerDark .brmsContentList{padding:7px 14px 10px}
.BRMSContainerDark .itemStast{padding:0!important;border:0!important}
.BRMSContainerDark .itemContent{display:grid;grid-template-columns:36px minmax(0,1fr) 148px 82px;align-items:center;gap:12px;min-height:41px;padding:5px 8px;border-bottom:1px solid #ffffff13;transition:background .18s ease}
.BRMSContainerDark .itemStast:hover .itemContent{background:#ffffff08}
.BRMSContainerDark .itemStast:last-child .itemContent{border-bottom:0}
.BRMSContainerDark .itemContent>.listBlock{float:none!important;width:auto!important;margin:0!important;padding:0!important;min-width:0}
.BRMSContainerDark .counter{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center}
.BRMSContainerDark .countNumber{display:flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 5px;border:1px solid #555c68!important;border-radius:5px;background:#343944!important;color:#f6f7fa!important;font-size:11px;font-weight:800;line-height:1;text-shadow:none!important}
.BRMSContainerDark .counter_1 .countNumber,.BRMSContainerDark .counter_2 .countNumber,.BRMSContainerDark .counter_3 .countNumber{border-color:#e64a5f!important;background:#c91d38!important;color:#fff!important}
.BRMSContainerDark .counter .arrow{display:none}
.BRMSContainerDark .itemTitle{grid-column:2;grid-row:1;overflow:hidden}
.BRMSContainerDark .itemTitle>a{display:block;overflow:hidden;color:#e6e8ed;font-size:13px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.BRMSContainerDark .itemTitle>a:hover{color:#ff788a}
.BRMSContainerDark .itemTitle .label{margin-right:5px;padding:2px 7px;border-radius:3px;font-size:10px;line-height:1.5;vertical-align:1px}
.BRMSContainerDark .itemDetailDate{grid-column:3;grid-row:1;text-align:right;color:#9ba2ae;font-size:11px;white-space:nowrap}
.BRMSContainerDark .itemDetailName{grid-column:4;grid-row:1;text-align:right;color:#d2d6de;font-size:11px;white-space:nowrap}
.BRMSContainerDark .itemDetailDate a,.BRMSContainerDark .itemDetailName a{color:inherit}

/* Tidy up the compact latest-posts list in the forum sidebar. */
.nl-latest-posts{overflow:hidden;border:1px solid #ffffff1c;border-radius:6px;background:#171a20}
.nl-latest-posts>.block-minorHeader{margin:0;padding:13px 16px;border-bottom:1px solid #ffffff19;background:#1d2027;font-size:13px;letter-spacing:.35px}
.nl-latest-posts>.block-body{padding:3px 14px}
.nl-latest-posts>.block-body>.block-row{padding:11px 0;border-bottom:1px solid #ffffff15;background:transparent}
.nl-latest-posts>.block-body>.block-row:last-child{border-bottom:0}
.nl-latest-posts .contentRow{align-items:flex-start;gap:10px}
.nl-latest-posts .contentRow-figure{padding-top:2px}
.nl-latest-posts .contentRow-main{min-width:0}
.nl-latest-posts .contentRow-main>a{color:#e5e7ec;font-size:12px;line-height:1.55}
.nl-latest-posts .contentRow-main>a:hover{color:#ff788a}
.nl-latest-posts .contentRow-minor{margin-top:4px;color:#9299a5;font-size:10px;line-height:1.45}
.nl-latest-posts .contentRow-minor a{color:#aab1bd}

/* Bring skill tables into the same clear dark-and-red palette. */
.message-body .bbWrapper table{width:100%;margin:18px 0 24px;border:1px solid #ffffff24!important;border-collapse:separate!important;border-spacing:0!important;border-radius:6px;overflow:hidden;background:#15181e!important;color:#d9dce3!important;font-size:14px;line-height:1.7}
.message-body .bbWrapper table th{padding:12px 14px!important;border:0!important;border-bottom:1px solid #ffffff28!important;background:linear-gradient(110deg,#b51f38,#8e182d)!important;color:#fff!important;text-align:left;font-size:13px;font-weight:700;letter-spacing:.2px}
.message-body .bbWrapper table td{padding:11px 14px!important;border:0!important;border-bottom:1px solid #ffffff17!important;border-right:1px solid #ffffff12!important;background:#171a20!important;color:#d9dce3!important;vertical-align:top}
.message-body .bbWrapper table tr:nth-child(even)>td{background:#1d2129!important}
.message-body .bbWrapper table tr:hover>td{background:#242832!important}
.message-body .bbWrapper table td:first-child{width:25%;min-width:150px;color:#f0edf0!important;font-weight:600}
.message-body .bbWrapper table tr:last-child>td{border-bottom:0!important}
.message-body .bbWrapper table td:last-child{border-right:0!important}

/* Save vertical space in the original footer while keeping its sections. */
.p-footer .flex_columns_wrapper{padding:25px 0 18px!important}
.p-footer .flex_columns.main .flex-item{padding-right:22px!important}
.p-footer .flex_columns.main h3{margin-bottom:10px;font-size:13px}
.p-footer .flex_columns.main p{margin:8px 0;font-size:11px;line-height:1.6}
.p-footer .p-footer-links{padding:12px 0!important}

/* Use the same NL mark in the footer that identifies the game elsewhere. */
.p-footer .p-footer-logo .p-text-logo{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;min-height:72px;text-align:left!important}
.p-footer .p-footer-logo .p-text-logo:before{content:"";display:block;flex:0 0 58px;width:58px;height:58px;background:url('/styles/nl2026/nl-logo.png') center/contain no-repeat}
.p-footer .p-footer-logo .txtLogo1{display:block!important;color:#f2eee9!important;font-size:17px!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1.3!important;white-space:nowrap!important}
.message-userBanner.userBanner--staff{background:#c91d38!important;border-color:#e0475e!important;color:#fff!important}
.p-footer .p-footer-rssLink,.p-footer .p-footer-rssLink>span[aria-hidden="true"]{background:#c91d38!important;border-color:#d51e39!important;color:#fff!important}
.p-footer .flex_columns_wrapper a:before,.p-footer .flex_columns_wrapper a:after,.p-footer .p-footer-linkList a:before,.p-footer .p-footer-linkList a:after{color:#d51e39!important;border-color:#d51e39!important}
.p-footer a:hover,.p-footer a:hover:before,.p-footer a:hover:after{color:#eb2946!important}

/* The registration CTA banner is redundant above the compact footer links. */
.p-footer .top-row.primary.wide{display:none!important}

/* Keep the header clear over the single shared forum background. */
html#XF .p-page-header{background:transparent!important;background-image:none!important;background-color:transparent!important}
html#XF .p-page-header:before,html#XF .p-page-header:after{display:none!important;background:none!important}

@media(max-width:800px){
  .BRMSContainerDark .itemContent{grid-template-columns:31px minmax(0,1fr) 92px;gap:8px;min-height:42px;padding:6px 4px}
  .BRMSContainerDark .itemDetailDate{grid-column:3;font-size:10px}
  .BRMSContainerDark .itemDetailName{display:none}
  .BRMSContainerDark .itemTitle>a{font-size:12px}
  .p-footer .flex_columns_wrapper{padding:20px 0 12px!important}
  .p-footer .flex_columns.main .flex-item{padding-right:12px!important}
}
@media(max-width:600px){
  html{background-position:center top!important;background-attachment:scroll!important}
  .BRMSContainerDark .brmsStatisticHeader{padding:0 5px}
  .BRMSContainerDark .brmsContentList{padding:5px 8px 8px}
  .BRMSContainerDark .itemContent{grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;min-height:0;padding:8px 2px}
  .BRMSContainerDark .counter{grid-column:1;grid-row:1 / span 2;align-self:start;padding-top:2px!important}
  .BRMSContainerDark .countNumber{min-width:21px;height:21px;font-size:10px}
  .BRMSContainerDark .itemTitle{grid-column:2;grid-row:1}
  .BRMSContainerDark .itemTitle>a{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .BRMSContainerDark .itemDetailDate{grid-column:2;grid-row:2;text-align:left;font-size:10px}
  .BRMSContainerDark .itemTitle .label{font-size:9px}
  .message-body .bbWrapper table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:12px;line-height:1.65}
  .message-body .bbWrapper table th{padding:10px 12px!important;font-size:12px}
  .message-body .bbWrapper table td{padding:9px 12px!important}
  .message-body .bbWrapper table td:first-child{min-width:135px}
}

/* Give forum category and sidebar cards solid surfaces over the shared artwork. */
html#XF .block-container.block-container--category,
html#XF .p-body-sidebar .block-container{
  overflow:hidden!important;
  border:1px solid #ffffff22!important;
  border-top:2px solid #d51e39!important;
  border-radius:6px!important;
  background:#171a20!important;
  box-shadow:0 10px 28px #0005!important;
}
html#XF .block-container.block-container--category>.block-header,
html#XF .p-body-sidebar .block-container>.block-minorHeader,
html#XF .p-body-sidebar .block-container>.block-header{
  border-bottom:1px solid #ffffff18!important;
  background:#20242c!important;
  color:#f0f2f6!important;
}
html#XF .p-body-sidebar .block-container>.block-body{background:#171a20!important}
html#XF .p-body-sidebar .block-container>.block-body>.block-row{background:transparent!important;color:#d0d3db!important}
html#XF .p-body-sidebar .block-container>.block-footer{border-top:1px solid #ffffff16!important;background:#20242c!important;color:#b8bec9!important}
html#XF .p-body-sidebar .nl-latest-posts>.block-body>.block-row{border-bottom-color:#ffffff1c!important}
/* Keep the original forum artwork in node cards, but darken it enough for clear reading. */
html#XF .block-container--category .node-body.has-overlay:before{background:rgba(17,20,27,.9)!important}
/* Remove the legacy orange accents from member profiles. */
html#XF .memberHeader-main{background:linear-gradient(125deg,#3a1722 0%,#241b23 52%,#1a1e26 100%)!important;border-top:2px solid #d51e39!important}
html#XF .memberHeader .userBanner--staff{background:#c91d38!important;border-color:#e0475e!important;color:#fff!important}
html#XF .tabs--standalone .tabs-tab.is-active,html#XF .block-tabHeader .tabs-tab.is-active,html#XF .block-minorTabHeader .tabs-tab.is-active,html#XF .memberHeader-tabs .tabs-tab.is-active{background:#c91d38!important;border-color:#c91d38!important;color:#fff!important}
/* Admin's uploaded avatar file is unreadable; use the NL brand mark for account 1. */
html#XF .avatar[data-user-id="1"]{background:#101216 url('/styles/nl2026/nl-logo.png') center/contain no-repeat!important;color:transparent!important}
html#XF .avatar[data-user-id="1"] img{visibility:hidden!important}
/* Give the forum toplist a clear title row and a prominent trophy mark. */
html#XF .BRMSContainerDark.brmsTopTabs .brmsStatisticHeader{position:relative;min-height:102px;padding:63px 13px 0!important;background:#151820!important;border-bottom:1px solid #ffffff16!important}
html#XF .BRMSContainerDark.brmsTopTabs .brmsStatisticHeader:before{content:"TOPLIST BÀI VIẾT NỔI BẬT";position:absolute;top:14px;left:70px;color:#f2f3f6;font-size:16px;font-weight:700;letter-spacing:.65px;line-height:44px}
html#XF .BRMSContainerDark.brmsTopTabs .brmsStatisticHeader:after{content:"\f091";position:absolute;top:12px;left:14px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ec5269;border-radius:9px;background:linear-gradient(145deg,#e42c49,#99172d);box-shadow:0 5px 15px #d51e3940;color:#fff;font-family:"Font Awesome 5 Pro";font-size:23px;font-weight:900}
html#XF .BRMSContainerDark.brmsTopTabs .brmsStatisticHeader>.brmsTabNav{border-bottom:1px solid #ffffff12!important}
html#XF .BRMSContainerDark.brmsTopTabs .brmsContentList>.itemStast:nth-child(n+11){display:none!important}
html#XF .BRMSContainerDark.brmsTopTabs .brmsTabNav>li.current>a,html#XF .BRMSContainerDark.brmsTopTabs .brmsTabNav>li.active>a{background:#c91d38!important;border-color:#c91d38!important;color:#fff!important;box-shadow:inset 0 -2px #f46a7e}
html#XF .BRMSContainerDark.brmsTopTabs .brmsTabNav>li:not(.current):not(.active)>a:hover,html#XF .BRMSContainerDark.brmsTopTabs .brmsTabNav>li:not(.current):not(.active)>a:focus-visible{background:#471c27!important;border-color:#d51e39!important;color:#fff!important}
/* Keep category and topic-link hover states in the NL red palette. */
html#XF .nodeList .node-title a:hover,html#XF .nodeList .node-extra-title a:hover,html#XF .node-body .node-title a:hover,html#XF .structItem-title>a[data-tp-primary]:hover{color:#f04b63!important}
/* Restyle topic rows as separate, readable cards and mark each title with a crisp icon. */
html#XF .structItemContainer .structItem{margin:7px 0!important;border:1px solid #ffffff18!important;border-left:3px solid #722235!important;border-radius:6px!important;background:linear-gradient(100deg,#211a22 0%,#1c1f26 34%,#171a20 100%)!important;box-shadow:0 5px 16px #0003!important;overflow:hidden;transition:background .18s ease,border-color .18s ease,transform .18s ease}
html#XF .structItemContainer .structItem:hover{border-color:#9d2a40!important;border-left-color:#e0475e!important;background:linear-gradient(100deg,#2a1921 0%,#20212a 42%,#1a1d24 100%)!important;transform:translateY(-1px)}
html#XF .structItem-cell--icon{width:60px!important;padding-left:13px!important}
html#XF .structItem-iconContainer .avatar{width:36px;height:36px;border:1px solid #d94a60;border-radius:9px;box-shadow:0 3px 9px #0005}
html#XF .structItem-title>a[data-tp-primary]{color:#ececf0!important;font-size:15px;font-weight:600;transition:color .18s ease}
html#XF .structItem-title>a[data-tp-primary]:before{content:"\f15c";display:inline-block;margin-right:8px;color:#e0475e;font-family:"Font Awesome 5 Pro";font-size:14px;font-weight:900}
html#XF .structItem-minor,html#XF .structItem-parts{color:#a8acb7!important}
html#XF .structItem-cell--meta .pairs dt,html#XF .structItem-cell--latest{color:#b3b8c3!important}
/* Use a sword mark on section headers and replace the stock speech bubble icon. */
html#XF .block-container--category>.block-header .block-header--collapse-left>a:first-child:before{content:"\f71d";display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:11px;border:1px solid #ed536b;border-radius:8px;background:linear-gradient(145deg,#df2947,#8e172d);box-shadow:0 4px 12px #d51e3938;color:#fff;font-family:"Font Awesome 5 Pro";font-size:20px;font-weight:900;vertical-align:middle}
html#XF .node-body .node-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;color:#fff!important}
html#XF .node-body .node-icon>i{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #ed536b;border-radius:10px;background:linear-gradient(145deg,#df2947,#8e172d);box-shadow:0 4px 12px #d51e3938;color:#fff!important;font-size:0!important}
html#XF .node-body .node-icon>i:before{content:"\f71d"!important;display:block;font-family:"Font Awesome 5 Pro"!important;font-size:20px!important;font-weight:900!important;color:#fff!important}
/* Bright red crossed swords mark forums with posts; quiet gray marks empty ones. */
html#XF .node-body.nl-node-has-posts .node-icon>i{border-color:#ff7188!important;background:linear-gradient(145deg,#f04460,#aa1a34)!important;box-shadow:0 0 0 2px #ef365126,0 5px 15px #d51e3952!important}
html#XF .node-body.nl-node-empty .node-icon>i{border-color:#555b66!important;background:linear-gradient(145deg,#464b55,#2c3038)!important;box-shadow:inset 0 1px 4px #0004!important}
html#XF .node-body.nl-node-empty .node-icon>i:before{color:#a0a5af!important}
/* Make the toplist category tabs prominent and consistent with the forum's uppercase headings. */
html#XF .BRMSContainerDark.brmsTopTabs .brmsTabNav>li>a{min-height:46px!important;padding:0 16px!important;color:#d9dce3!important;font-size:15px!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:uppercase!important}
@media(max-width:600px){html#XF .BRMSContainerDark.brmsTopTabs .brmsTabNav>li>a{min-height:42px!important;padding:0 12px!important;font-size:13px!important;letter-spacing:.35px!important}}
/* Increase contrast for normal article prose without overriding intentional link colors. */
html#XF .message-body .bbWrapper{color:#f3f4f6!important}
html#XF .message-body .bbWrapper p,html#XF .message-body .bbWrapper li,html#XF .message-body .bbWrapper h1,html#XF .message-body .bbWrapper h2,html#XF .message-body .bbWrapper h3,html#XF .message-body .bbWrapper h4,html#XF .message-body .bbWrapper h5,html#XF .message-body .bbWrapper h6,html#XF .message-body .bbWrapper table td{color:#f3f4f6!important}