:root:root .c-sidebar--tab {
    --ct-base: #06070a;
    --ct-line: #1b2028;
    --ct-line-2: #2b313c;
    --ct-card: #0d1014;
    --ct-card-2: #131820;
    --ct-ink: #e6dcc4;
    --ct-ink-item: #cdc4ab;
    --ct-ink-dim: #7f7869;
    --ct-gold: #dcb85f;
    --ct-gold-lo: #8a6a28;
    --ct-edge-bg: #12161c;
    background: linear-gradient(90deg, #040508 0%, #080a0e 60%, #0c0f14 100%);
    box-shadow:
        inset -.0625rem 0 0 #000,
        inset -.1875rem 0 0 #232933,
        .25rem 0 1rem rgba(0, 0, 0, .55);
}

:root:root .ct-brand {
    height: 4.5rem;
    background: linear-gradient(180deg, #1a1f27 0%, #0c0e12 100%);
    border-bottom: .0625rem solid #000;
    box-shadow: 0 .0625rem 0 rgba(201, 162, 74, .38), inset 0 .0625rem 0 rgba(255, 255, 255, .05);
}

:root:root .ct-mono {
    border-radius: 0;
    border: .0625rem solid var(--ct-gold-lo);
    background: linear-gradient(180deg, #221b0b, #0d0a04);
    box-shadow: inset 0 0 0 .125rem #000, inset 0 0 0 .1875rem rgba(201, 162, 74, .35);
    font-family: var(--font-heading);
    font-weight: 700;
}

:root:root .ct-name {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.0625rem;
    letter-spacing: .14em;
    text-shadow: 0 .0625rem 0 #000, 0 0 .875rem rgba(201, 162, 74, .38);
}

:root:root .ct-item {
    height: 2.625rem;
    margin-block: .0625rem;
    border-radius: 0;
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .035em;
}

:root:root .ct-item:not(.on):hover {
    color: #f3e4b8;
    background: linear-gradient(90deg, rgba(201, 162, 74, .16), rgba(201, 162, 74, .03) 78%, transparent);
    box-shadow: inset .1875rem 0 0 var(--gold);
}

:root:root .ct-ico {
    width: 1.375rem;
    height: 1.375rem;
}

:root:root .ct-item:not(.on):hover .ct-ico {
    color: var(--gold-soft);
    filter: drop-shadow(0 0 .375rem rgba(201, 162, 74, .55));
}

:root:root .ct-item.on {
    color: #f6e4ae;
    text-shadow: 0 0 .75rem rgba(201, 162, 74, .45);
}

:root:root .ct-item.on .ct-ico {
    color: var(--gold-soft);
    filter: drop-shadow(0 0 .375rem rgba(201, 162, 74, .5));
}

:root:root .ct-tab {
    right: 0;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(201, 162, 74, .26) 0%, rgba(201, 162, 74, .08) 62%, rgba(201, 162, 74, .02) 100%);
    box-shadow:
        inset .1875rem 0 0 var(--gold),
        inset 0 .0625rem 0 rgba(255, 255, 255, .06),
        inset 0 -.0625rem 0 rgba(0, 0, 0, .7);
}

:root:root .ct-tab::before,
:root:root .ct-tab::after {
    display: none;
}

:root:root .ct-badge {
    color: var(--gold-soft);
    font-family: var(--font-mono);
    font-size: .6875rem;
}

:root:root .ct-sep {
    height: .0625rem;
    background: linear-gradient(90deg, transparent, rgba(201, 162, 74, .55) 50%, transparent);
    overflow: visible;
    position: relative;
}

:root:root .ct-sep::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .4375rem;
    height: .4375rem;
    background: var(--gold);
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: 0 0 0 .125rem #06070a;
}

:root:root .ct-foot {
    border-top: .0625rem solid #000;
    box-shadow: inset 0 .0625rem 0 rgba(201, 162, 74, .3);
    background: linear-gradient(180deg, #0b0d11, #06070a);
}

:root:root .ct-server {
    border: .0625rem solid #000;
    border-radius: 0;
    background: linear-gradient(180deg, #171c23 0%, #0d1014 100%);
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .06),
        0 0 0 .0625rem #2b313c,
        0 0 0 .125rem #000;
}

:root:root .ct-server__name {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .04em;
    text-shadow: 0 .0625rem 0 #000;
}

:root:root .ct-server__name em {
    color: var(--gold);
    font-family: var(--font-mono);
}

:root:root .ct-status {
    font-family: var(--font-heading);
    font-size: .8125rem;
}

:root:root .ct-status i,
:root:root .ct-server__dot {
    border-radius: 0;
    transform: rotate(45deg);
    background: #7a2e28;
    box-shadow: 0 0 0 .0625rem #000;
}

:root:root .ct-server.is-online .ct-status i,
:root:root .ct-server__dot.is-online {
    background: var(--live);
    box-shadow: 0 0 0 .0625rem #000, 0 0 .5rem rgba(79, 174, 108, .75);
}

:root:root .ct-server__bar {
    height: .5rem;
    border-radius: 0;
    background: #05060a;
    border: .0625rem solid #000;
    box-shadow: inset 0 0 0 .0625rem #2b313c;
    padding: .0625rem;
}

:root:root .ct-server__bar span {
    background: var(--l2-bar-exp);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .35);
}

:root:root .ct-server__list {
    border: .0625rem solid #000;
    border-radius: 0;
    background: #0d1014;
    box-shadow: 0 0 0 .0625rem #3b4350, 0 .75rem 2rem rgba(0, 0, 0, .7);
}

:root:root .ct-server__opt {
    border-radius: 0;
    font-family: var(--font-heading);
}

:root:root .ct-server__opt:hover,
:root:root .ct-server__opt.is-active {
    color: #f3e4b8;
    background: linear-gradient(90deg, rgba(201, 162, 74, .18), transparent);
}

:root:root .ct-social__link {
    border-radius: 0;
    color: #8a8372;
}

:root:root .ct-social__link:hover {
    color: var(--gold-soft);
    background: rgba(201, 162, 74, .1);
}

:root:root .ct-social--site {
    border-radius: 0;
    font-family: var(--font-heading);
    font-weight: 700;
}

:root:root .ct-social--site:hover {
    color: #f3e4b8;
    background: linear-gradient(90deg, rgba(201, 162, 74, .14), transparent);
}

:root:root .ct-edge {
    border-radius: 0;
    background: linear-gradient(180deg, #232933, #12161c);
    box-shadow: 0 0 0 .0625rem #000, 0 0 0 .125rem #3b4350;
}

:root:root .c-sidebar {
    background: linear-gradient(90deg, #040508, #0b0e13);
    border-right: .0625rem solid #000;
    box-shadow: inset -.125rem 0 0 #232933;
}

@media (min-width: 48.0625rem) {
    :root:root .c-sidebar.is-collapsed .c-sidebar__link,
:root:root .c-sidebar.is-collapsed .c-sidebar__link:hover,
:root:root .c-sidebar.is-collapsed .c-sidebar__link.is-active {
        font-size: 0;
        letter-spacing: 0;
        color: transparent;
    }
}

:root:root .c-sidebar__head {
    background: linear-gradient(180deg, #1a1f27 0%, #0c0e12 100%);
    border-bottom: .0625rem solid #000;
    box-shadow: 0 .0625rem 0 rgba(201, 162, 74, .38), inset 0 .0625rem 0 rgba(255, 255, 255, .05);
}

:root:root .c-sidebar__logo {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .14em;
    text-shadow: 0 .0625rem 0 #000, 0 0 .875rem rgba(201, 162, 74, .38);
}

:root:root .c-sidebar__link {
    border-radius: 0;
    font-family: var(--font-heading);
    font-size: .9375rem;
    font-weight: 700;
    letter-spacing: .035em;
}

:root:root .c-sidebar__link-icon {
    color: var(--stone-500);
}

:root:root .c-sidebar__link:hover .c-sidebar__link-icon,
:root:root .c-sidebar__link.is-active .c-sidebar__link-icon {
    color: var(--gold-soft);
}

:root:root .c-sidebar__link-badge {
    background: var(--red);
    color: #fff;
    font-family: var(--font-mono);
    box-shadow: 0 0 0 .0625rem #000;
}

:root:root .c-sidebar__sep {
    height: .0625rem;
    background: linear-gradient(90deg, transparent, rgba(201, 162, 74, .55) 50%, transparent);
}

:root:root .c-sidebar__foot {
    border-top: .0625rem solid #000;
    box-shadow: inset 0 .0625rem 0 rgba(201, 162, 74, .3);
    background: linear-gradient(180deg, #0b0d11, #06070a);
}

:root:root .c-sidebar__collapse {
    border: 0;
    background: var(--l2-metal);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .12), 0 0 0 .0625rem #000, 0 0 0 .125rem var(--l2-steel);
}

:root:root .c-sidebar__srv-cards {
    border-top: .0625rem solid #000;
    box-shadow: inset 0 .0625rem 0 rgba(201, 162, 74, .3);
}

:root:root .c-sidebar__srv-cards .c-navbar__srv {
    border: 0;
    background: linear-gradient(180deg, #171c23 0%, #0d1014 100%);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .06), 0 0 0 .0625rem #2b313c, 0 0 0 .125rem #000;
}

:root:root .c-sidebar__srv-cards .c-navbar__srv::before {
    display: none;
}

:root:root .c-sidebar__srv-cards .c-navbar__srv-name {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
}

:root:root .c-sidebar__srv-cards .c-navbar__srv-rate {
    color: var(--gold);
    font-family: var(--font-mono);
}

:root:root .c-sidebar__srv-cards .c-navbar__srv.is-online .c-navbar__srv-bar {
    background: linear-gradient(180deg, transparent, var(--live), transparent);
}

:root:root .c-sidebar__srv-cards .c-navbar__srv-status.is-online {
    color: var(--live);
    font-family: var(--font-heading);
}

:root:root .c-sidebar__srv-cards .c-navbar__srv-progress {
    background: #05060a;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
}

:root:root .c-navbar__srv {
    border: 0;
    background: linear-gradient(180deg, #171c23 0%, #0d1014 100%);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .06), 0 0 0 .0625rem #2b313c, 0 0 0 .125rem #000;
}

:root:root .c-navbar__srv-name {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
}

:root:root .c-srv-tip {
    border: 0;
    background: linear-gradient(180deg, #171c24, #0b0e12);
    box-shadow: var(--shadow-dropdown);
}

:root:root .c-sidebar__link:hover,
:root:root .c-sidebar__link.is-active {
    color: #f3e4b8;
    background: linear-gradient(90deg, rgba(201, 162, 74, .16), transparent);
    box-shadow: inset .1875rem 0 0 var(--gold);
}

:root:root .c-navbar {
    border-radius: 0;
    background: var(--l2-title);
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .06),
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--l2-steel),
        0 0 0 .1875rem #000,
        0 .5rem 1.25rem rgba(0, 0, 0, .5);
}

:root:root .c-nb-srv__name {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .05em;
    text-shadow: 0 .0625rem 0 #000;
}

:root:root .c-nb-srv__dot {
    border-radius: 0;
    transform: rotate(45deg);
}

:root:root .c-nb-srv__state,
:root:root .c-nb-srv__time {
    font-family: var(--font-heading);
    color: var(--stone-600);
}

:root:root .c-navbar__srv-progress,
:root:root .c-srv-tip__bar {
    border-radius: 0;
    background: #05060a;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem #2b313c;
}

:root:root .c-navbar__srv-progress-fill,
:root:root .c-srv-tip__bar-fill {
    background: var(--l2-bar-exp);
    border-radius: 0;
}

:root:root .c-page-title {
    position: relative;
    padding-bottom: .875rem;
    margin-bottom: 1.25rem;
}

:root:root .c-page-title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .0625rem;
    background: linear-gradient(90deg, rgba(201, 162, 74, .85), rgba(201, 162, 74, .25) 45%, transparent);
}

:root:root .c-page-title__icon {
    border-radius: 0;
    background: linear-gradient(180deg, #2a2412, #0f0c05);
    color: var(--gold-soft);
    box-shadow:
        inset 0 0 0 .0625rem rgba(201, 162, 74, .5),
        inset 0 0 0 .1875rem #000,
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--l2-gold-lo);
}

:root:root .c-page-title__text h1,
:root:root .c-page-title__text h2 {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    text-shadow: 0 .0625rem 0 #000, 0 0 1rem rgba(201, 162, 74, .3);
}

:root:root .c-page-title__text p,
:root:root .c-page-title__text span {
    color: var(--stone-600);
}

:root:root .c-user,
:root:root .c-locale__btn,
:root:root .c-notif__btn {
    border-radius: 0;
}

:root:root .c-user__avatar {
    border-radius: 0;
    box-shadow: 0 0 0 .0625rem #000, 0 0 0 .125rem var(--l2-gold-lo);
}

:root:root .c-user__name,
:root:root .c-user__dropdown-name {
    font-family: var(--font-heading);
    font-weight: 700;
    color: #ecd28b;
}

:root:root .c-user__dropdown,
:root:root .c-locale__dropdown,
:root:root .c-notif__dropdown {
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, #151a21, #0c0f13);
    box-shadow: var(--shadow-dropdown);
}

:root:root .c-user__dropdown-item,
:root:root .c-locale__item,
:root:root .c-notif__item {
    border-radius: 0;
}

:root:root .c-user__dropdown-item:hover,
:root:root .c-locale__item:hover,
:root:root .c-notif__item:hover {
    background: linear-gradient(90deg, rgba(201, 162, 74, .16), transparent);
    color: #f3e4b8;
}

:root:root .c-notif__btn-badge {
    border-radius: 0;
    background: var(--red);
    box-shadow: 0 0 0 .0625rem #000;
}

:root:root .c-mobile-bar {
    background: linear-gradient(180deg, #1a1f27, #0b0d11);
    border-bottom: .0625rem solid #000;
    box-shadow: 0 .0625rem 0 rgba(201, 162, 74, .38);
}

:root:root .c-mobile-bar__logo {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .12em;
}

:root:root .ct-theme,
:root:root .ag__theme,
:root:root .c-theme-toggle,
:root:root .c-sidebar__theme {
    display: none;
}