@font-face {
    font-family: "Blocky";
    src: url("assets/font/FFFFORWA.eot") format("eot"), url("assets/font/FFFFORWA.woff") format("woff"), url("assets/font/FFFFORWA.ttf") format("truetype"), url("assets/font/FFFFORWA.svg#FFFForward") format("svg");
    font-weight: normal;
    font-style: normal
}

@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

html {
    background: #111;
    color: #ccc;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box
}

*, *::before, *::after {
    box-sizing: inherit
}

body {
    font-family: Karla, Tahoma, sans-serif;
    background: #111;
    color: #ccc;
    margin: 0;
    padding: 0;
    min-height: 100vh
}

a { color: #FBAF39; text-decoration: none }
a:hover { text-decoration: underline }

img { max-width: 100%; display: block }

ul, ol { margin: 0; padding: 0; list-style: none }

h1, h2, h3, h4, h5, h6 { margin: 0; color: #fff }

/* XenForo base panel colors */
.p-pageWrapper { background: #111 }
#ndzn-header {
    height: 550px;
    background-color: #0a0a0a;
    background-image: url(assets/bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

#ndzn-header .header-nav {
    height: 150px;
    background: rgba(0, 0, 0, 0.25)
}

#ndzn-header .header-nav .p-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

#ndzn-header .header-nav .header-logo {
    position: relative;
    top: 55px;
    width: 357px;
    height: 110px;
    background: url(assets/logo.png) no-repeat center;
    flex-shrink: 0;
    display: block
}

#ndzn-header .header-nav .header-nav-all-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link {
    padding: 0 30px;
    margin: 0 0 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #BAB7B3;
    text-shadow: 0 3px #4B443B;
    letter-spacing: 2px;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    font-family: "Blocky", monospace;
    padding-top: 100px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link .icon {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    display: block;
    background: no-repeat center / 100% auto;
    border: none;
    margin: auto
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link .icon.icon-home {
    background-image: url(assets/nav/forums.png)
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link .icon.icon-discord {
    background-image: url(assets/nav/forums.png)
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link .icon.icon-bans {
    background-image: url(assets/nav/bans.png)
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link .icon.icon-store {
    background-image: url(assets/nav/store.png)
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link .icon.icon-staff {
    background-image: url(assets/nav/home.png)
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link:hover {
    color: white;
    text-shadow: 0 3px rgba(255, 255, 255, 0.25), 0 0 20px rgba(255, 255, 255, 0.35)
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link.active {
    color: #F1BA65;
    text-shadow: 0 3px #95661E, 0 2px 20px #dc8d13
}

#ndzn-header .header-nav .header-nav-all-links .header-nav-link.active:before {
    content: "";
    position: absolute;
    top: calc(100% + 20px);
    height: 4px;
    width: calc(100% - 62px);
    left: 30px;
    background: rgba(255, 255, 255, 0.1)
}

.p-body-inner {
    max-width: 1250px;
    margin: 0 auto;
    width: 100%
}

.p-body .p-body-inner {
    padding: 0;
    background: #292929;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4)
}

.p-body .p-body-content {
    padding: 20px;
    position: relative
}

.p-body .p-body-sidebar {
    width: 360px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #252525
}

.p-navgroup {
    border-radius: 0
}

.p-navgroup-link {
    background: transparent;
    border: none;
    border-radius: 0!important;
    float: none;
    display: inline-block
}

#ndzn-title-bar .p-body-inner, .ndzn-above-content .p-body-inner {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible
}

#ndzn-title-bar .p-body-inner .main, .ndzn-above-content .p-body-inner .main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

#ndzn-title-bar .p-body-inner .sidebar, .ndzn-above-content .p-body-inner .sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px
}

.ndzn-above-content {
    margin: -200px auto 30px;
    width: 100%
}

.ndzn-above-content a {
    text-decoration: none
}

.ndzn-above-content .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ndzn-above-content .ndzn-discord {
    color: white;
    position: relative;
    padding-left: 76px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.ndzn-above-content .ndzn-discord:hover {
    padding-left: 81px
}

.ndzn-above-content .ndzn-discord:before {
    content: "";
    display: block;
    width: 32px;
    height: 36px;
    position: absolute;
    top: 2px;
    left: 23px;
    background: #FBAF39;
    -webkit-mask-image: url(assets/discord.svg);
    -webkit-mask-size: 32px auto;
    mask-image: url(assets/discord.svg);
    mask-size: 32px auto
}

.ndzn-above-content .ndzn-discord h4 {
    font-weight: normal;
    margin: 0;
    color: #FBAF39
}

.ndzn-above-content .ndzn-discord p {
    margin: 0;
    font-size: 11px;
    font-weight: 100
}

.ndzn-above-content #ndzn-search {
    margin-left: auto;
    padding-right: 20px;
    position: relative
}

.ndzn-above-content #ndzn-search .p-navgroup-link {
    border-radius: 2px!important
}

.ndzn-above-content #ndzn-search .p-navgroup-link:before {
    content: "Search";
    margin-right: 8px;
    position: relative;
    top: 1px;
    font-weight: bold
}

.ndzn-above-content #ndzn-search .p-navgroup-link i {
    position: relative;
    right: -1px;
    top: 1px
}

.ndzn-above-content #ndzn-search .p-navgroup-link.is-menuOpen, .ndzn-above-content #ndzn-search .p-navgroup-link:focus, .ndzn-above-content #ndzn-search .p-navgroup-link:hover {
    background: rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    color: white
}

.ndzn-title-bar-left, .ndzn-title-bar-right {
    cursor: default;
    height: 80px
}

.ndzn-title-bar-left {
    background: #232323;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ndzn-title-bar-left h1 {
    margin: 3px 0 0;
    letter-spacing: 1px;
    font-size: 22px
}

#ndzn-user {
    margin-left: auto;
    margin-right: -14px
}

#ndzn-user .p-navgroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

#ndzn-user .p-navgroup .p-navgroup-link {
    background: transparent!important;
    position: relative;
    top: 2px;
    opacity: 1;
    color: #888
}

