:root:root .l-main {
    border-radius: 0;
    background-color: #090b0f;
    background-image:
        radial-gradient(ellipse 80% 40% at 50% 0, rgba(201, 162, 74, .05), transparent 70%),
        var(--l2-noise),
        repeating-linear-gradient(0deg, transparent, transparent 7.4375rem, rgba(255, 255, 255, .012) 7.4375rem, rgba(255, 255, 255, .012) 7.5rem);
    box-shadow:
        0 0 0 .0625rem #000,
        0 0 0 .125rem #232933,
        0 0 0 .1875rem #000,
        inset 0 0 5rem rgba(0, 0, 0, .55);
}

:root:root .c-panel {
    border-radius: 0;
    background: linear-gradient(180deg, #151a21 0%, #0c0f13 100%);
    animation: none;
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .07),
        inset 0 0 0 .0625rem rgba(0, 0, 0, .7),
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--l2-steel),
        0 0 0 .1875rem #000,
        0 .625rem 1.5rem rgba(0, 0, 0, .55);
}

:root:root .c-panel__header {
    padding: .875rem 1.5rem;
    border-bottom: .0625rem solid #000;
    background: var(--l2-title);
    box-shadow: 0 .0625rem 0 rgba(201, 162, 74, .42), inset 0 .0625rem 0 rgba(255, 255, 255, .07);
}

:root:root .c-panel__title {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.0625rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-shadow: 0 .0625rem 0 #000;
}

:root:root .c-panel__title svg {
    color: var(--gold);
}

:root:root .c-panel__count {
    border-radius: 0;
    background: #05060a;
    color: var(--gold-soft);
    font-family: var(--font-mono);
    font-weight: 700;
    letter-spacing: .04em;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
}

:root:root .np-root,
:root:root .np-panel {
    border-radius: 0;
    border: 0;
    background: linear-gradient(180deg, #141920 0%, #0c0f13 100%);
    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.5rem rgba(0, 0, 0, .5);
}

:root:root .np-header__title {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

:root:root .c-card {
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, #171c24 0%, #0d1015 100%);
    animation: none;
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .06),
        0 0 0 .0625rem #000,
        0 0 0 .125rem #2b313c,
        0 .375rem 1rem rgba(0, 0, 0, .5);
}

:root:root .c-card::before {
    inset: .25rem;
    border: .0625rem solid rgba(201, 162, 74, .14);
    border-radius: 0;
}

:root:root .c-card:hover {
    transform: none;
    border-color: transparent;
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .08),
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--gold-dark),
        0 .375rem 1.25rem rgba(0, 0, 0, .6);
}

:root:root .c-card__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, .45),
        inset 0 0 0 .1875rem #000,
        0 0 0 .0625rem #000;
}

:root:root .c-card__label {
    color: var(--stone-600);
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

:root:root .c-card__value {
    color: #f3e4b8;
    font-family: var(--font-mono);
    font-weight: 700;
    text-shadow: 0 .0625rem 0 #000;
}

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

:root:root .c-overlay {
    background: rgba(2, 3, 5, .78);
    backdrop-filter: none;
}

:root:root .c-modal,
:root:root .c-mcard {
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, #171c24 0%, #0b0e12 100%);
    box-shadow: var(--shadow-modal);
}

:root:root .c-modal__head,
:root:root .c-mcard__head {
    padding: .875rem 1.375rem;
    background: var(--l2-title);
    border-bottom: .0625rem solid #000;
    box-shadow: 0 .0625rem 0 rgba(201, 162, 74, .42), inset 0 .0625rem 0 rgba(255, 255, 255, .07);
}

:root:root .c-modal__title,
:root:root .c-mcard__title {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-shadow: 0 .0625rem 0 #000;
}

:root:root .c-mcard__close,
:root:root .c-char-panel__close {
    border-radius: 0;
    background: var(--l2-metal);
    color: var(--stone-600);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .1), 0 0 0 .0625rem #000, 0 0 0 .125rem var(--l2-steel);
}

