:root:root *,
:root:root *::before,
:root:root *::after {
    border-radius: 0;
}

:root:root .g-btn__icon--spin svg,
:root:root .c-block-refresh-spinner,
:root:root .tc-load-more__spinner,
:root:root .tc-msg-loading__spinner,
:root:root .tc-jump-loading__spinner,
:root:root .inst-card__busy-ring {
    border-radius: 50%;
}

:root:root .sh-card {
    border-radius: 0;
    background: linear-gradient(180deg, #171c24 0%, #0c0f13 100%);
    transition: box-shadow .2s ease, background .2s ease;
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .07),
        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, .55);
}

:root:root .sh-card:hover {
    transform: none;
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .1),
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--gold-dark),
        0 0 0 .1875rem #000,
        0 .5rem 1.5rem rgba(0, 0, 0, .65),
        0 0 1.25rem rgba(201, 162, 74, .14);
}

:root:root .sh-card--popular {
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .08),
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--gold),
        0 0 0 .1875rem #000,
        0 .5rem 1.25rem rgba(0, 0, 0, .55);
}

:root:root .sh-card__badge {
    border-radius: 0;
    background: linear-gradient(180deg, #f1d88a, #c9a24a 50%, #8a6a28);
    color: #1b1205;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .06em;
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .5), 0 0 0 .0625rem #000;
}

:root:root .sh-card__name {
    color: #ecd28b;
    font-family: var(--font-heading);
    font-weight: 700;
    text-shadow: 0 .0625rem 0 #000;
}

:root:root .sh-card__tier {
    color: var(--gold-dark);
    font-family: var(--font-heading);
}

:root:root .sh-card__tagline,
:root:root .sh-card__summary {
    color: var(--stone-600);
}

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

:root:root .sh-price__now span {
    color: var(--gold);
    font-family: var(--font-heading);
}

:root:root .sh-price__old {
    color: var(--stone-500);
}

:root:root .sh-stock__bar {
    border-radius: 0;
    background: #05060a;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
    padding: .0625rem;
}

:root:root .sh-stock__fill {
    border-radius: 0;
    background: var(--l2-bar-hp);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .35);
}

:root:root .sh-gi {
    border-radius: 0;
    background: #05060a;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem #2b313c;
}

:root:root .sh-gi--rare {
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--rare);
}

:root:root .sh-gi--epic {
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--epic);
}

:root:root .sh-gi--legend {
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--legend);
}

:root:root .sh-tabs {
    border-radius: 0;
}

:root:root .sh-tab__badge {
    border-radius: 0;
    font-family: var(--font-mono);
}

:root:root .sh-timer__val {
    font-family: var(--font-mono);
    color: var(--gold-soft);
}

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

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

:root:root .sh-buy__total-num {
    font-family: var(--font-mono);
    color: #f3e4b8;
}

:root:root .sh-buy__alert {
    border-radius: 0;
}

:root:root .sh-success__title {
    color: #ecd28b;
    font-family: var(--font-heading);
    letter-spacing: .12em;
    text-transform: uppercase;
}

:root:root .sh-success__medallion-ring {
    border-radius: 0;
    transform: rotate(45deg);
}

:root:root .sh-header,
:root:root .sh-empty__title {
    font-family: var(--font-heading);
}

:root:root .c-slot {
    border-radius: 0;
    background: linear-gradient(180deg, #11151b 0%, #07090c 100%);
    box-shadow:
        inset 0 0 0 .0625rem #000,
        inset 0 .0625rem 0 rgba(255, 255, 255, .06),
        0 0 0 .0625rem #2b313c,
        0 0 0 .125rem #000;
}

:root:root .c-slot:hover {
    background: linear-gradient(180deg, #1a2029 0%, #0b0e12 100%);
    box-shadow:
        inset 0 0 0 .0625rem #000,
        0 0 0 .0625rem var(--gold),
        0 0 0 .125rem #000,
        0 0 .75rem rgba(201, 162, 74, .3);
}

:root:root .c-slot--empty {
    background: #05060a;
    box-shadow: inset 0 .125rem .25rem rgba(0, 0, 0, .85), 0 0 0 .0625rem #1b2028, 0 0 0 .125rem #000;
}

:root:root .c-slot--d {
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--grade-d), 0 0 0 .125rem #000;
}

:root:root .c-slot--c {
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--grade-c), 0 0 0 .125rem #000;
}