#ndzn-user .p-navgroup .p-navgroup-link--user {
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px
}

#ndzn-user .p-navgroup .p-navgroup-link.is-menuOpen {
    background: transparent!important
}

#ndzn-user .avatar {
    cursor: pointer;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.ndzn-title-bar-left-actions {
    display: none
}

.ndzn-title-bar-right {
    margin-top: -15px;
    position: relative;
    background: #1F1E1E;
    overflow: visible
}

.ndzn-title-bar-right #ndzn-play-now-btn {
    display: block;
    cursor: pointer;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 15px;
    padding-left: 6px;
    width: 100%;
    max-width: 320px;
    margin: auto;
    position: relative;
    z-index: 2;
    top: -32px;
    letter-spacing: 6px
}

.ndzn-title-bar-right #ndzn-play-now-btn:before {
    content: "";
    position: absolute;
    z-index: -3;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 234px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    pointer-events: none;
    background: url(assets/play-btn.png) no-repeat bottom center/auto 100%
}

.ndzn-title-bar-right #ndzn-play-now-btn:after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #FBAF39;
    border-bottom: 4px solid #D08637;
    border-radius: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.35)
}

.ndzn-title-bar-right #ndzn-play-now-btn p {
    color: white;
    text-shadow: 0 2px #E1983B;
    font-family: Blocky;
    text-transform: uppercase;
    position: relative;
    z-index: 10
}

.ndzn-title-bar-right #ndzn-play-now-btn:hover:before {
    opacity: .8;
    -webkit-transform: rotate(-3deg) scale(0.97);
    -ms-transform: rotate(-3deg) scale(0.97);
    transform: rotate(-3deg) scale(0.97)
}

