/*
 * Page shell for the Eternal theme: utility strip, hero, navigation, the
 * three-column body and the footer frame.
 *
 * Converted from the comp's inline styles. Where the comp repeated the same
 * declaration on seven sibling elements - the nav links being the clearest
 * case - it collapses to one rule here, and its style-hover attributes become
 * real :hover/:focus-visible states.
 */

@font-face {
    font-display: swap;
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/orbitron-900-latin.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/rajdhani-600-latin.woff2') format('woff2');
}

/* ---- shell -------------------------------------------------------------- */

.theme-supreme-eternal .et-shell {
    margin: 0 auto;
    max-width: var(--et-shell);
    padding: 0 var(--et-gutter);
}

/* ---- utility strip ------------------------------------------------------ */

.theme-supreme-eternal .et-strip {
    align-items: center;
    background: linear-gradient(180deg, var(--et-panel-raised), var(--et-panel-deep));
    border: 1px solid var(--et-line);
    border-top: none;
    display: flex;
    gap: 14px;
    height: var(--et-strip-height);
    justify-content: space-between;
    padding: 0 12px;
}

.theme-supreme-eternal .et-strip__group {
    align-items: center;
    display: flex;
    gap: 8px;
}

.theme-supreme-eternal .et-strip__group--links {
    gap: 16px;
}

.theme-supreme-eternal .et-strip__label {
    color: var(--et-text-label);
    font: 600 var(--et-size-xs) / 1 var(--et-ui);
    letter-spacing: var(--et-track-label);
}

/* Tabular figures so the clock does not jitter as the digits change. */
.theme-supreme-eternal .et-strip__clock {
    color: #a9c6e6;
    font: 600 var(--et-size-base) / 1 var(--et-ui);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.12em;
}

.theme-supreme-eternal .et-strip__divider {
    background: var(--et-line-faint);
    height: 11px;
    width: 1px;
}

.theme-supreme-eternal .et-strip__season {
    color: var(--et-text-ghost);
    font: 600 var(--et-size-xs) / 1 var(--et-ui);
    letter-spacing: 0.12em;
}

.theme-supreme-eternal .et-strip a {
    align-items: center;
    color: #657690;
    display: flex;
    font: 600 var(--et-size-xs) / 1 var(--et-ui);
    gap: 6px;
    letter-spacing: 0.14em;
}

.theme-supreme-eternal .et-strip a:hover,
.theme-supreme-eternal .et-strip a:focus-visible {
    color: var(--et-highlight);
}

/* ---- hero --------------------------------------------------------------- */

.theme-supreme-eternal .et-hero {
    background: radial-gradient(120% 100% at 50% 100%, var(--et-hero-core) 0%, #080e1a 52%, #04070c 100%);
    border: 1px solid var(--et-line-strong);
    height: var(--et-hero-height);
    overflow: hidden;
    position: relative;
}

.theme-supreme-eternal .et-hero__art {
    display: block;
    inset: 0;
    opacity: 0.84;
    position: absolute;
}

.theme-supreme-eternal .et-hero__art img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 50% 36%;
    width: 100%;
}

@media (max-width: 720px) {
    .theme-supreme-eternal .et-hero__art img {
        object-position: 50% 42%;
    }
}

/*
 * Two clipped ridgelines rather than an image: cheaper than artwork, scales to
 * any width, and the comp specifies them as polygons.
 */
.theme-supreme-eternal .et-hero__ridge {
    bottom: 0;
    pointer-events: none;
    position: absolute;
}

