@font-face {
    font-family: 'L2 Philosopher';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/panel/fonts/philosopher-400-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'L2 Philosopher';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/panel/fonts/philosopher-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'L2 Philosopher';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/panel/fonts/philosopher-700-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'L2 Philosopher';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/panel/fonts/philosopher-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'L2 Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/panel/fonts/open-sans-400-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'L2 Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/panel/fonts/open-sans-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'L2 Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/assets/panel/fonts/open-sans-600-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'L2 Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/assets/panel/fonts/open-sans-600-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'L2 Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/panel/fonts/open-sans-700-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'L2 Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/panel/fonts/open-sans-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'L2 Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/assets/panel/fonts/jetbrains-mono-500-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'L2 Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/assets/panel/fonts/jetbrains-mono-500-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'L2 Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/panel/fonts/jetbrains-mono-700-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'L2 Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/panel/fonts/jetbrains-mono-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root:root,
:root:root[data-theme="dark"],
:root:root[data-theme="light"] {
    color-scheme: dark;

    --page-bg: #06070a;
    --ct-page: #090b0f;
    --ct-edge-bg: #12161c;
    --ct-on-ink: #f3e4b8;
    --ct-on-ico: #c9a24a;
    --ct-on-badge: #9ba2af;

    --white: #0d0f13;
    --bone: #11141a;
    --ivory: #161a21;
    --parchment: #1c2129;
    --stone-100: #1f242d;
    --stone-200: #2b313c;
    --stone-300: #3b4350;
    --stone-400: #586172;
    --stone-500: #7b8495;
    --stone-600: #9ba2af;
    --stone-700: #bdb9ac;
    --stone-800: #dcd5c1;
    --stone-900: #f3ebd5;

    --has-border-inset: rgba(255, 255, 255, .05);
    --has-border-inner: rgba(0, 0, 0, .55);

    --font-display: 'L2 Philosopher', 'Philosopher', Georgia, serif;
    --font-heading: 'L2 Philosopher', 'Philosopher', Georgia, serif;
    --font-body: 'L2 Sans', 'Ct Open Sans', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'L2 Mono', 'JetBrains Mono', monospace;

    --gold: #c9a24a;
    --gold-rgb: 201 162 74;
    --gold-bg: rgba(201, 162, 74, .11);
    --gold-soft: #e6c978;
    --gold-dark: #8a6a28;

    --live: #4fae6c;
    --live-rgb: 79 174 108;
    --live-bg: rgba(79, 174, 108, .12);
    --twitch: #9b72d6;
    --twitch-bg: rgba(155, 114, 214, .12);
    --yt: #c94a42;
    --yt-bg: rgba(201, 74, 66, .12);

    --red: #b8362e;
    --red-rgb: 184 54 46;
    --red-bg: rgba(184, 54, 46, .14);
    --blue: #3f7fc4;
    --blue-rgb: 63 127 196;
    --blue-bg: rgba(63, 127, 196, .14);
    --patch: #6fae52;
    --patch-rgb: 111 174 82;
    --patch-bg: rgba(111, 174, 82, .12);

    --error: #d9483f;
    --danger: #b8362e;
    --danger-hover: #d9483f;
    --danger-bg: rgba(184, 54, 46, .14);
    --danger-text: #e0665d;
    --success: #4fae6c;
    --success-rgb: 79 174 108;
    --success-bg: rgba(79, 174, 108, .12);
    --success-bright: #6fcf8c;
    --warning: #d9a13a;
    --warning-text: #e6b55a;

    --notif-green: #6fcf8c;
    --notif-blue: #6aa6e6;
    --notif-yellow: #e6c978;
    --notif-red: #e0665d;
    --notif-purple: #b890e6;
    --notif-teal: #5fc8c0;

    --rare: #4a8fd8;
    --rare-bg: rgba(74, 143, 216, .12);
    --rare-glow: rgba(74, 143, 216, .45);
    --epic: #a368d6;
    --epic-bg: rgba(163, 104, 214, .12);
    --epic-glow: rgba(163, 104, 214, .5);
    --legend: #e0b23f;
    --legend-bg: rgba(224, 178, 63, .13);
    --legend-glow: rgba(224, 178, 63, .55);

    --grade-d: #8a8f99;
    --grade-c: #6fae52;
    --grade-b: #4a8fd8;
    --grade-a: #a368d6;
    --grade-s: #e0b23f;
    --silver: #aab0bb;
    --silver-bg: rgba(170, 176, 187, .12);
    --bronze: #b0773c;
    --bronze-bg: rgba(176, 119, 60, .13);

    --primary: var(--gold);
    --primary-bg: var(--gold-bg);
    --stone-50: #0a0c10;
    --white-rgb: 13 15 19;
    --shadow-card: 0 .5rem 1.5rem rgba(0, 0, 0, .55);
    --shadow-sm: 0 .125rem .5rem rgba(0, 0, 0, .5);

    --enchant-low: #6fae52;
    --enchant-mid: #4a8fd8;
    --enchant-high: #a368d6;
    --enchant-top: #e6c978;
    --enchant-max: #e0665d;

    --shadow-dropdown:
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--stone-300),
        0 0 0 .1875rem #000,
        0 1rem 2.5rem rgba(0, 0, 0, .75);
    --shadow-modal:
        0 0 0 .0625rem #000,
        0 0 0 .125rem var(--stone-300),
        0 0 0 .1875rem #000,
        0 0 0 .25rem rgba(201, 162, 74, .28),
        0 1.5rem 4rem rgba(0, 0, 0, .85);

    --radius-sm: .125rem;
    --radius-md: .1875rem;
    --radius-lg: .25rem;
    --radius-xl: .3125rem;
    --radius-2xl: .375rem;
    --radius-full: 0;

    --transition-fast: .15s ease;
    --transition-base: .2s ease;
    --transition-slow: .3s ease;

    --l2-steel: #3b4350;
    --l2-steel-hi: #566073;
    --l2-ink: #000;
    --l2-gold: #c9a24a;
    --l2-gold-hi: #e6c978;
    --l2-gold-lo: #8a6a28;
    --l2-bar-hp: linear-gradient(180deg, #e06458 0%, #b8362e 45%, #7d1c18 100%);
    --l2-bar-mp: linear-gradient(180deg, #5aa0e8 0%, #2f66b3 45%, #1b3f75 100%);
    --l2-bar-exp: linear-gradient(180deg, #e6d36a 0%, #b09a26 45%, #6e5f12 100%);
    --l2-metal: linear-gradient(180deg, #2c323c 0%, #1b1f26 48%, #12151a 100%);
    --l2-metal-hi: linear-gradient(180deg, #3a424f 0%, #232830 48%, #181c22 100%);
    --l2-title: linear-gradient(180deg, #2a303a 0%, #171b21 100%);
    --l2-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .75 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    --l2-stud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 0 12 6 6 12 0 6Z' fill='%23c9a24a'/%3E%3Cpath d='M6 2 10 6 6 10 2 6Z' fill='%23120d04'/%3E%3Cpath d='M6 3.8 8.2 6 6 8.2 3.8 6Z' fill='%23e6c978'/%3E%3C/svg%3E");
    --l2-diamond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 10 5 5 10 0 5Z' fill='%23c9a24a'/%3E%3Cpath d='M5 2.2 7.8 5 5 7.8 2.2 5Z' fill='%23120d04'/%3E%3C/svg%3E");
}

/* NIGHTFALL FUNPAY */

.nf-funpay {
    margin-top: 18px;
    padding: 16px;
    background: linear-gradient(145deg, #171b22, #11151b);
    border: 1px solid rgba(201, 165, 91, .22);
    border-radius: 9px;
}

.nf-funpay__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.nf-funpay__title {
    color: #c9a55b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
    text-align: center;
    white-space: nowrap;
}

.nf-funpay__line {
    height: 1px;
    flex: 1;
    background: rgba(201, 165, 91, .4);
}

.nf-funpay__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 48px;
    padding: 0 15px;
    color: #17130c !important;
    background: linear-gradient(135deg, #e0bd73, #bd9145);
    border: 1px solid rgba(255, 225, 160, .5);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    transition: .2s ease;
}

/* NIGHTFALL — FUNPAY */

.nf-funpay {
    margin-top: 18px;
    padding: 18px 16px;
    background: linear-gradient(145deg, #171b22, #11151b);
    border: 1px solid rgba(201, 165, 91, .22);
    border-radius: 9px;
}

.nf-funpay__head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
}

.nf-funpay__title {
    color: #c9a55b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
    white-space: nowrap;
}

.nf-funpay__line {
    height: 1px;
    flex: 1;
    background: rgba(201, 165, 91, .4);
}

.nf-funpay__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    color: #17130c !important;
    background: linear-gradient(135deg, #e0bd73, #bd9145);
    border: 1px solid rgba(255, 225, 160, .5);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    transition: .2s ease;
}

.nf-funpay__button:hover {
    filter: brightness(1.12);
}

.nf-funpay__description {
    margin-top: 13px;
    text-align: center;
}

.nf-funpay__description p {
    margin: 7px 0;
    color: #929ba8;
    font-size: 12px;
    line-height: 1.5;
}

.nf-funpay__description .nf-funpay__telegram {
    margin-top: 13px;
}

.nf-funpay__telegram a {
    color: #48a9ff;
    font-weight: 700;
    text-decoration: none;
}

.nf-funpay__telegram a:hover {
    color: #80c4ff;
}

.nf-funpay__description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    margin-top: 13px;
}

.nf-funpay__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #929ba8;
    font-size: 12px;
    line-height: 18px;
}

.nf-funpay__check {
    color: #c9a55b;
    font-size: 14px;
    font-weight: 900;
    flex-shrink: 0;
}

.nf-funpay__telegram {
    margin-top: 0;
}

.nf-funpay__telegram a {
    color: #48a9ff;
    font-weight: 700;
    text-decoration: none;
}

.nf-funpay__description .nf-funpay__telegram {
    margin-top: 0 !important;
}

/* NIGHTFALL FUNPAY — MOBILE FIX */

.nf-funpay__row {
    display: flex;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
    justify-content: center;
    gap: 7px;
    text-align: left;
}

.nf-funpay__row > span:last-child {
    min-width: 0;
    text-align: left;
    overflow-wrap: anywhere;
}

.nf-funpay__check {
    flex-shrink: 0;
    line-height: 18px;
}

.nf-funpay__telegram {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.nf-funpay__telegram > span:last-child {
    text-align: left;
}

@media (max-width: 480px) {
    .nf-funpay {
        padding: 14px 10px;
    }

    .nf-funpay__title {
        font-size: 10px;
        letter-spacing: .5px;
    }

    .nf-funpay__description {
        gap: 9px;
    }

    .nf-funpay__row,
    .nf-funpay__telegram {
        font-size: 11px;
    }
}

.nf-promo {
    grid-column: 1 / -1;
    width: 100%;
    text-align: center;
    justify-self: center;
}

/* NIGHTFALL — DONATE PROMO */

.nf-promo {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 13px 20px;
    margin-bottom: -2px;

    background: linear-gradient(
        135deg,
        rgba(201, 162, 76, .055),
        rgba(17, 21, 27, .96) 45%,
        rgba(201, 162, 76, .055)
    );

    border: 1px solid rgba(201, 162, 76, .28);
    box-shadow: inset 0 0 18px rgba(201, 162, 76, .025);
}

.nf-promo__title {
    color: #e5bd69;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 0 10px rgba(201, 162, 76, .18);
}

.nf-promo__text {
    color: #aeb6c2;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 1.6;
}

@media (max-width: 600px) {
    .nf-promo {
        flex-direction: column;
        gap: 5px;
        padding: 12px 10px;
        text-align: center;
    }

    .nf-promo__title {
        font-size: 12px;
    }

    .nf-promo__text {
        font-size: 11px;
    }
}

/* NIGHTFALL — DONATE GRID FIX */

.dn-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

/* NIGHTFALL — MOBILE DONATE GRID */

@media (max-width: 980px) {
    .dn-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* NIGHTFALL — HIDE SERVER STATUS */
.ct-server {
    display: none !important;
}