:root:root .c-mcard__close:hover,
:root:root .c-char-panel__close:hover {
    color: #fff;
    background: linear-gradient(180deg, #8c2a24, #4a1210);
}

:root:root .c-mcard__footer {
    background: #090b0e;
    border-top: .0625rem solid #000;
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .05);
}

:root:root .c-detail {
    border-radius: 0;
    background: #090b0f;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem #232933;
}

:root:root .c-detail:hover {
    background: #0e1217;
}

:root:root .c-detail__label {
    color: var(--stone-500);
    font-family: var(--font-heading);
    letter-spacing: .06em;
    text-transform: uppercase;
}

:root:root .c-detail__val {
    color: var(--stone-800);
}

:root:root .c-table-wrap {
    box-shadow: inset 0 0 0 .0625rem #000;
}

:root:root .c-table thead {
    background: var(--l2-title);
}

:root:root .c-table th {
    color: var(--gold-soft);
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: .75rem;
    letter-spacing: .1em;
    border-bottom: .0625rem solid #000;
    border-right: .0625rem solid rgba(0, 0, 0, .6);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .06), 0 .0625rem 0 rgba(201, 162, 74, .35);
}

:root:root .c-table td {
    color: var(--stone-800);
    border-bottom: .0625rem solid rgba(0, 0, 0, .65);
    border-right: 0;
    box-shadow: 0 .0625rem 0 rgba(255, 255, 255, .03);
}

:root:root .c-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, .018);
}

:root:root .c-table tbody tr:hover {
    background: linear-gradient(90deg, rgba(201, 162, 74, .13), rgba(201, 162, 74, .03));
    box-shadow: inset .1875rem 0 0 var(--gold);
}

:root:root .c-acct__icon {
    border-radius: 0;
    background: var(--l2-metal);
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
}

:root:root .c-char-avatar,
:root:root .c-char-pill__avatar,
:root:root .c-char__dot-img {
    border-radius: 0;
}

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

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

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

:root:root .c-char-pill__class {
    color: var(--stone-600);
}

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

:root:root .c-char-panel__name {
    font-family: var(--font-heading);
    color: #ecd28b;
}

:root:root .c-char-panel__stat {
    border-radius: 0;
    background: #090b0f;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem #232933;
}

:root:root .c-char-panel__stat-val {
    font-family: var(--font-mono);
    color: var(--gold-soft);
}

:root:root .c-char-panel__stat-label {
    font-family: var(--font-heading);
    letter-spacing: .06em;
    text-transform: uppercase;
}

:root:root .c-notice {
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, #141920, #0d1014);
    box-shadow:
        inset .25rem 0 0 var(--gold),
        inset 0 0 0 .0625rem #000,
        0 0 0 .0625rem #232933;
}

:root:root .c-notice__icon {
    border-radius: 0;
    background: #05060a;
    color: var(--gold-soft);
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
}

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

:root:root .c-notice__text {
    color: var(--stone-700);
}

:root:root .c-notice--info {
    box-shadow: inset .25rem 0 0 var(--blue), inset 0 0 0 .0625rem #000, 0 0 0 .0625rem #232933;
}

:root:root .c-notice--info .c-notice__icon {
    color: var(--notif-blue);
}

:root:root .c-notice--error {
    box-shadow: inset .25rem 0 0 var(--red), inset 0 0 0 .0625rem #000, 0 0 0 .0625rem #232933;
}

:root:root .c-notice--error .c-notice__icon {
    color: var(--danger-text);
}

:root:root .c-notice--success {
    box-shadow: inset .25rem 0 0 var(--live), inset 0 0 0 .0625rem #000, 0 0 0 .0625rem #232933;
}

:root:root .c-notice--success .c-notice__icon {
    color: var(--success-bright);
}

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

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

:root:root .c-toast__progress {
    background: var(--gold);
    border-radius: 0;
}

:root:root .c-empty-state__title {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

:root:root .c-empty-state__icon {
    color: var(--gold-dark);
}

:root:root .c-empty-state__ring {
    border-radius: 0;
    border-color: rgba(201, 162, 74, .3);
    transform: rotate(45deg);
}

:root:root .c-pw-strength__bar {
    border-radius: 0;
    background: #05060a;
    box-shadow: inset 0 0 0 .0625rem #000;
}

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

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