.ndzn-title-bar-right #ndzn-play-now-btn:hover:after {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.ndzn-title-bar-right #ndzn-playercount {
    text-transform: uppercase;
    color: #5C5C5C;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 12px;
    margin: -13px auto 0;
    display: table
}

.p-body-sidebar .block {
    margin: 0 0 40px
}

.p-body-sidebar .block .block-container {
    border: none;
    border-radius: 0;
    background: transparent;
    position: relative
}

.p-body-sidebar .block .block-container:before {
    content: "dashboard";
    white-space: nowrap;
    font-size: 30px;
    color: white;
    position: absolute;
    display: block;
    font-weight: normal;
    font-size: 22px;
    width: 40px;
    top: 2px;
    color: #444;
    left: 0;
    font-family: "Material Icons"
}

.p-body-sidebar .block .block-container .block-minorHeader {
    margin-bottom: 10px;
    font-weight: bold;
    padding-left: 40px;
    color: #ccc
}

.p-body-sidebar .block .block-container .block-minorHeader a {
    text-decoration: none
}

.p-body-sidebar .block[data-widget-section=staffMembers] .block-row {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 2px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.02);
    padding: 12px 12px 9px
}

.p-body-sidebar .block[data-widget-section=staffMembers] .block-row .avatar {
    margin-right: 6px
}

.p-body-sidebar .block[data-widget-section=staffMembers] .block-row .username {
    color: #FBAF39;
    text-decoration: none;
    display: block;
    margin: 2px 0 -5px
}

.p-body-sidebar .block[data-widget-section=onlineNow] .block-footer {
    background: transparent;
    border-top: 1px solid #333;
    padding: 10px;
    margin-top: 15px
}

.p-body-sidebar .block[data-widget-key=forum_overview_forum_statistics] dl {
    margin-bottom: 5px;
    font-size: 14px
}

.block-container {
    border: none;
    border-radius: 3px;
    background: transparent
}

.block-container .block-header {
    background: rgba(0, 0, 0, 0.15);
    font-weight: bold;
    border-radius: 3px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.075);
    padding: 18px 18px 16px
}

.block-container .block-header a {
    text-decoration: none
}

.block-container .block-header .block-desc {
    color: #666
}

.node-title a {
    color: #bbb!important;
    font-weight: bold;
    font-size: 16px
}

.node-icon i:before {
    color: #3f3f3f;
    position: relative;
    top: 2px;
    margin-right: 10px;
    text-shadow: none
}

.node+.node {
    border-color: rgba(255, 255, 255, 0.025)
}

.p-staffBar {
    background: #111;
    padding: 5px 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
    -webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.25) inset;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.25) inset;
    color: white
}

.p-staffBar .p-staffBar-link {
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px
}

.p-staffBar .p-staffBar-link:after {
    margin-left: 8px;
    font-size: 11px;
    color: #888
}

.p-staffBar .p-staffBar-link:hover {
    background: #222
}

.button, a.button {
    padding: 7px 12px 6px;
    border: none;
    font-weight: bold;
    border-radius: 3px!important;
    font-family: Karla, sans-serif;
    background: rgba(255, 255, 255, 0.25)!important;
    color: #ccc;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15)
}

.button.button--primary, a.button.button--primary {
    background: #fbaf39!important;
    border-color: #D08637;
    color: #5f3434
}

.button.button--link, a.button.button--link {
    background: rgba(0, 0, 0, 0.25)!important;
    border-bottom-color: rgba(0, 0, 0, 0.25)
}

.buttonGroup>.button:not(:last-child) {
    margin-right: 3px
}

.block-filterBar {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    padding: 8px 12px;
    margin-top: 14px
}

.input {
    background: rgba(0, 0, 0, 0.2)
}

.fr-toolbar {
    background: #1b1b1b
}

.fr-box.fr-basic .fr-wrapper {
    background: #212121
}