.theme-supreme-eternal .et-hero__ridge--back {
    background: linear-gradient(180deg, #0a1322, #060a12);
    clip-path: polygon(0 100%, 0 62%, 9% 40%, 17% 58%, 27% 26%, 36% 52%, 46% 34%, 57% 58%, 66% 33%, 75% 55%, 85% 38%, 93% 57%, 100% 44%, 100% 100%);
    height: 150px;
    left: -6%;
    opacity: 0.75;
    right: -6%;
}

.theme-supreme-eternal .et-hero__ridge--front {
    background: linear-gradient(180deg, #060b14, #04070c);
    clip-path: polygon(0 100%, 0 74%, 11% 50%, 22% 70%, 33% 44%, 45% 66%, 55% 46%, 68% 68%, 79% 48%, 90% 66%, 100% 52%, 100% 100%);
    height: 104px;
    left: -4%;
    opacity: 0.9;
    right: -4%;
}

.theme-supreme-eternal .et-hero__fog {
    pointer-events: none;
    position: absolute;
}

.theme-supreme-eternal .et-hero__fog--a {
    animation: none;
    background:
        radial-gradient(60% 50% at 30% 60%, rgba(96, 140, 200, 0.16) 0%, rgba(96, 140, 200, 0) 70%),
        radial-gradient(50% 45% at 72% 70%, rgba(120, 160, 215, 0.12) 0%, rgba(120, 160, 215, 0) 70%);
    bottom: -30px;
    filter: blur(14px);
    height: 220px;
    left: -25%;
    right: -25%;
}

.theme-supreme-eternal .et-hero__fog--b {
    animation: none;
    background: radial-gradient(55% 50% at 55% 65%, rgba(180, 205, 235, 0.09) 0%, rgba(180, 205, 235, 0) 72%);
    bottom: -60px;
    filter: blur(20px);
    height: 200px;
    left: -25%;
    right: -25%;
}

.theme-supreme-eternal .et-hero__vignette {
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.theme-supreme-eternal .et-hero__vignette--inner {
    box-shadow:
        inset 0 0 150px 55px rgba(4, 7, 12, 0.95),
        inset 0 -60px 70px -30px #04070c;
}

.theme-supreme-eternal .et-hero__vignette--fade {
    background: linear-gradient(180deg, rgba(4, 7, 12, 0.72) 0%, rgba(4, 7, 12, 0.1) 32%, rgba(4, 7, 12, 0.55) 78%, rgba(4, 7, 12, 0.96) 100%);
}

.theme-supreme-eternal .et-hero__copy {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 100%;
    justify-content: center;
    padding: 0 20px;
    pointer-events: none;
    position: relative;
    z-index: 5;
}

/* Brushed-metal wordmark: a vertical gradient clipped to the glyphs. */
.theme-supreme-eternal .et-hero__title {
    background: linear-gradient(180deg, #ffffff 0%, #e6eefb 34%, #a3b8d4 52%, #f2f7ff 66%, #8ea3c0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter:
        drop-shadow(0 2px 2px rgba(0, 0, 0, 0.85))
        drop-shadow(0 0 26px rgba(96, 155, 225, 0.42));
    font-family: var(--et-wordmark);
    /* Smaller ceiling and tighter tracking than a plain Trajan would need -
       the swashes on R and M already add width, and at 76px with 11px of
       tracking the mark overflowed its band on narrow desktops. */
    font-size: clamp(34px, 5.4vw, 66px);
    font-weight: 900;
    letter-spacing: clamp(2px, 0.5vw, 7px);
    line-height: 1.04;
    margin: 0;
    text-align: center;
}

.theme-supreme-eternal .et-hero__title--identity {
    background: none;
    color: #5ff2ff;
    filter: none;
    font-family: 'Orbitron', 'Rajdhani', sans-serif;
    font-size: 72px;
    font-synthesis: none;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 0.9;
    text-shadow:
        0 0 8px rgba(95, 242, 255, 0.9),
        0 0 26px rgba(40, 200, 255, 0.7),
        0 0 56px rgba(20, 160, 230, 0.55);
    text-transform: uppercase;
    transform: skewX(-7deg);
    white-space: nowrap;
    -webkit-text-fill-color: #5ff2ff;
    -webkit-text-stroke: 0;
}

.theme-supreme-eternal .et-hero__title-rate {
    background: none;
    color: inherit;
    filter: none;
    -webkit-text-fill-color: inherit;
    -webkit-text-stroke: 0;
}

.theme-supreme-eternal .et-hero__subtitle {
    align-items: center;
    color: #c8d9eb;
    display: flex;
    font: 600 17px / 1.2 'Rajdhani', 'Barlow Condensed', sans-serif;
    gap: 16px;
    justify-content: center;
    letter-spacing: 0;
    margin: 18px 0 0;
    max-width: 100%;
    text-align: center;
    text-shadow: 0 0 10px rgba(80, 220, 255, 0.5);
    text-transform: uppercase;
}

.theme-supreme-eternal .et-hero__subtitle::before,
.theme-supreme-eternal .et-hero__subtitle::after {
    background: linear-gradient(90deg, transparent, rgba(95, 230, 255, 0.7));
    box-shadow: 0 0 8px rgba(80, 220, 255, 0.24);
    content: '';
    flex: 0 1 70px;
    height: 1px;
    width: 70px;
}

.theme-supreme-eternal .et-hero__subtitle::after {
    background: linear-gradient(90deg, rgba(95, 230, 255, 0.7), transparent);
}

.theme-supreme-eternal .et-hero__subtitle span {
    background: none;
    color: #cdeffb;
    filter: none;
    text-shadow: 0 0 10px rgba(80, 220, 255, 0.5);
    -webkit-text-fill-color: #cdeffb;
}

@media (max-width: 900px) {
    .theme-supreme-eternal .et-hero__title--identity {
        font-size: 43px;
    }

    .theme-supreme-eternal .et-hero__subtitle {
        font-size: 14px;
        gap: 10px;
        margin-top: 14px;
    }

    .theme-supreme-eternal .et-hero__subtitle::before,
    .theme-supreme-eternal .et-hero__subtitle::after {
        flex-basis: 36px;
        width: 36px;
    }
}

@media (max-width: 420px) {
    .theme-supreme-eternal .et-hero__title--identity {
        font-size: 26px;
    }

    .theme-supreme-eternal .et-hero__subtitle {
        font-size: 11px;
        gap: 7px;
        line-height: 1.35;
        max-width: 310px;
    }

    .theme-supreme-eternal .et-hero__subtitle::before,
    .theme-supreme-eternal .et-hero__subtitle::after {
        flex-basis: 18px;
        width: 18px;
    }
}

.theme-supreme-eternal .et-hero__rate {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-top: 14px;
}

.theme-supreme-eternal .et-hero__rule {
    height: 1px;
    width: clamp(50px, 10vw, 120px);
}

.theme-supreme-eternal .et-hero__rule--left {
    background: linear-gradient(90deg, rgba(150, 185, 225, 0), rgba(190, 215, 245, 0.7));
}

.theme-supreme-eternal .et-hero__rule--right {
    background: linear-gradient(90deg, rgba(190, 215, 245, 0.7), rgba(150, 185, 225, 0));
}

.theme-supreme-eternal .et-hero__rate-value {
    color: #cfe1f6;
    font-family: var(--et-ui);
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 700;
    letter-spacing: 0.26em;
    padding-left: 9px;
    text-shadow: 0 0 18px rgba(96, 155, 225, 0.75), 0 2px 3px rgba(0, 0, 0, 0.9);
}

.theme-supreme-eternal .et-hero__rate-copy {
    align-items: center;
    display: flex;
    gap: clamp(10px, 1.6vw, 20px);
}

.theme-supreme-eternal .et-hero__rate-note {
    color: #cfe1f6;
    font-family: var(--et-ui);
    font-size: clamp(14px, 1.8vw, 22px);
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.1;
    text-shadow: 0 0 18px rgba(96, 155, 225, 0.75), 0 2px 3px rgba(0, 0, 0, 0.9);
    white-space: nowrap;
}

.theme-supreme-eternal .et-hero__launch {
    color: #d8e8f9;
    display: grid;
    gap: 4px;
    justify-items: center;
    margin-top: 8px;
    max-width: 100%;
    text-align: center;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9), 0 0 14px rgba(96, 155, 225, 0.32);
}

.theme-supreme-eternal .et-hero__launch-kicker {
    color: #eef7ff;
    font: 700 24px / 1 var(--et-ui);
    letter-spacing: 0;
    text-transform: uppercase;
}

.theme-supreme-eternal .et-hero__launch-date {
    color: #b9d2ee;
    font: 600 12px / 1.2 var(--et-ui);
    letter-spacing: 0;
    text-transform: uppercase;
}

.theme-supreme-eternal .et-hero__countdown {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.theme-supreme-eternal .et-hero__countdown-unit {
    background: none;
    border: 0;
    box-shadow: none;
    display: grid;
    gap: 2px;
    justify-content: center;
    min-width: 36px;
    padding: 0 1px;
    text-align: center;
}

.theme-supreme-eternal .et-hero__countdown-unit strong {
    color: #f4f9ff;
    font: 800 28px / 1 var(--et-ui);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    text-shadow:
        0 0 8px rgba(173, 220, 255, 0.82),
        0 0 20px rgba(77, 149, 227, 0.44),
        0 1px 2px rgba(0, 0, 0, 0.82);
}

.theme-supreme-eternal .et-hero__countdown-unit small {
    color: rgba(172, 202, 233, 0.58);
    display: block;
    font: 600 7px / 1 var(--et-ui);
    letter-spacing: 0;
    text-shadow: 0 0 8px rgba(96, 155, 225, 0.28);
    text-transform: uppercase;
}

.theme-supreme-eternal .et-hero__countdown.is-live .et-hero__countdown-unit strong {
    color: #eafff3;
    text-shadow:
        0 0 8px rgba(144, 255, 197, 0.78),
        0 0 20px rgba(87, 199, 138, 0.42),
        0 1px 2px rgba(0, 0, 0, 0.82);
}

@media (max-width: 600px) {
    .theme-supreme-eternal .et-hero__rate {
        gap: 7px;
    }

    .theme-supreme-eternal .et-hero__rule {
        width: 18px;
    }

    .theme-supreme-eternal .et-hero__rate-copy {
        gap: 9px;
    }

    .theme-supreme-eternal .et-hero__rate-value {
        font-size: 24px;
        letter-spacing: 0.18em;
        padding-left: 5px;
    }

    .theme-supreme-eternal .et-hero__rate-note {
        font-size: 12px;
        letter-spacing: 0.07em;
    }

    .theme-supreme-eternal .et-hero__launch {
        margin-top: 7px;
    }

    .theme-supreme-eternal .et-hero__launch-kicker {
        font-size: 20px;
    }

    .theme-supreme-eternal .et-hero__launch-date {
        font-size: 11px;
    }

    .theme-supreme-eternal .et-hero__countdown {
        gap: 4px;
        margin-top: 8px;
    }

    .theme-supreme-eternal .et-hero__countdown-unit {
        min-width: 31px;
        padding: 0 1px;
    }

    .theme-supreme-eternal .et-hero__countdown-unit strong {
        font-size: 23px;
    }

    .theme-supreme-eternal .et-hero__countdown-unit small {
        font-size: 6px;
    }
}

/* ---- navigation --------------------------------------------------------- */

.theme-supreme-eternal .et-nav {
    background: linear-gradient(180deg, #152340 0%, #0b1424 55%, #080e1a 100%);
    border: 1px solid var(--et-line-strong);
    border-top: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 2px 16px rgba(0, 0, 0, 0.6);
    display: flex;
    flex-wrap: wrap;
}

.theme-supreme-eternal .et-nav a {
    border-bottom: 2px solid transparent;
    color: #94a8c1;
    flex: 1 1 auto;
    font: 600 12px / 1 var(--et-ui);
    letter-spacing: 0.2em;
    padding: 13px 16px 12px;
    text-align: center;
}

.theme-supreme-eternal .et-nav a + a {
    border-left: 1px solid #17233a;
}

.theme-supreme-eternal .et-nav a:hover,
.theme-supreme-eternal .et-nav a:focus-visible {
    background: linear-gradient(180deg, rgba(126, 178, 232, 0.1), rgba(126, 178, 232, 0));
    border-bottom-color: #3f6f9f;
    color: var(--et-text-bright);
}

.theme-supreme-eternal .et-nav a.is-active {
    background: linear-gradient(180deg, rgba(126, 178, 232, 0.16), rgba(126, 178, 232, 0.02));
    border-bottom-color: var(--et-accent);
    box-shadow: 0 -1px 18px rgba(96, 155, 225, 0.28) inset;
    color: var(--et-text-bright);
}

.theme-supreme-eternal .et-nav a.nav-vote-reward {
    background: linear-gradient(180deg, rgba(186, 142, 52, 0.13), rgba(68, 48, 16, 0.035));
    border-bottom-color: rgba(226, 182, 77, 0.58);
    box-shadow:
        inset 0 -10px 22px rgba(219, 162, 48, 0.07),
        inset 0 1px 0 rgba(255, 226, 151, 0.08);
    color: #ecd084;
    overflow: hidden;
    text-shadow: 0 0 7px rgba(232, 188, 81, 0.38), 0 0 18px rgba(220, 157, 39, 0.16);
}

.theme-supreme-eternal .et-nav a.nav-vote-reward::before {
    animation: et-vote-reward-sheen 5.4s ease-in-out infinite;
    background: linear-gradient(105deg, transparent 31%, rgba(255, 232, 166, 0.38) 49%, transparent 67%);
    opacity: 0.52;
    transform: translateX(-130%);
}

.theme-supreme-eternal .et-nav a.nav-vote-reward::after {
    background: linear-gradient(90deg, transparent, #e9bc55, transparent);
    box-shadow: 0 0 8px rgba(232, 183, 67, 0.42);
    transform: scaleX(0.76);
}

.theme-supreme-eternal .et-nav a.nav-vote-reward:hover,
.theme-supreme-eternal .et-nav a.nav-vote-reward:focus-visible,
.theme-supreme-eternal .et-nav a.nav-vote-reward.is-active {
    background: linear-gradient(180deg, rgba(205, 157, 58, 0.2), rgba(74, 50, 13, 0.055));
    border-bottom-color: #e9bc55;
    color: #ffe5a3;
    text-shadow: 0 0 9px rgba(255, 218, 127, 0.58), 0 0 22px rgba(223, 163, 45, 0.24);
}

.theme-supreme-eternal.theme-supreme-ember .mobile-menu li a.mobile-menu__link.nav-vote-reward,
.theme-supreme-eternal .menu-wrapper a.menu__link.nav-vote-reward {
    color: #ecd084;
    text-shadow: 0 0 8px rgba(232, 188, 81, 0.38);
}

@keyframes et-vote-reward-sheen {
    0%, 64% { transform: translateX(-130%); }
    84%, 100% { transform: translateX(130%); }
}

/* ---- three-column body -------------------------------------------------- */

.theme-supreme-eternal .et-main {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: 236px minmax(0, 1fr) 268px;
    margin-top: 14px;
}

.theme-supreme-eternal.theme-supreme-ember .et-main > .main {
    margin-top: 0;
    padding-top: 0;
}

/* Keep the same panels available on narrow screens by moving them below the
   main columns instead of hiding schedule information. */
@media (max-width: 1100px) {
    .theme-supreme-eternal .et-main {
        grid-template-columns: 236px minmax(0, 1fr);
    }

    .theme-supreme-eternal .et-main > .et-rail--right {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .theme-supreme-eternal .et-main {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-supreme-eternal .et-main > .main {
        order: 1;
    }

    .theme-supreme-eternal .et-main > .et-rail--left {
        display: grid;
        order: 2;
    }

    .theme-supreme-eternal .et-main > .et-rail--right {
        grid-column: auto;
        grid-template-columns: minmax(0, 1fr);
        order: 3;
    }
}

.theme-supreme-eternal .et-rail {
    display: grid;
    gap: 14px;
}

/* ---- panels ------------------------------------------------------------- */

.theme-supreme-eternal .et-panel {
    background: linear-gradient(180deg, var(--et-panel), var(--et-panel-deep));
    border: 1px solid var(--et-line-panel);
}

.theme-supreme-eternal .et-panel__head {
    align-items: center;
    background: linear-gradient(180deg, rgba(126, 178, 232, 0.08), transparent);
    border-bottom: 1px solid var(--et-line-soft);
    display: flex;
    gap: 8px;
    padding: 9px 12px;
}

.theme-supreme-eternal .et-panel__head i {
    color: var(--et-accent-mid);
    font-size: var(--et-size-md);
}

.theme-supreme-eternal .et-panel__title {
    color: var(--et-text-bright);
    font: 600 var(--et-size-md) / 1 var(--et-ui);
    letter-spacing: var(--et-track-label);
    margin: 0;
    text-transform: uppercase;
}

.theme-supreme-eternal .et-panel__body {
    padding: 12px;
}

.theme-supreme-eternal .et-panel__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.theme-supreme-eternal .et-panel__list a {
    color: var(--et-text-dim);
    display: block;
    font: 500 var(--et-size-lg) / 1 var(--et-body);
    padding: 6px 0;
}

.theme-supreme-eternal .et-panel__list a::before {
    color: var(--et-accent-deep);
    content: '\00BB';
    margin-right: 8px;
}

.theme-supreme-eternal .et-panel__list a:hover,
.theme-supreme-eternal .et-panel__list a:focus-visible {
    color: var(--et-link-hover);
}

/* Label/value rows - server status, rates, siege. */
.theme-supreme-eternal .et-stat {
    align-items: flex-start;
    display: flex;
    font-family: var(--et-ui);
    gap: 10px;
    justify-content: space-between;
    padding: 4px 0;
}

.theme-supreme-eternal .et-stat__label {
    color: var(--et-text-dim);
    flex: 0 0 auto;
    font-size: var(--et-size-lg);
}

.theme-supreme-eternal .et-stat__value {
    color: var(--et-text-bright);
    flex: 1 1 auto;
    font-size: var(--et-size-lg);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    overflow-wrap: anywhere;
    text-align: right;
    white-space: pre-line;
}

.theme-supreme-eternal .et-online-dot {
    animation: none;
    background: var(--et-online);
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 7px;
    width: 8px;
}

.theme-supreme-eternal .et-online-label {
    color: var(--et-online);
    font: 600 var(--et-size-xl) / 1 var(--et-ui);
    letter-spacing: var(--et-track-label);
    text-transform: uppercase;
}

/* ---- footer ------------------------------------------------------------- */

.theme-supreme-eternal .et-footer {
    border: 1px solid var(--et-line-strong);
    border-top: none;
    margin-top: 14px;
    padding: 16px 12px 20px;
    text-align: center;
}

.theme-supreme-eternal .et-footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0 18px;
    justify-content: center;
    margin-bottom: 12px;
}

.theme-supreme-eternal .et-footer__nav a {
    color: var(--et-text-dim);
    font: 600 var(--et-size-base) / 1 var(--et-ui);
    letter-spacing: var(--et-track-nav);
    text-transform: uppercase;
}

.theme-supreme-eternal .et-footer__legal {
    color: var(--et-text-ghost);
    font: 400 var(--et-size-md) / 1.6 var(--et-body);
    margin: 0;
}

/* ---- unified static runtime -------------------------------------------- */

.theme-supreme-eternal [data-ember-reveal],
.theme-supreme-eternal .ember-page-curtain,
.theme-supreme-eternal .ember-hero-lightning,
.theme-supreme-eternal .ember-hero-particles,
.theme-supreme-eternal .ember-hero-canvas,
.theme-supreme-eternal .smoke {
    animation: none;
    filter: none;
    opacity: 1;
    transform: none;
    transition: none;
}

body.theme-supreme-eternal {
    animation: none;
    background-color: var(--et-bg);
    background-image:
        linear-gradient(180deg, rgba(4, 6, 10, 0.24) 0%, rgba(4, 6, 10, 0.92) 76%, var(--et-bg) 100%),
        radial-gradient(80% 55% at 50% 16%, rgba(38, 79, 130, 0.18) 0%, rgba(4, 6, 10, 0) 74%),
        url("../images/backgrounds/supreme-eternal-page-bg-v1.webp"),
        repeating-linear-gradient(0deg, rgba(150, 185, 230, 0.018) 0 1px, transparent 1px 4px);
    background-position: center top, center top, center top, center top;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat;
    background-size: cover, cover, max(1672px, 100vw) auto, auto;
    background-attachment: fixed, fixed, fixed, scroll;
}

body.theme-supreme-eternal::before {
    animation: none;
    content: none;
    display: none;
}

@media (max-width: 720px) {
    body.theme-supreme-eternal {
        background-attachment: scroll, scroll, scroll, scroll;
        background-size: cover, cover, auto 100vh, auto;
    }
}

body.theme-supreme-eternal.theme-supreme-ember .wrapper > :not(.ember-top-panel):not(main),
body.theme-supreme-eternal.theme-supreme-ember.is-page-leaving .wrapper > :not(.ember-top-panel) {
    animation: none;
    opacity: 1;
    transform: none;
    transition: none;
}

.theme-supreme-eternal .ember-page-curtain,
.theme-supreme-eternal .ember-hero-lightning,
.theme-supreme-eternal .ember-hero-particles,
.theme-supreme-eternal .ember-hero-canvas,
.theme-supreme-eternal .smoke {
    display: none;
}

.theme-supreme-eternal .et-top-brand {
    align-items: baseline;
    color: var(--et-text-bright);
    display: inline-flex;
    font-family: var(--et-wordmark);
    gap: 5px;
    line-height: 1;
    text-transform: uppercase;
}

.theme-supreme-eternal .et-top-brand strong {
    font-size: 22px;
    font-weight: 700;
}

.theme-supreme-eternal .et-top-brand small {
    color: var(--et-accent);
    font: 600 10px / 1 var(--et-ui);
    letter-spacing: 0.12em;
}

.theme-supreme-eternal #main-content[aria-busy="true"] {
    cursor: progress;
}

.theme-supreme-eternal .ember-footer-wordmark {
    align-items: baseline;
    color: var(--et-text-bright);
    display: inline-flex;
    font-family: var(--et-wordmark);
    gap: 8px;
    margin: 6px 0 12px;
    text-transform: uppercase;
}

.theme-supreme-eternal .ember-footer-wordmark span {
    font-size: 30px;
    font-weight: 700;
}

.theme-supreme-eternal .ember-footer-wordmark small {
    color: var(--et-accent);
    font: 600 11px / 1 var(--et-ui);
    letter-spacing: 0.14em;
}

.theme-supreme-eternal .ember-footer-social {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}

.theme-supreme-eternal .ember-footer-social a {
    align-items: center;
    border: 1px solid var(--et-line-soft);
    color: var(--et-text-dim);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.theme-supreme-eternal .ember-footer-social a:hover,
.theme-supreme-eternal .ember-footer-social a:focus-visible {
    border-color: var(--et-accent-mid);
    color: var(--et-highlight);
}

/* Compact public footer. The shared shell needs one closing panel, not a
   second navigation area competing with the page content. */
.theme-supreme-eternal #site-footer.et-compact-footer {
    background: linear-gradient(180deg, var(--et-panel-raised), var(--et-panel-deep));
    border: 1px solid var(--et-line-panel);
    box-shadow: inset 0 1px 0 rgba(124, 178, 232, 0.04);
    box-sizing: border-box;
    color: var(--et-text-dim);
    margin: 34px 0 18px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.theme-supreme-eternal #site-footer.et-compact-footer::before,
.theme-supreme-eternal #site-footer.et-compact-footer::after {
    content: none;
    display: none;
}

.theme-supreme-eternal .et-compact-footer__inner {
    align-items: center;
    display: grid;
    gap: 10px 22px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 66px;
    padding: 10px 14px;
}

.theme-supreme-eternal .et-compact-footer__vote-banners {
    align-items: center;
    border-bottom: 1px solid var(--et-line-faint);
    display: flex;
    flex-wrap: wrap;
    gap: 7px 10px;
    grid-column: 1 / -1;
    justify-content: center;
    padding: 0 0 10px;
}

.theme-supreme-eternal .et-compact-footer__vote-banners a {
    align-items: center;
    display: inline-flex;
    min-height: 44px;
    opacity: 0.78;
    transition: opacity 140ms ease;
}

.theme-supreme-eternal .et-compact-footer__vote-banners a:hover,
.theme-supreme-eternal .et-compact-footer__vote-banners a:focus-visible {
    opacity: 1;
}

.theme-supreme-eternal .et-compact-footer__vote-banners a:focus-visible {
    outline: 1px solid var(--et-accent-mid);
    outline-offset: 3px;
}

.theme-supreme-eternal .et-compact-footer__vote-banners img {
    display: block;
    height: 38px;
    object-fit: contain;
    width: auto;
}

.theme-supreme-eternal .et-compact-footer__copyright {
    color: var(--et-text-ghost);
    font: 500 11px / 1.35 var(--et-body);
    margin: 0;
    white-space: nowrap;
}

.theme-supreme-eternal .et-compact-footer__nav,
.theme-supreme-eternal .et-compact-footer__actions,
.theme-supreme-eternal .et-compact-footer__social {
    align-items: center;
    display: flex;
}

.theme-supreme-eternal .et-compact-footer__nav {
    gap: 2px;
    justify-content: center;
    min-width: 0;
}

.theme-supreme-eternal .et-compact-footer__nav a {
    align-items: center;
    color: var(--et-text-dim);
    display: inline-flex;
    font: 600 11px / 1.2 var(--et-body);
    gap: 6px;
    min-height: 44px;
    padding: 0 8px;
    white-space: nowrap;
}

.theme-supreme-eternal .et-compact-footer__nav a:hover,
.theme-supreme-eternal .et-compact-footer__nav a:focus-visible {
    color: var(--et-text-bright);
}

.theme-supreme-eternal .et-compact-footer__nav .et-compact-footer__vote {
    color: var(--et-accent);
    font-family: var(--et-ui);
    font-weight: 700;
    text-transform: uppercase;
}

.theme-supreme-eternal .et-compact-footer__actions {
    gap: 8px;
    justify-content: flex-end;
}

.theme-supreme-eternal .et-compact-footer__social {
    gap: 4px;
}

.theme-supreme-eternal .et-compact-footer__social a {
    align-items: center;
    border: 1px solid var(--et-line-soft);
    color: var(--et-text-dim);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.theme-supreme-eternal .et-compact-footer__social a:hover,
.theme-supreme-eternal .et-compact-footer__social a:focus-visible {
    border-color: var(--et-accent-mid);
    color: var(--et-highlight);
}

.theme-supreme-eternal .et-compact-footer__download {
    align-items: center;
    background: var(--et-panel-lit);
    border: 1px solid var(--et-line-strong);
    color: var(--et-text-bright);
    display: inline-flex;
    font: 700 11px / 1 var(--et-ui);
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    text-transform: uppercase;
    white-space: nowrap;
}

.theme-supreme-eternal .et-compact-footer__download:hover,
.theme-supreme-eternal .et-compact-footer__download:focus-visible {
    background: #102039;
    border-color: var(--et-accent-mid);
    color: var(--et-highlight);
}

@media (max-width: 1080px) {
    .theme-supreme-eternal .et-compact-footer__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .theme-supreme-eternal .et-compact-footer__nav {
        border-top: 1px solid var(--et-line-faint);
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
        padding-top: 2px;
    }
}

@media (max-width: 640px) {
    .theme-supreme-eternal #site-footer.et-compact-footer {
        margin: 24px 0 10px;
    }

    .theme-supreme-eternal .et-compact-footer__inner {
        align-items: stretch;
        gap: 8px;
        grid-template-columns: minmax(0, 1fr);
        padding: 12px;
    }

    .theme-supreme-eternal .et-compact-footer__copyright {
        white-space: normal;
    }

    .theme-supreme-eternal .et-compact-footer__vote-banners {
        gap: 4px;
        padding-bottom: 8px;
    }

    .theme-supreme-eternal .et-compact-footer__vote-banners img {
        height: 30px;
    }

    .theme-supreme-eternal .et-compact-footer__nav {
        display: grid;
        grid-column: 1;
        grid-row: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-supreme-eternal .et-compact-footer__nav a {
        padding-inline: 4px;
        white-space: normal;
    }

    .theme-supreme-eternal .et-compact-footer__actions {
        justify-content: space-between;
    }
}

.et-auth-open {
    overflow: hidden;
}

.theme-supreme-eternal .et-auth-backdrop {
    background: rgba(1, 4, 9, 0.82);
    inset: 0;
    position: fixed;
    z-index: 10020;
}

.theme-supreme-eternal .et-auth-dialog {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    overflow: auto;
    padding: 24px;
    position: fixed;
    z-index: 10030;
}

.theme-supreme-eternal .et-auth-dialog[hidden],
.theme-supreme-eternal .et-auth-backdrop[hidden] {
    display: none;
}

.theme-supreme-eternal .et-auth-dialog__panel {
    background: #080d15;
    border: 1px solid var(--et-line-strong);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.72);
    color: var(--et-text-soft);
    max-width: 440px;
    padding: 30px;
    position: relative;
    width: 100%;
}

.theme-supreme-eternal .et-auth-dialog__panel--registration {
    max-width: 760px;
}

.theme-supreme-eternal .et-auth-dialog__close {
    align-items: center;
    background: transparent;
    border: 1px solid var(--et-line-soft);
    color: var(--et-text-dim);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 34px;
}

.theme-supreme-eternal .et-auth-dialog__close:hover,
.theme-supreme-eternal .et-auth-dialog__close:focus-visible {
    border-color: var(--et-accent-mid);
    color: var(--et-highlight);
}

.theme-supreme-eternal .et-auth-dialog__heading {
    margin-bottom: 22px;
    padding-right: 38px;
}

.theme-supreme-eternal .et-auth-dialog__heading p,
.theme-supreme-eternal .et-auth-dialog__heading h2,
.theme-supreme-eternal .et-auth-dialog__heading > span:not(.et-auth-dialog__mark) {
    margin-left: 52px;
}

.theme-supreme-eternal .et-auth-dialog__heading p {
    color: var(--et-accent);
    font: 600 var(--et-size-xs) / 1 var(--et-ui);
    letter-spacing: 0.14em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.theme-supreme-eternal .et-auth-dialog__heading h2 {
    color: var(--et-text-bright);
    font: 600 28px / 1.15 var(--et-display);
    margin-bottom: 6px;
    margin-top: 0;
}

.theme-supreme-eternal .et-auth-dialog__heading > span:not(.et-auth-dialog__mark) {
    color: var(--et-text-dim);
    display: block;
    font: 400 14px / 1.5 var(--et-body);
}

.theme-supreme-eternal .et-auth-dialog__mark {
    align-items: center;
    border: 1px solid var(--et-line-soft);
    color: var(--et-accent);
    display: inline-flex;
    float: left;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.theme-supreme-eternal .et-auth-dialog__footer {
    border-top: 1px solid var(--et-line-faint);
    color: var(--et-text-dim);
    display: flex;
    font: 500 13px / 1.4 var(--et-body);
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
    padding-top: 16px;
}

.theme-supreme-eternal .et-auth-dialog__footer a,
.theme-supreme-eternal .et-auth-dialog__error a {
    color: var(--et-accent);
}

.theme-supreme-eternal .et-auth-dialog__loading,
.theme-supreme-eternal .et-auth-dialog__error {
    color: var(--et-text-dim);
    font: 500 14px / 1.5 var(--et-body);
    padding: 34px 10px;
    text-align: center;
}

.theme-supreme-eternal .et-account-app {
    background:
        linear-gradient(180deg, rgba(7, 13, 22, 0.96), rgba(3, 7, 13, 0.99)),
        #03070d;
    color: var(--et-text-soft);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

.theme-supreme-eternal .et-account-app::before {
    background-image:
        linear-gradient(rgba(112, 158, 207, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(112, 158, 207, 0.014) 1px, transparent 1px);
    background-size: 64px 64px;
    content: '';
    inset: 0;
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.56), transparent 76%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.56), transparent 76%);
    pointer-events: none;
    position: fixed;
}

.theme-supreme-eternal .et-account-bar {
    align-items: center;
    -webkit-backdrop-filter: blur(18px) saturate(118%);
    backdrop-filter: blur(18px) saturate(118%);
    background: rgba(5, 10, 17, 0.9);
    border-bottom: 1px solid rgba(126, 174, 225, 0.22);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28), inset 0 -1px rgba(126, 174, 225, 0.025);
    display: grid;
    gap: clamp(18px, 2vw, 34px);
    grid-template-columns: minmax(178px, auto) minmax(0, 1fr) auto;
    min-height: 84px;
    padding: 0 clamp(24px, 3.3vw, 64px);
    position: sticky;
    top: 0;
    z-index: 80;
}

.theme-supreme-eternal .et-account-brand {
    align-items: center;
    color: var(--et-text-bright);
    display: inline-flex;
    font-family: var(--et-wordmark);
    gap: 7px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.theme-supreme-eternal .et-account-brand strong {
    font-size: 29px;
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 0 20px rgba(132, 184, 238, 0.1);
}

.theme-supreme-eternal .et-account-brand span {
    color: var(--et-accent);
    font: 700 11px / 1 var(--et-body);
    letter-spacing: 0;
}

.theme-supreme-eternal .et-account-nav {
    align-items: center;
    display: flex;
    height: 84px;
    justify-content: center;
    min-width: 0;
}

.theme-supreme-eternal .et-account-nav a {
    align-items: center;
    border-right: 1px solid rgba(126, 174, 225, 0.08);
    color: var(--et-text-dim);
    display: inline-flex;
    flex: 0 0 auto;
    font: 600 13px / 1 var(--et-body);
    gap: 9px;
    height: 100%;
    letter-spacing: 0;
    padding: 0 clamp(10px, 1vw, 18px);
    position: relative;
    transition: background-color 180ms ease, color 180ms ease, text-shadow 180ms ease;
    white-space: nowrap;
}

.theme-supreme-eternal .et-account-nav a:first-child {
    border-left: 1px solid rgba(126, 174, 225, 0.08);
}

.theme-supreme-eternal .et-account-nav a::after {
    background: linear-gradient(90deg, transparent, var(--et-accent-bright), transparent);
    bottom: 0;
    content: '';
    height: 2px;
    left: 14%;
    opacity: 0;
    position: absolute;
    right: 14%;
    transform: scaleX(0.35);
    transition: opacity 180ms ease, transform 180ms ease;
}

.theme-supreme-eternal .et-account-nav a i {
    color: var(--et-accent-mid);
    font-size: 15px;
    transition: color 180ms ease, filter 180ms ease;
}

.theme-supreme-eternal .et-account-nav a:hover,
.theme-supreme-eternal .et-account-nav a:focus-visible,
.theme-supreme-eternal .et-account-nav a.is-active {
    background: linear-gradient(180deg, transparent, rgba(74, 137, 204, 0.085));
    color: var(--et-text-bright);
    text-shadow: 0 0 14px rgba(118, 183, 249, 0.2);
}

.theme-supreme-eternal .et-account-nav a:hover::after,
.theme-supreme-eternal .et-account-nav a:focus-visible::after,
.theme-supreme-eternal .et-account-nav a.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

.theme-supreme-eternal .et-account-nav a:hover i,
.theme-supreme-eternal .et-account-nav a:focus-visible i,
.theme-supreme-eternal .et-account-nav a.is-active i {
    color: var(--et-accent-bright);
    filter: drop-shadow(0 0 7px rgba(118, 183, 249, 0.38));
}

.theme-supreme-eternal .et-account-nav a.nav-vote-reward {
    background: linear-gradient(180deg, rgba(186, 142, 52, 0.13), rgba(68, 48, 16, 0.035));
    box-shadow:
        inset 0 -12px 24px rgba(219, 162, 48, 0.075),
        inset 0 1px 0 rgba(255, 226, 151, 0.08);
    color: #ecd084;
    overflow: hidden;
    text-shadow: 0 0 7px rgba(232, 188, 81, 0.38), 0 0 18px rgba(220, 157, 39, 0.16);
}

.theme-supreme-eternal .et-account-nav a.nav-vote-reward::before {
    animation: et-vote-reward-sheen 5.4s ease-in-out infinite;
    background: linear-gradient(105deg, transparent 31%, rgba(255, 232, 166, 0.38) 49%, transparent 67%);
    content: '';
    inset: 0;
    opacity: 0.52;
    pointer-events: none;
    position: absolute;
    transform: translateX(-130%);
}

.theme-supreme-eternal .et-account-nav a.nav-vote-reward::after {
    background: linear-gradient(90deg, transparent, #e9bc55, transparent);
    box-shadow: 0 0 8px rgba(232, 183, 67, 0.42);
    opacity: 1;
    transform: scaleX(0.76);
}

.theme-supreme-eternal .et-account-nav a.nav-vote-reward i,
.theme-supreme-eternal .et-account-nav a.nav-vote-reward span {
    position: relative;
    z-index: 1;
}

.theme-supreme-eternal .et-account-nav a.nav-vote-reward i {
    color: #e9bc55;
    filter: drop-shadow(0 0 7px rgba(232, 183, 67, 0.48));
}

.theme-supreme-eternal .et-account-nav a.nav-vote-reward:hover,
.theme-supreme-eternal .et-account-nav a.nav-vote-reward:focus-visible,
.theme-supreme-eternal .et-account-nav a.nav-vote-reward.is-active {
    background: linear-gradient(180deg, rgba(205, 157, 58, 0.2), rgba(74, 50, 13, 0.055));
    color: #ffe5a3;
    text-shadow: 0 0 9px rgba(255, 218, 127, 0.58), 0 0 22px rgba(223, 163, 45, 0.24);
}

.theme-supreme-eternal .et-account-identity {
    align-items: center;
    display: flex;
    gap: 18px;
}

.theme-supreme-eternal .et-account-balances {
    align-items: center;
    border-right: 1px solid rgba(126, 174, 225, 0.12);
    display: flex;
    flex: 0 0 auto;
    padding-right: 6px;
}

.theme-supreme-eternal .et-account-balance {
    display: grid;
    gap: 3px;
    min-width: 68px;
    padding: 0 12px;
    position: relative;
    text-align: right;
}

.theme-supreme-eternal .et-account-balance + .et-account-balance {
    border-left: 1px solid rgba(126, 174, 225, 0.08);
}

.theme-supreme-eternal .et-account-identity .et-account-balance small {
    color: rgba(151, 174, 202, 0.62);
    font: 600 9px / 1 var(--et-body);
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.theme-supreme-eternal .et-account-identity .et-account-balance strong {
    color: #9ed0ff;
    font: 600 15px / 1 var(--et-body);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    min-height: 15px;
    text-shadow: 0 0 7px rgba(108, 181, 255, 0.54), 0 0 18px rgba(108, 181, 255, 0.22);
    transition: color 180ms ease, opacity 180ms ease, text-shadow 180ms ease;
    white-space: nowrap;
}

.theme-supreme-eternal .et-account-identity .et-account-balance--wcoinp strong {
    color: #ead6a4;
    text-shadow: 0 0 7px rgba(232, 203, 131, 0.48), 0 0 18px rgba(232, 203, 131, 0.2);
}

.theme-supreme-eternal .et-account-identity .et-account-balance--goblin {
    min-width: 82px;
}

.theme-supreme-eternal .et-account-identity .et-account-balance--goblin strong {
    color: #91d8b3;
    text-shadow: 0 0 7px rgba(98, 208, 151, 0.44), 0 0 18px rgba(98, 208, 151, 0.18);
}

.theme-supreme-eternal .et-account-balances[data-state="loading"] strong {
    opacity: 0.5;
}

.theme-supreme-eternal .et-account-balances[data-state="error"] strong {
    color: var(--et-text-ghost);
    opacity: 0.72;
    text-shadow: none;
}

.theme-supreme-eternal .et-account-balance.is-updated strong {
    animation: et-account-balance-glow 720ms ease-out;
}

@keyframes et-account-balance-glow {
    0% { filter: brightness(1); transform: translateY(0); }
    35% { filter: brightness(1.45); transform: translateY(-1px); }
    100% { filter: brightness(1); transform: translateY(0); }
}

.theme-supreme-eternal .et-account-identity > span {
    display: grid;
    gap: 2px;
}

.theme-supreme-eternal .et-account-identity small {
    color: var(--et-text-ghost);
    font: 600 10px / 1 var(--et-body);
    letter-spacing: 0;
    text-transform: uppercase;
}

.theme-supreme-eternal .et-account-identity strong {
    color: var(--et-text-bright);
    font: 600 14px / 1.1 var(--et-body);
}

.theme-supreme-eternal .et-account-identity > a {
    align-items: center;
    background: rgba(115, 162, 212, 0.035);
    border: 1px solid rgba(126, 174, 225, 0.2);
    border-radius: 4px;
    color: var(--et-text-dim);
    display: inline-flex;
    height: 42px;
    justify-content: center;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
    width: 42px;
}

.theme-supreme-eternal .et-account-identity > a:hover,
.theme-supreme-eternal .et-account-identity > a:focus-visible {
    background: rgba(115, 162, 212, 0.1);
    border-color: rgba(139, 193, 250, 0.42);
    color: var(--et-text-bright);
}

.theme-supreme-eternal .et-account-main {
    flex: 1;
    margin: 0 auto;
    max-width: 1480px;
    padding: 46px clamp(20px, 3vw, 48px) 64px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.theme-supreme-eternal .et-account-footer {
    align-items: center;
    border-top: 1px solid var(--et-line-soft);
    color: var(--et-text-ghost);
    display: flex;
    font: 500 12px / 1.4 var(--et-body);
    justify-content: space-between;
    padding: 18px clamp(18px, 4vw, 64px);
}

.theme-supreme-eternal .et-account-footer a {
    color: var(--et-text-dim);
}

@media (max-width: 1480px) {
    .theme-supreme-eternal .et-account-bar {
        grid-template-columns: auto 1fr;
        padding-top: 12px;
    }

    .theme-supreme-eternal .et-account-nav {
        border-top: 1px solid rgba(126, 174, 225, 0.08);
        grid-column: 1 / -1;
        height: 58px;
        justify-content: flex-start;
        order: 3;
        overflow-x: auto;
        scrollbar-color: rgba(110, 165, 222, 0.28) transparent;
        scrollbar-width: thin;
    }

    .theme-supreme-eternal .et-account-nav a {
        min-height: 56px;
    }

    .theme-supreme-eternal .et-account-identity {
        justify-self: end;
    }
}

@media (max-width: 700px) {
    .theme-supreme-eternal .et-auth-dialog {
        align-items: flex-start;
        padding: 10px;
    }

    .theme-supreme-eternal .et-auth-dialog__panel {
        padding: 22px 16px;
    }

    .theme-supreme-eternal .et-account-bar {
        gap: 12px;
        padding: 10px 12px 0;
    }

    .theme-supreme-eternal .et-account-brand strong {
        font-size: 24px;
    }

    .theme-supreme-eternal .et-account-identity > span {
        display: none;
    }

    .theme-supreme-eternal .et-account-identity {
        gap: 8px;
    }

    .theme-supreme-eternal .et-account-balances {
        border-right: 0;
        padding-right: 0;
    }

    .theme-supreme-eternal .et-account-balance {
        min-width: 45px;
        padding: 0 6px;
    }

    .theme-supreme-eternal .et-account-identity .et-account-balance--goblin {
        min-width: 58px;
    }

    .theme-supreme-eternal .et-account-identity .et-account-balance small {
        font-size: 8px;
    }

    .theme-supreme-eternal .et-account-identity .et-account-balance strong {
        font-size: 13px;
    }

    .theme-supreme-eternal .et-account-identity > a {
        height: 38px;
        width: 38px;
    }

    .theme-supreme-eternal .et-account-nav {
        margin: 0 -12px;
        padding: 0 12px;
        width: calc(100% + 24px);
    }

    .theme-supreme-eternal .et-account-nav a {
        font-size: 12px;
        min-width: max-content;
        padding: 0 13px;
    }

    .theme-supreme-eternal .et-account-nav a i {
        font-size: 14px;
    }

    .theme-supreme-eternal .et-account-main {
        padding: 24px 12px 40px;
    }

    .theme-supreme-eternal .et-account-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        padding: 16px;
    }
}

@media (max-width: 400px) {
    .theme-supreme-eternal .et-account-bar {
        gap: 8px;
    }

    .theme-supreme-eternal .et-account-brand strong {
        font-size: 21px;
    }

    .theme-supreme-eternal .et-account-brand span {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-eternal *,
    .theme-supreme-eternal *::before,
    .theme-supreme-eternal *::after {
        animation: none;
        scroll-behavior: auto;
        transition: none;
    }
}