:root:root .c-slot--b {
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--grade-b), 0 0 0 .125rem #000;
}

:root:root .c-slot--a {
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--grade-a), 0 0 0 .125rem #000;
}

:root:root .c-slot--s {
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--grade-s), 0 0 0 .125rem #000, 0 0 .75rem rgba(224, 178, 63, .25);
}

:root:root .c-slot__grade {
    border-radius: 0;
    font-family: var(--font-mono);
    font-weight: 700;
}

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

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

:root:root .c-slot__name {
    font-family: var(--font-heading);
    font-weight: 700;
}

:root:root .c-inv-tab {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .06em;
}

:root:root .c-inv-cap__bar {
    border-radius: 0;
    background: #05060a;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
    padding: .0625rem;
}

:root:root .c-inv-cap__fill {
    border-radius: 0;
    background: var(--l2-bar-mp);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .35);
}

:root:root .c-inv-cap__text,
:root:root .c-inv-toolbar__count {
    font-family: var(--font-mono);
    color: var(--gold-soft);
}

:root:root .c-inv-toolbar__label {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .06em;
}

:root:root .dn-pm-pop,
:root:root .dn-curpick__btn,
:root:root .dn-pm-row,
:root:root .dn-pm-cell {
    border-radius: 0;
}

:root:root .dn-pm-row {
    background: var(--l2-metal);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .08), 0 0 0 .0625rem #000, 0 0 0 .125rem #232933;
}

:root:root .dn-pm-row:hover {
    background: var(--l2-metal-hi);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .12), 0 0 0 .0625rem #000, 0 0 0 .125rem var(--gold-dark);
}