.structItem .formButtonGroup {
    margin: 0
}

.structItem {
    border-color: rgba(255, 255, 255, 0.05)
}

.structItem-latestDate {
    color: #bbb;
    font-weight: bold;
    font-size: 13px
}

.block--messages .block-row, .block--messages .message {
    margin-bottom: 20px;
    background: #212121;
    border: none;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075)
}

.block--messages .block-row:first-child, .block--messages .message:first-child {
    margin-top: 13px
}

.message-cell.message-cell--action, .message-cell.message-cell--user {
    background: #191919
}

.userBanner {
    padding: 5px 0
}

.userBanner.userBanner--primary, .userBanner.userBanner--staff {
    background: rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.075)
}

.message-userArrow {
    border-right-color: #333
}

.message-userArrow:after {
    border-right-color: #212121
}

.message.message--quickReply {
    background: rgba(0, 0, 0, 0.075);
    padding: 13px 13px 13px 0
}

.message.message--quickReply .message-cell--user {
    background: transparent;
    border: none
}

.message.message--quickReply .message-userArrow {
    display: none
}

.menu-content {
    border-radius: 0;
    border-top: 2px solid #dab070
}

.menu-header {
    color: #dab070
}

.inlineModBar {
    background: #353535;
    border-color: #525050;
    color: #999
}

.message-newIndicator {
    background: #642890;
    padding: 3px 10px;
    float: right;
    position: relative;
    top: -3px;
    margin-left: 10px;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    color: white;
    text-transform: uppercase
}

.message-actionBar a {
    color: white
}

.bbCodeBlock {
    border: none!important;
    border-left: 3px solid #F0CE9E!important;
    background: #292929
}

.bbCodeBlock-title {
    font-weight: bold;
    background: rgba(255, 255, 255, 0.05)!important
}

.p-breadcrumbs {
    background: rgba(255, 255, 255, 0.0075);
    margin: -20px -20px 21px;
    padding: 12px 30px 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.025)
}

.block[data-widget-definition=new_profile_posts] .block-row {
    margin: 15px 0
}

.block[data-widget-definition=new_profile_posts] .block-row .button--primary {
    width: calc(100% - 4px);
    margin-left: 3px;
    margin-top: 4px
}

.block[data-widget-definition=new_profile_posts] .block-row .avatar {
    margin-right: 5px
}

.block[data-widget-definition=new_profile_posts] .block-row .username {
    display: block;
    margin-bottom: 5px
}

.button.button--cta, a.button.button--cta {
    background: #555!important;
    border-color: #444!important;
    color: #ccc!important
}

.button.button--cta:focus, .button.button--cta:hover, a.button.button--cta:focus, a.button.button--cta:hover {
    background: #515151!important;
    border-color: #3f3f3f!important;
    color: #eee!important
}

#ndzn-portal .block--announcement .announcement-header {
    cursor: default;
    background: #222;
    color: rgba(255, 255, 255, 0.85);
    padding: 20px;
    padding-left: 88px;
    position: relative
}

#ndzn-portal .block--announcement .announcement-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.075;
    z-index: 0
}

#ndzn-portal .block--announcement .announcement-header>* {
    position: relative
}

#ndzn-portal .block--announcement .announcement-header .announcement-calendar {
    background: rgba(0, 0, 0, 0.1);
    width: 68px;
    height: 100%;
    padding: 16px 0 13px 2px;
    border-radius: 3px 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    color: #c59243;
    font-weight: 900;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}

#ndzn-portal .block--announcement .announcement-header .announcement-calendar .day {
    font-size: 28px;
    margin-bottom: -7px;
    display: block
}

#ndzn-portal .block--announcement .announcement-header .announcement-calendar .month {
    text-transform: uppercase;
    font-size: 14px
}

#ndzn-portal .block--announcement .announcement-header .announcement-avatar {
    position: absolute;
    top: 19px;
    right: 19px
}

@media (max-width: 700px) {
    #ndzn-portal .block--announcement .announcement-header .announcement-avatar {
        display: none
    }
}

#ndzn-portal .block--announcement .announcement-header .announcement-title {
    font-size: 18px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 3px;
    display: block
}

#ndzn-portal .block--announcement .announcement-header .announcement-meta {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0
}

#ndzn-portal .block--announcement .announcement-header .announcement-meta li {
    display: flex;
    align-items: center;
    gap: 4px
}

#ndzn-portal .block--announcement .announcement-header .announcement-meta li:before {
    margin: 0 4px
}

#ndzn-portal .block--announcement .announcement-body {
    padding: 20px;
    color: #aaa
}

#ndzn-portal .block--announcement .announcement-footer {
    padding: 10px 0;
    text-align: right;
    border-top: 1px solid rgba(255, 255, 255, 0.03)
}

#ndzn-portal .block--announcement .announcement-footer .announcement-footer-btn {
    text-transform: uppercase;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.01);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025);
    text-decoration: none;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    height: 42px;
    line-height: 43px;
    padding: 0 16px;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    letter-spacing: 0.035em;
    color: #ccc
}

#ndzn-portal .block--announcement .announcement-footer .announcement-footer-btn:hover {
    background: #f6f6f6;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.125);
    color: #666
}

#ndzn-portal .block--announcement .announcement-footer .announcement-footer-btn .fa {
    font-weight: 100;
    font-size: 16px;
    margin-right: 10px;
    position: relative;
    top: 0
}

#ndzn-portal .block--announcement:first-child .announcement-header {
    background: -webkit-gradient(linear, left bottom, right top, from(#ca974a), to(#a76723));
    background: -webkit-linear-gradient(bottom left, #ca974a, #a76723);
    background: -o-linear-gradient(bottom left, #ca974a, #a76723);
    background: linear-gradient(to top right, #ca974a, #a76723);
    border: none;
    border-radius: 0
}

#ndzn-portal .block--announcement:first-child .announcement-header .announcement-title {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 15px
}

#ndzn-portal .block--announcement:first-child .announcement-header .announcement-title:before {
    content: "LATEST NEWS:";
    display: block;
    letter-spacing: 4px;
    font-size: 12px
}

#ndzn-portal .block--announcement:first-child .announcement-header .announcement-calendar {
    color: rgba(255, 255, 255, 0.65);
    padding-top: 35px
}

#ndzn-portal .block--announcement:first-child .announcement-header .announcement-avatar {
    top: 39px;
    right: 30px
}

.p-body-sidebar .block[array]:first-child {
    display: none
}

.swal2-modal {
    font-family: Karla, Tahoma, sans-serif!important
}

.swal2-confirm.swal2-styled {
    background: #FBAF39!important;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border-bottom: 3px solid rgba(0, 0, 0, 0.1)
}

.p-footer {
    margin-top: 60px;
    background: #0c0c0c;
    padding: 25px 0!important
}

.p-footer .p-footer-inner {
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-footer .p-footer-inner span {
    margin-right: auto;
    color: #888
}

.p-footer .p-footer-inner span small {
    color: #555;
    display: block;
    margin-top: 3px
}

.p-footer .p-footer-inner #tm {
    height: 25px;
    display: block;
    background: url(assets/tm.png) no-repeat top left/15px 25px;
    position: relative;
    padding-left: 25px;
    top: 1px;
    opacity: .4
}

.p-footer .p-footer-inner #tm:hover {
    opacity: .8
}

@media (max-width: 1020px) {
    .ndzn-above-content .p-body-inner .sidebar {
        -ms-flex-preferred-size: 290px;
        flex-basis: 290px
    }

    .p-body .p-body-sidebar {
        width: 290px
    }
}