:root:root .dn-pm-row--active {
    background: linear-gradient(180deg, #3a2f12 0%, #1b1507 100%);
    box-shadow: inset 0 .0625rem 0 rgba(255, 230, 150, .25), 0 0 0 .0625rem #000, 0 0 0 .125rem var(--gold);
}

:root:root .dn-pm-cur--active {
    color: var(--gold-soft);
}

:root:root .dn-sec-title {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #ecd28b;
}

:root:root .dn-sec-title__line {
    background: linear-gradient(90deg, rgba(201, 162, 74, .6), transparent);
}

:root:root .dn-sec-title__num {
    border-radius: 0;
    font-family: var(--font-mono);
    background: linear-gradient(180deg, #f1d88a, #8a6a28);
    color: #1b1205;
}

:root:root .dn-sec-title__bonus {
    font-family: var(--font-mono);
    color: var(--live);
}

:root:root .dn-presets button {
    border-radius: 0;
}

:root:root .dn-slider-tip {
    border: 0;
    background: linear-gradient(180deg, #2a303a, #12151a);
    color: #f3e4b8;
    font-family: var(--font-mono);
    box-shadow: 0 0 0 .0625rem #000, 0 0 0 .125rem var(--gold-dark);
}

:root:root .dn-slider-tip::after {
    border-top-color: var(--gold-dark);
}

:root:root .dn-slider::-webkit-slider-runnable-track {
    height: .625rem;
    border-radius: 0;
    background: linear-gradient(90deg, #c9a24a 0%, #e6d36a var(--p, 0%), #05060a var(--p, 0%), #05060a 100%);
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
}

:root:root .dn-slider::-moz-range-track {
    height: .625rem;
    border-radius: 0;
    background: #05060a;
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
}

:root:root .dn-slider::-moz-range-progress {
    height: .625rem;
    border-radius: 0;
    background: var(--l2-bar-exp);
}

:root:root .dn-slider::-webkit-slider-thumb {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: -.25rem;
    border: .0625rem solid #000;
    border-radius: 0;
    background: linear-gradient(180deg, #f1d88a, #8a6a28);
    transform: rotate(45deg);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .5), 0 0 0 .0625rem var(--gold-dark), 0 0 .75rem rgba(201, 162, 74, .5);
}

:root:root .dn-slider::-webkit-slider-thumb:hover {
    transform: rotate(45deg) scale(1.1);
}

:root:root .dn-slider:active::-webkit-slider-thumb {
    transform: rotate(45deg) scale(1.05);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .5), 0 0 0 .0625rem var(--gold), 0 0 1rem rgba(201, 162, 74, .7);
}

:root:root .dn-slider::-moz-range-thumb {
    width: 1.125rem;
    height: 1.125rem;
    border: .0625rem solid #000;
    border-radius: 0;
    background: linear-gradient(180deg, #f1d88a, #8a6a28);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .5), 0 0 0 .0625rem var(--gold-dark);
}

:root:root .dn-slider-scale i {
    background: var(--gold-dark);
}

:root:root .dn-slider-scale b {
    font-family: var(--font-mono);
}

:root:root .dn-char {
    border-radius: 0;
}

:root:root .c-news-card {
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, #171c24, #0c0f13);
    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-news-card:hover {
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .1),
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--gold-dark),
        0 0 0 .1875rem #000,
        0 .5rem 1.5rem rgba(0, 0, 0, .65);
}

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

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

:root:root .c-news-card__date {
    font-family: var(--font-mono);
    color: var(--stone-500);
}

:root:root .c-news-card__tags span {
    border-radius: 0;
    font-family: var(--font-heading);
    font-weight: 700;
}

:root:root .tckt-card {
    border: 0;
    border-radius: 0;
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .06),
        0 0 0 .0625rem #000,
        0 0 0 .125rem #2b313c;
}

:root:root .tckt-card:hover {
    box-shadow:
        inset 0 .0625rem 0 rgba(255, 255, 255, .08),
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--gold-dark);
}

:root:root .tckt-chip {
    border-radius: 0;
    font-family: var(--font-heading);
    font-weight: 700;
}

:root:root .tc-msg__box {
    border-radius: 0;
}

:root:root .tc-msg--user .tc-msg__box {
    background: linear-gradient(180deg, #3a2f12, #1b1507);
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--gold-dark);
    color: #f3e4b8;
}

:root:root .tc-msg--admin .tc-msg__box,
:root:root .tc-msg--incoming .tc-msg__box {
    background: linear-gradient(180deg, #1c2129, #0f1216);
    box-shadow: inset 0 0 0 .0625rem #000, 0 0 0 .0625rem var(--l2-steel);
}

:root:root .tc-msg__author {
    color: var(--gold-soft);
    font-family: var(--font-heading);
    font-weight: 700;
}

:root:root .tc-msg__time {
    font-family: var(--font-mono);
}

:root:root .tc-toolbar {
    border-radius: 0;
    background: var(--l2-title);
    box-shadow: inset 0 .0625rem 0 rgba(255, 255, 255, .06), 0 0 0 .0625rem #000;
}

:root:root .tc-tb-btn {
    border-radius: 0;
}

:root:root .tc-tb-btn:hover {
    color: var(--gold-soft);
    background: rgba(201, 162, 74, .12);
}

:root:root .c-champ {
    border: 0;
    background: linear-gradient(180deg, #171c24, #0c0f13);
    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;
}

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

@keyframes l2Pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .45;
    }
}

:root:root .c-live-dot,
:root:root .c-online__dot,
:root:root .c-navbar__srv-dot,
:root:root .c-sidebar__srv-dot,
:root:root .c-srv-tip__dot,
:root:root .c-filter-bar__dot {
    transform: rotate(45deg);
}

:root:root .c-live-dot {
    animation: l2Pulse 1.6s ease-in-out infinite;
}

@media (max-width: 48rem) {
    :root:root .l-main {
        box-shadow: none;
    }

    :root:root .c-panel,
:root:root .np-root,
:root:root .c-card {
        box-shadow:
            inset 0 .0625rem 0 rgba(255, 255, 255, .07),
            0 0 0 .0625rem #000,
            0 0 0 .125rem var(--l2-steel);
    }
}

@media (prefers-reduced-motion: reduce) {
    :root:root .c-live-dot {
        animation: none;
    }
}