@media (max-width: 900px) {
    .p-body .p-body-sidebar {
        width: 100%;
        margin: 0
    }

    #ndzn-header .header-nav {
        position: relative;
        height: 109px
    }

    #ndzn-header .header-nav .header-logo {
        position: absolute;
        top: calc(100% + 40px);
        max-width: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    #ndzn-header .header-nav .header-nav-all-links {
        width: 100%;
        margin-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #ndzn-header .header-nav .header-nav-all-links .header-nav-link {
        padding-top: 65px
    }

    #ndzn-header .header-nav .header-nav-all-links .header-nav-link.active:before {
        top: calc(100% + 14px)
    }

    #ndzn-header .header-nav .header-nav-all-links .header-nav-link .icon {
        width: 50px;
        height: 50px
    }

    #ndzn-title-bar .p-body-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #ndzn-title-bar .p-body-inner .main {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    #ndzn-title-bar .p-body-inner .sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        position: relative
    }

    #ndzn-title-bar .p-body-inner .sidebar .ndzn-title-bar-right {
        position: absolute;
        bottom: 25px;
        left: 0;
        width: 100%;
        background: transparent;
        visibility: hidden
    }

    .ndzn-title-bar-right #ndzn-play-now-btn {
        visibility: visible;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        border-width: 4px
    }

    .ndzn-title-bar-right #ndzn-play-now-btn:after {
        border-bottom-width: 3px
    }

    .ndzn-title-bar-right #ndzn-play-now-btn:before {
        display: none
    }

    .ndzn-title-bar-right #ndzn-playercount {
        display: none
    }

    .ndzn-above-content {
        margin-bottom: 20px
    }

    .ndzn-above-content .p-body-inner .sidebar {
        display: none
    }
}

@media (max-width: 550px) {
    #ndzn-header .header-nav .header-nav-all-links .header-nav-link {
        padding-left: 15px;
        padding-right: 15px
    }

    .ndzn-above-content .ndzn-discord {
        position: relative;
        top: 1px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ndzn-above-content .ndzn-discord:before {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 10px 0 20px
    }

    .ndzn-above-content .ndzn-discord h4 {
        font-size: 0
    }

    .ndzn-above-content .ndzn-discord h4 b {
        font-size: 14px
    }

    .ndzn-above-content .ndzn-discord p {
        display: none
    }
}

@media (max-width: 390px) {
    #ndzn-header .header-nav .header-nav-all-links {
        overflow: hidden
    }

    #ndzn-header .header-nav .header-nav-all-links .header-nav-link {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 10px
    }

    .ndzn-above-content .ndzn-discord h4 {
        display: none
    }
}

/* ── Additions for our nav.js search dropdown & shared utils ── */

.search-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    width: 280px;
    background: #292929;
    border-top: 2px solid #dab070;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    z-index: 200;
    padding: 12px
}
.search-dropdown.open { display: block }
.search-dropdown h3 {
    color: #dab070;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 10px
}
.search-dropdown input {
    width: 100%;
    padding: 7px 10px;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 3px;
    color: white;
    font-family: Karla, sans-serif;
    font-size: 13px;
    outline: none;
    box-sizing: border-box
}
.search-dropdown input:focus { border-color: #FBAF39 }
.search-dropdown-footer { display: flex; gap: 6px; margin-top: 10px }

.guest-link {
    padding: 6px 14px;
    font-size: 13px;
    color: #888;
    border-radius: 3px;
    transition: .25s;
    text-decoration: none;
    display: inline-block
}
.guest-link:hover { color: white; background: rgba(255,255,255,0.07) }

/* listInline */
.listInline { display: flex; flex-wrap: wrap; gap: 0 4px; list-style: none; margin: 0; padding: 0 }
.listInline--bullet li+li::before { content: "·"; margin-right: 4px; color: #888 }
.listInline--comma li+li::before { content: ", "; color: #888 }

/* avatars */
.avatar { border-radius: 2px; overflow: hidden; background: #333; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-weight: bold; color: white; font-size: 11px; vertical-align: middle }
.avatar--xs  { width: 28px; height: 28px }
.avatar--xxs { width: 20px; height: 20px; font-size: 9px }
.avatar--s   { width: 36px; height: 36px }
.avatar img  { width: 100%; height: 100%; object-fit: cover; display: block }

/* username colors — original XenForo classes */
.username--staff  { color: #FBAF39 !important }
.username--admin  { color: #e06b3e !important }
.username--style2 { color: #8ab4d4 }
.username--style5 { color: #66aacc }
.username--style6 { color: #5a9e5a }
.username--style7 { color: #e06b3e }

/* contentRow */
.contentRow { display: flex; align-items: flex-start; gap: 10px }
.contentRow-main { flex: 1; min-width: 0 }
.contentRow-main a { color: #bbb; font-size: 13px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.contentRow-main a:hover { color: white }
.contentRow-minor { font-size: 11px; color: #888; margin-top: 2px }
.contentRow-faderContent { font-size: 13px; color: #bbb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px }

/* labels */
.label { display: inline-block; padding: 1px 6px; border-radius: 2px; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px }
.label--red   { background: rgba(200,50,50,0.3); color: #f88 }
.label--green { background: rgba(50,150,50,0.3); color: #8d8 }

/* block-minorHeader */
.block-minorHeader { margin-bottom: 10px; font-weight: bold; padding-left: 40px; color: #ccc; font-size: 13px }
.block-minorHeader a { color: #ccc; text-decoration: none }
.block-minorHeader a:hover { color: white }

/* block-row */
.block-row { padding: 8px 0 }
.block-footer { background: transparent; border-top: 1px solid #333; padding: 10px; margin-top: 15px; font-size: 12px; color: #888 }

/* pairs (forum stats) */
.pairs { display: flex; justify-content: space-between; margin-bottom: 5px; font-size: 14px; color: #888 }
.pairs dd { color: #ccc }

/* SweetAlert2 gold override */
.swal2-popup { font-family: Karla, Tahoma, sans-serif !important; background: #1F1E1E !important; color: #ccc !important }
.swal2-title { color: #FBAF39 !important }
.swal2-confirm.swal2-styled { background: #FBAF39 !important; font-weight: bold !important; border-bottom: 3px solid rgba(0,0,0,0.1) !important }

/* p-body layout (flex) */
.p-body { position: relative; z-index: 3 }
.p-body .p-body-inner { display: flex }
.p-body-content { flex: 1 1 auto; min-width: 0 }

/* p-breadcrumbs already defined above from original */

/* ── Bans page ── */
body.page-bans .bans-header-block { background: rgba(0,0,0,0.15); border-radius: 3px; border-bottom: 3px solid rgba(0,0,0,0.075); padding: 18px 18px 16px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px }
body.page-bans .bans-header-block h2 { font-size: 18px; color: white; margin: 0 }

/* ── Staff page card grid ── */
.staff-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px }
.staff-card { background: rgba(255,255,255,0.03); border-radius: 4px; padding: 20px 14px 14px; text-align: center; position: relative; overflow: hidden; transition: transform .2s, background .2s }
.staff-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--card-color, #FBAF39) }
.staff-card:hover { transform: translateY(-3px); background: rgba(255,255,255,0.06) }
.staff-card-avatar { width: 72px; height: 72px; border-radius: 4px; image-rendering: pixelated; margin: 0 auto 10px; display: block; background: rgba(0,0,0,0.2) }
.staff-card-name { font-family: Karla, sans-serif; font-weight: 700; font-size: 14px; color: #fff; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.staff-card-role { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--card-color, #FBAF39) }
.staff-skeleton { background: rgba(255,255,255,0.04); border-radius: 4px; height: 148px; animation: skpulse 1.4s ease-in-out infinite }
@keyframes skpulse { 0%,100%{opacity:1} 50%{opacity:0.25} }