/* Shared silver skin. Generated artwork is cached across every public panel.
   Existing module markup, controls, and palette hooks remain the source of state. */
@font-face {
    font-family: 'Eternal Albertus';
    src: url('../fonts/albertus.woff') format('woff');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eternal Friz';
    src: url('../fonts/FritzRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.theme-supreme-eternal.et-silver {
    --et-bg: #050709;
    --et-panel-deep: #080c10;
    --et-panel: #0c1116;
    --et-panel-raised: #13191f;
    --et-panel-lit: #18222d;
    --et-line: #273039;
    --et-line-soft: #25323d;
    --et-line-panel: #536471;
    --et-line-strong: #72828f;
    --et-ornament: #dbe7ed;
    --et-ornament-line: rgba(205, 223, 238, 0.5);
    --et-title-warm: #ecf1f4;
    --et-text: #dbe2e8;
    --et-text-bright: #f5f8fa;
    --et-text-soft: #d2dce5;
    --et-text-muted: #b0bfcb;
    --et-text-dim: #9aafbd;
    --et-text-label: #9eb1c0;
    --et-link: #b7d6ed;
    --et-link-hover: #fff;
    --et-accent: #a4cee9;
    --et-accent-mid: #b2cfe0;
    --et-accent-deep: #617c91;
    --et-highlight: #e2edf4;
    --et-display: 'Eternal Albertus', 'Cinzel', Georgia, serif;
    --et-wordmark: 'Eternal Albertus', 'Cinzel', Georgia, serif;
    --et-ui: 'Inter', 'Segoe UI', Arial, sans-serif;
    --et-control: 'Rajdhani', 'Segoe UI', Arial, sans-serif;
    --et-body: var(--et-ui);
    --et-cta-top: #243443;
    --et-cta-bottom: #0d141c;
    --et-sheen: rgba(220, 236, 245, 0.07);
    --et-glow: rgba(151, 202, 239, 0.13);
    --et-focus: #b5dfff;
    --et-online: #64dfc0;
    --et-track-nav: 0;
    --et-track-label: 0;
    --et-shell: 1280px;
    --et-silver-frame: url('../images/silver/ornament-frame-v1.webp');
    background: #050709;
    font-family: var(--et-body);
    letter-spacing: 0;
}

/* Keep the visitor's alternative palette useful within the silver frame. */
:root[data-accent='crimson'] .et-silver {
    --et-cta-top: #372b32;
    --et-cta-bottom: #161116;
    --et-accent: #d6b8c3;
    --et-link: #d6cbd2;
}

.theme-supreme-eternal.et-silver.et-silver .et-atmos {
    background: linear-gradient(180deg, rgba(5, 7, 9, 0.32), #050709 1200px),
        url('../images/silver/hero-v1.webp') center top / auto 800px no-repeat;
    opacity: 0.38;
}

.theme-supreme-eternal.et-silver.et-silver .et-atmos::before,
.theme-supreme-eternal.et-silver.et-silver .et-atmos::after {
    animation: none;
    background: none;
    display: none;
}

.theme-supreme-eternal.et-silver.et-silver #et-rain-toggle {
    display: none;
}

.theme-supreme-eternal.et-silver.et-silver .wrapper {
    margin-top: 48px;
}

.theme-supreme-eternal.et-silver.et-silver .et-masthead {
    background: #060b10;
    border: 0;
    border-radius: 0;
    position: relative;
}

.theme-supreme-eternal.et-silver.et-silver .et-masthead .et-topbar {
    align-items: center;
    backdrop-filter: none;
    background: linear-gradient(180deg, rgba(220, 226, 232, 0.04), transparent 70%), #090b0e !important;
    border: 0;
    box-shadow: inset 0 -1px 0 rgba(178, 192, 203, 0.12);
    display: grid;
    gap: 192px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
    margin: 0;
    min-height: 88px;
    padding: 12px 22px;
    /* The legacy navbar forces sticky placement over the hero. */
    position: relative !important;
    z-index: 20;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar::before {
    display: none;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar > .ember-nav-logo {
    background: none;
    display: flex;
    height: 164px;
    justify-content: center;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -34px;
    transform: translateX(-50%);
    width: 164px;
    z-index: 30;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .topPanel-left,
.theme-supreme-eternal.et-silver.et-silver .et-topbar .topPanel-right {
    align-items: center;
    gap: 12px;
    height: auto;
    margin: 0;
    min-width: 0;
    padding: 0;
    width: auto;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .topPanel-left {
    grid-column: 1;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .topPanel-right {
    grid-column: 2;
    justify-content: flex-end;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar__details {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .user-enter {
    color: #c1c9d2;
    display: inline-flex;
    font-size: 12px;
    gap: 6px;
    min-height: 44px;
    align-items: center;
    margin: 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .ember-account-trigger__label {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .online {
    border: 0;
    padding: 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .online-flex {
    border: 0;
    margin: 0;
    min-height: 44px;
    padding: 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .online-block strong {
    color: #aeb9c5;
    white-space: nowrap;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .online-state.color-red {
    color: #e7898e;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .online-block:not(.online-block-active):not(.online-block--prelaunch)::before {
    background: #bd626b;
    box-shadow: none;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .online-state,
.theme-supreme-eternal.et-silver.et-silver .et-topbar .online-block::before {
    animation: none;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-social-strip {
    gap: 4px;
    order: 1;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-social-link {
    align-items: center;
    color: #c5dfef;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    position: relative;
    width: 44px;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-social-link i {
    color: inherit;
    font-size: 26px;
    text-shadow: 0 0 8px rgba(123, 184, 231, 0.28);
    width: 26px;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar__discord {
    filter: brightness(0.88) drop-shadow(0 0 4px rgba(136, 190, 237, 0.35));
    height: 26px;
    object-fit: contain;
    width: 26px;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-social-link:is(:hover, :focus-visible) {
    color: #fff;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-social-link:is(:hover, :focus-visible) i {
    text-shadow: 0 0 10px rgba(153, 211, 255, 0.65);
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-social-link:is(:hover, :focus-visible) img {
    filter: brightness(1) drop-shadow(0 0 5px rgba(153, 211, 255, 0.65));
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .langBlock {
    display: block;
    height: auto;
    margin: 0;
    order: 2;
    padding: 0;
    position: relative;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .langBlock-active {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #b6c1cb;
    gap: 5px;
    height: 44px;
    min-width: 44px;
    opacity: 1;
    padding: 0 4px;
    position: relative;
    width: 44px;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .langBlock-active > .fa-globe {
    font-size: 20px;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .langBlock-active:not(:disabled):is(:hover, :focus-visible) {
    background: none;
    color: #fff;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .langBlock-active:disabled {
    cursor: default;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-topbar__caret {
    font-size: 11px;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .langBlock-dropdown {
    backdrop-filter: none;
    background: #101319;
    border: 1px solid #37414b;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    left: 0;
    min-width: 180px;
    top: calc(100% + 6px);
    z-index: 80;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-chrome {
    gap: 0;
    margin: 0;
    order: 3;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-chrome__btn {
    height: 44px;
    width: 32px;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-topbar__tooltip {
    background: #171c23;
    border: 1px solid #38424e;
    border-radius: 4px;
    bottom: auto;
    color: #eef3f7;
    display: block;
    font: 400 12px / 1.3 var(--et-ui);
    height: auto;
    left: 50%;
    margin: 0;
    opacity: 0;
    padding: 6px 9px;
    pointer-events: none;
    position: absolute;
    text-transform: none;
    top: calc(100% + 4px);
    transform: translateX(-50%);
    visibility: hidden;
    white-space: nowrap;
    width: max-content;
    z-index: 90;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar .et-topbar__tooltip::after {
    content: none;
}

.theme-supreme-eternal.et-silver.et-silver .et-topbar :is(a, button):is(:hover, :focus-visible) > .et-topbar__tooltip {
    opacity: 1;
    visibility: visible;
}

.theme-supreme-eternal.et-silver.et-silver .et-brand-crest {
    display: block;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8));
    height: 100%;
    max-height: none;
    max-width: none;
    object-fit: contain;
    width: 100%;
}

.theme-supreme-eternal.et-silver.et-silver .et-hero {
    background: #05090d;
    border: 0;
    height: var(--et-hero-height);
}

.theme-supreme-eternal.et-silver.et-silver .et-hero__art {
    opacity: 1;
}

.theme-supreme-eternal.et-silver.et-silver .et-hero__art img {
    object-position: 50% 36%;
}

.theme-supreme-eternal.et-silver.et-silver .et-hero__vignette--inner {
    box-shadow: inset 0 -16px 28px rgba(3, 7, 10, 0.65);
}

.theme-supreme-eternal.et-silver.et-silver .et-hero__vignette--fade {
    background: linear-gradient(90deg, transparent, rgba(4, 9, 14, 0.28) 35%, rgba(4, 9, 14, 0.28) 65%, transparent);
}

.theme-supreme-eternal.et-silver.et-silver .et-hero__copy {
    gap: 2px;
    padding: 66px 20px 16px;
}

.theme-supreme-eternal.et-silver.et-silver .et-hero__title--identity {
    animation: none;
    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;
    margin: 0;
    max-width: 100%;
    text-align: center;
    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;
}

@keyframes et-hero-title-arrive {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

.theme-supreme-eternal.et-silver.et-silver .et-nav {
    --et-nav-light: #c4dae7;
    background: linear-gradient(180deg, #13181d, #090d11);
    border: 0;
    border-top: 1px solid #4d5862;
    border-bottom: 1px solid #303b44;
    border-radius: 0;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    min-height: 62px;
    margin: 0;
    padding: 0;
    position: relative;
}

.theme-supreme-eternal.et-silver.et-silver .et-nav a {
    align-items: center;
    background: none;
    border: 0;
    box-shadow: none;
    color: #b5c1cb;
    display: flex;
    font: 600 16px / 1.25 var(--et-control);
    gap: 10px;
    justify-content: center;
    letter-spacing: 0;
    min-height: 60px;
    min-width: 0;
    padding: 10px 8px;
    text-transform: uppercase;
    transition: color 160ms ease;
}

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

.theme-supreme-eternal.et-silver.et-silver .et-nav a::before {
    background: linear-gradient(180deg, rgba(198, 220, 234, 0.09), transparent);
}

.theme-supreme-eternal.et-silver.et-silver .et-nav a::after {
    background: linear-gradient(90deg, transparent, var(--et-nav-light), transparent);
    bottom: 0;
    height: 2px;
    left: 18%;
    right: 18%;
    pointer-events: none;
}

.theme-supreme-eternal.et-silver.et-silver .et-nav a i {
    color: inherit;
    flex: 0 0 22px;
    font-size: 20px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    text-shadow: 0 0 10px rgba(196, 218, 231, 0.2);
    width: 22px;
}

.theme-supreme-eternal.et-silver.et-silver .et-nav a:is(.is-active, :hover, :focus-visible) {
    background: #141c23;
    box-shadow: inset 0 1px 0 rgba(208, 229, 242, 0.24);
    color: #fff;
}

.theme-supreme-eternal.et-silver.et-silver .et-nav .nav-vote-reward {
    --et-nav-light: #e4c07b;
    background: linear-gradient(180deg, rgba(201, 164, 88, 0.09), transparent);
    color: #f1dbaa;
}

.theme-supreme-eternal.et-silver.et-silver .et-nav .nav-vote-reward i {
    color: #f1dbaa;
}

.theme-supreme-eternal.et-silver.et-silver .et-nav .nav-vote-reward:is(.is-active, :hover, :focus-visible) {
    background: #242119;
    color: #ffebbd;
}

.theme-supreme-eternal.et-silver.et-silver .et-icon-swords {
    background-color: currentColor;
    display: inline-block;
    height: 17px;
    -webkit-mask: url('../images/silver/swords.svg') center / contain no-repeat;
    mask: url('../images/silver/swords.svg') center / contain no-repeat;
    width: 17px;
}

.theme-supreme-eternal.et-silver.et-silver .et-nav .et-icon-swords {
    height: 22px;
    width: 22px;
}

.theme-supreme-eternal.et-silver.et-silver .et-main {
    column-gap: 22px;
    margin-top: 20px;
}

.theme-supreme-eternal.et-silver.et-silver .et-rail {
    row-gap: 20px;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel {
    background: linear-gradient(135deg, rgba(186, 213, 231, 0.035), transparent 150px), #080d12;
    position: relative;
}

.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) .et-panel {
    border: 1px solid #4b5b66;
    border-radius: 3px;
}

/* Legacy/auth artwork is isolated from the public frame renderer below. */
.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) .et-panel::before,
.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) #site-footer.et-compact-footer::before,
.theme-supreme-eternal.et-silver.et-silver .ember-auth-page .ember-auth-shell::before,
.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__panel::before {
    background: none;
    border: 38px solid transparent;
    border-image: var(--et-silver-frame) 160 / 38px / 0 stretch;
    box-sizing: border-box;
    content: '';
    display: block;
    height: auto;
    inset: -8px;
    opacity: 0.95;
    pointer-events: none;
    position: absolute;
    transform: none;
    width: auto;
    z-index: 3;
}

.theme-supreme-eternal.et-silver.et-silver #site-footer.et-compact-footer {
    overflow: visible;
    position: relative;
}

.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) .et-panel::after {
    /* Reset the 7px rotated marker inherited from eternal-atmos.css. */
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    content: '';
    display: none;
    height: auto;
    inset: -8px;
    opacity: 0.95;
    pointer-events: none;
    position: absolute;
    transform: none;
    width: auto;
    z-index: 3;
}

/* Preserve all original corners while replacing only the center ornaments with straight lines. */
.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) #main-content .et-panel::before {
    -webkit-mask:
        linear-gradient(#000, #000) top left / 38px 38px no-repeat,
        linear-gradient(#000, #000) top right / 38px 38px no-repeat,
        linear-gradient(#000, #000) bottom left / 38px 38px no-repeat,
        linear-gradient(#000, #000) bottom right / 38px 38px no-repeat;
    mask:
        linear-gradient(#000, #000) top left / 38px 38px no-repeat,
        linear-gradient(#000, #000) top right / 38px 38px no-repeat,
        linear-gradient(#000, #000) bottom left / 38px 38px no-repeat,
        linear-gradient(#000, #000) bottom right / 38px 38px no-repeat;
}

/* Match the line positions in the artwork, overlapping the slices by 1px. */
.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) #main-content .et-panel::after {
    background:
        linear-gradient(#879da9, #c5d5e0) center top 6px / calc(100% - 74px) 2px no-repeat,
        linear-gradient(90deg, #879da9, #c5d5e0) left 5px center / 2px calc(100% - 74px) no-repeat,
        linear-gradient(270deg, #879da9, #c5d5e0) right 5px center / 2px calc(100% - 74px) no-repeat,
        linear-gradient(0deg, #879da9, #c5d5e0) center bottom 8px / calc(100% - 74px) 2px no-repeat;
    display: block;
}

/* Keep the original corners and horizontal trim; replace only the vertical edges. */
.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) .et-rail--left > .et-panel::before,
.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) .et-rail--right > .et-panel::before {
    -webkit-mask:
        linear-gradient(#000, #000) top / 100% 38px no-repeat,
        linear-gradient(#000, #000) bottom / 100% 38px no-repeat;
    mask:
        linear-gradient(#000, #000) top / 100% 38px no-repeat,
        linear-gradient(#000, #000) bottom / 100% 38px no-repeat;
}

.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) .et-rail--left > .et-panel::after,
.theme-supreme-eternal.et-silver.et-silver:where(:not(.et-public-frames)) .et-rail--right > .et-panel::after {
    background:
        linear-gradient(90deg, #879da9, #c5d5e0) left 5px center / 2px calc(100% - 74px) no-repeat,
        linear-gradient(270deg, #879da9, #c5d5e0) right 5px center / 2px calc(100% - 74px) no-repeat;
    display: block;
}

.theme-supreme-eternal.et-silver.et-silver .et-rail--left > .et-panel > *,
.theme-supreme-eternal.et-silver.et-silver .et-rail--right > .et-panel > * {
    position: relative;
    z-index: 4;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__head {
    background: linear-gradient(180deg, rgba(148, 182, 207, 0.1), transparent);
    border-bottom: 1px solid #42515e;
    gap: 9px;
    min-height: 44px;
    padding: 11px 17px;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__title {
    color: #e2ebf2;
    font: var(--et-type-panel, 600 13px / 1.4 var(--et-display));
    letter-spacing: 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__head i {
    color: #c8e4f8;
    font-size: 16px;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__body {
    padding: 15px 16px 18px;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__list a {
    align-items: center;
    display: flex;
    font: 400 12px / 1.5 var(--et-ui);
    gap: 9px;
    min-height: 30px;
    padding: 5px 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__list a::before {
    display: none;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__list a::after {
    color: #92b6d1;
    content: '\f105';
    font: 14px / 1 'FontAwesome';
    margin-left: auto;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__list a i {
    color: #c5e0f3;
    flex: 0 0 17px;
    font-size: 14px;
    text-align: center;
}

.theme-supreme-eternal.et-silver.et-silver .et-panel__list a span {
    min-width: 0;
    overflow-wrap: break-word;
}

/* Small SVG masks match the existing swords without relying on missing font glyphs. */
.theme-supreme-eternal.et-silver.et-silver .et-quick-links .et-quick-icon {
    background-color: currentColor;
    display: inline-block;
    height: 17px;
    -webkit-mask: var(--et-quick-icon) center / contain no-repeat;
    mask: var(--et-quick-icon) center / contain no-repeat;
    width: 17px;
}

.et-quick-icon--gem { --et-quick-icon: url('../images/silver/quick-gem.svg'); }
.et-quick-icon--boss { --et-quick-icon: url('../images/silver/quick-boss.svg'); }
.et-quick-icon--quest { --et-quick-icon: url('../images/silver/quick-quest.svg'); }
.et-quick-icon--wings { --et-quick-icon: url('../images/silver/quick-wings.svg'); }
.et-quick-icon--commands { --et-quick-icon: url('../images/silver/quick-commands.svg'); }

.theme-supreme-eternal.et-silver.et-silver .et-quick-links a:is(:hover, :focus-visible) i {
    color: #f0f8ff;
    filter: drop-shadow(0 0 3px rgba(171, 211, 239, 0.35));
}

/* Shared command surfaces. Numeric inputs and option selectors keep their layout. */
.theme-supreme-eternal.et-silver.et-silver :is(.et-button, .et-button--ghost, .ember-nav-play, .btn, .supreme-wcoin-buy, .ember-user-service-card__action, .ember-account-action-card__button, .ember-vote-button, .ember-auth-submit) {
    background: linear-gradient(135deg, rgba(209, 227, 240, 0.12), transparent 30%), linear-gradient(180deg, var(--et-cta-top), var(--et-cta-bottom));
    border: 1px solid #768896 !important;
    border-radius: 2px;
    box-shadow: inset 0 0 0 2px #111820, inset 0 0 0 3px rgba(197, 217, 232, 0.17), 0 3px 8px rgba(0, 0, 0, 0.32);
    color: #e9f2f9;
    font-family: var(--et-control);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    min-height: 44px;
    position: relative;
    text-shadow: 0 1px 2px #000;
    transition: color 150ms ease, border-color 150ms ease;
}

.theme-supreme-eternal.et-silver.et-silver :is(.et-button, .et-button--ghost, .ember-nav-play, .btn, .supreme-wcoin-buy, .ember-user-service-card__action, .ember-account-action-card__button, .ember-vote-button, .ember-auth-submit):is(:hover, :focus-visible):not(:disabled):not([aria-disabled='true']):not(.is-disabled):not(.disabled):not(.et-ruby-button) {
    border-color: #dcebf5 !important;
    box-shadow: inset 0 0 0 2px #111820, inset 0 0 0 3px rgba(211, 232, 247, 0.32), 0 0 12px rgba(147, 201, 244, 0.16);
    color: #fff;
    filter: none;
    transform: none;
}

.theme-supreme-eternal.et-silver.et-silver .ember-nav-play {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
}

.theme-supreme-eternal.et-silver.et-silver .ember-nav-play > i {
    font-size: 14px;
}

/* Shared public CTAs; account forms and payment controls retain their own skin. */
.theme-supreme-eternal.et-silver.et-silver .et-ruby-button,
.theme-supreme-eternal.et-silver.et-silver .et-ruby-button:is(:hover, :focus-visible) {
    align-items: center;
    background: transparent;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
    color: #eaf7ff;
    display: inline-flex;
    flex: 0 0 192px;
    font: 600 16px / 1.1 var(--et-control);
    gap: 7px;
    height: 52px;
    isolation: isolate;
    justify-content: center;
    min-height: 44px;
    padding: 0 23px;
    position: relative;
    text-shadow: 0 1px 2px #00101e, 0 0 5px rgba(94, 190, 255, 0.26);
    width: 192px;
}

.theme-supreme-eternal.et-silver.et-silver .et-ruby-button::before {
    background: radial-gradient(circle at 50% 48%, #176da9 0, #0b4777 34%, #062844 65%, #031523 100%);
    box-shadow: inset 0 0 16px rgba(53, 167, 239, 0.28), 0 0 5px rgba(32, 143, 222, 0.2);
    clip-path: polygon(10% 4%, 90% 4%, 100% 50%, 90% 96%, 10% 96%, 0 50%);
    content: '';
    inset: 5px;
    pointer-events: none;
    position: absolute;
    transition: background 170ms ease, box-shadow 170ms ease;
    z-index: -2;
}

.theme-supreme-eternal.et-silver.et-silver .et-ruby-button::after {
    background: url('../images/silver/ruby-button-v1.webp') center 45% / 106% auto no-repeat;
    clip-path: polygon(0 50%, 12% 4%, 43% 4%, 50% 0, 57% 4%, 88% 4%, 100% 50%, 88% 96%, 57% 96%, 50% 100%, 43% 96%, 12% 96%);
    content: '';
    filter: hue-rotate(215deg) saturate(1.42) brightness(1.08) drop-shadow(0 0 3px rgba(62, 168, 240, 0.34));
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: filter 170ms ease, transform 100ms ease;
    z-index: -1;
}

.theme-supreme-eternal.et-silver.et-silver .et-ruby-button:is(:hover, :focus-visible) {
    color: #fff;
    text-shadow: 0 1px 2px #00101e, 0 0 7px rgba(134, 213, 255, 0.52);
}

.theme-supreme-eternal.et-silver.et-silver .et-ruby-button:is(:hover, :focus-visible)::before {
    background: radial-gradient(circle at 50% 46%, #2397df 0, #0d5f9c 35%, #073657 66%, #041a2b 100%);
    box-shadow: inset 0 0 18px rgba(116, 211, 255, 0.4), 0 0 10px rgba(43, 158, 231, 0.4);
}

.theme-supreme-eternal.et-silver.et-silver .et-ruby-button:is(:hover, :focus-visible)::after {
    filter: hue-rotate(215deg) saturate(1.58) brightness(1.32) drop-shadow(0 0 7px rgba(72, 181, 249, 0.68));
}

.theme-supreme-eternal.et-silver.et-silver .et-ruby-button:active::after {
    filter: hue-rotate(215deg) saturate(1.48) brightness(0.94) drop-shadow(0 0 3px rgba(50, 147, 214, 0.38));
    transform: translateY(1px);
}

.theme-supreme-eternal.et-silver.et-silver .et-ruby-button > span {
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: center;
    white-space: normal;
}

.theme-supreme-eternal.et-silver.et-silver .et-rail .et-ruby-button {
    display: flex;
    margin-inline: auto;
    max-width: 240px;
    width: 100%;
}

/* The standalone sign-in fallback is not one of the public ruby CTAs. */
.theme-supreme-eternal.et-silver.et-silver .et-rail .et-button[data-auth-open='login']:not(.et-ruby-button) {
    background: linear-gradient(135deg, #ebf1f4, #b8c6d1 55%, #dce6ed);
    border-color: #e4eef5 !important;
    box-shadow: inset 0 0 0 2px #637583, inset 0 0 0 3px #e6edf1, 0 0 14px rgba(196, 218, 235, 0.14);
    color: #15202a;
    min-height: 46px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.theme-supreme-eternal.et-silver.et-silver .et-rail .et-button[data-auth-open='login']:not(.et-ruby-button):is(:hover, :focus-visible) {
    background: linear-gradient(135deg, #fff, #ccd9e2 55%, #eef4f7);
    color: #0b141d;
}

.theme-supreme-eternal.et-silver.et-silver .et-ruby-button.et-button > i {
    margin: 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-compact-footer__download.et-ruby-button {
    flex: none;
    min-width: 0;
}

.theme-supreme-eternal.et-silver.et-silver :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid #aedbfa;
    outline-offset: 3px;
}

.theme-supreme-eternal.et-silver.et-silver :is(.btn, .supreme-wcoin-buy, .et-button, .ember-vote-button):is(:disabled, [aria-disabled='true'], .is-disabled, .disabled) {
    background: #151c22;
    border-color: #47525b !important;
    box-shadow: none;
    color: #9aa5ae;
    cursor: not-allowed;
    opacity: 0.75;
}

.theme-supreme-eternal.et-silver.et-silver .btn-danger {
    background: linear-gradient(180deg, #592d37, #27151c);
    border-color: #c18996 !important;
}

.theme-supreme-eternal.et-silver.et-silver .et-button i {
    margin-left: 7px;
}

.theme-supreme-eternal.et-silver.et-silver :is(.form-control, .ember-auth-control input) {
    background-color: #080f16;
    border-color: #687f90;
    color: #edf4f9;
    font-family: var(--et-ui);
    letter-spacing: 0;
}

/* Login is one framed scene, with the actual CMS form over its dark center. */
.theme-supreme-eternal.et-silver.et-silver .ember-auth-page {
    padding: 0;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-page .ember-auth-shell {
    background: #060b10 url('../images/silver/sanctum-v1.webp') center / cover no-repeat;
    border: 1px solid #70818d !important;
    border-radius: 3px;
    display: block;
    margin: 0;
    max-width: none;
    min-height: 710px;
    overflow: visible;
    padding: 40px 52px 66px;
    position: relative;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-page .ember-auth-card {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto;
    max-width: 370px;
    min-width: 0;
    overflow: visible;
    padding: 0;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-page .ember-auth-card::before {
    display: none;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-heading {
    padding: 0;
    text-align: center;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-mark {
    background: none;
    border: 0;
    color: #d4e7f5;
    display: grid;
    height: 54px;
    margin: 0 auto 18px;
    place-items: center;
    width: 54px;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-mark i {
    font-size: 42px;
    text-shadow: 0 0 20px rgba(170, 217, 253, 0.45);
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-heading p {
    color: #b2cfdf;
    font: 400 11px / 1.6 var(--et-ui);
    letter-spacing: 0;
    margin: 0 0 6px;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-heading h2 {
    color: #f2f6fa;
    font: 500 42px / 1.2 var(--et-display);
    letter-spacing: 0;
    margin: 0 0 12px;
    text-shadow: 0 2px 3px #000, 0 0 18px rgba(144, 196, 242, 0.2);
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-heading > span {
    color: #d6e1e9;
    font: 400 13px / 1.65 var(--et-ui);
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-form {
    margin-top: 28px;
}

.theme-supreme-eternal.et-silver.et-silver :is(#enter, .ember-auth-page) .ember-auth-form .control-label {
    color: #c2d8e8;
    display: block;
    font: 500 12px / 1.5 var(--et-ui);
    letter-spacing: 0;
    margin-bottom: 8px;
    text-align: center;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-control {
    border-radius: 2px;
    min-width: 0;
}

.theme-supreme-eternal.et-silver.et-silver :is(#enter, .ember-auth-page) .ember-auth-control .form-control {
    background: rgba(6, 13, 20, 0.94);
    border: 1px solid #96acbc;
    box-shadow: inset 0 0 14px rgba(129, 176, 213, 0.07);
    font-size: 14px;
    height: 48px;
    padding-left: 46px;
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.theme-supreme-eternal.et-silver.et-silver :is(#enter, .ember-auth-page) .ember-auth-control .form-control:hover {
    border-color: #a5bac9;
}

.theme-supreme-eternal.et-silver.et-silver :is(#enter, .ember-auth-page) .ember-auth-control .form-control:focus,
.theme-supreme-eternal.et-silver.et-silver :is(#enter, .ember-auth-page) .ember-auth-control .form-control:focus-visible {
    border-color: #d7ecfa;
    box-shadow: inset 0 0 14px rgba(129, 176, 213, 0.09), 0 0 0 1px rgba(191, 225, 247, 0.45), 0 0 12px rgba(130, 194, 235, 0.18);
    outline: 0;
    outline-offset: 0;
}

.theme-supreme-eternal.et-silver.et-silver :is(#enter, .ember-auth-page) .ember-auth-control > i {
    color: #c7e5fb;
    font-size: 17px;
    left: 17px;
}

.theme-supreme-eternal.et-silver.et-silver :is(#enter, .ember-auth-page) .ember-auth-submit.btn-primary {
    background: linear-gradient(135deg, #e8f1f8, #abc0d3 50%, #e3edf5);
    border: 1px solid #e6f4ff !important;
    box-shadow: inset 0 0 0 3px rgba(48, 79, 104, 0.28), inset 0 0 0 4px rgba(247, 253, 255, 0.6), 0 0 18px rgba(145, 200, 249, 0.3);
    color: #111e2a;
    font: 600 19px / 1.4 var(--et-control);
    min-height: 60px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.theme-supreme-eternal.et-silver.et-silver :is(#enter, .ember-auth-page) .ember-auth-submit.btn-primary:is(:hover, :focus-visible) {
    background: linear-gradient(135deg, #f5fbff, #c1d5e6 50%, #f2f8fe);
    color: #07111a;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-footer {
    border-top: 1px solid rgba(184, 210, 230, 0.3);
    color: #b3c8d8;
    flex-wrap: wrap;
    font: 400 12px / 1.6 var(--et-ui);
    gap: 5px 12px;
    margin-top: 24px;
    padding-top: 20px;
}

.theme-supreme-eternal.et-silver.et-silver .ember-auth-footer a {
    color: #e3f0f9;
    letter-spacing: 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-account-bar {
    background: linear-gradient(180deg, #131c25, #070c12);
    border-bottom: 1px solid #718b9e;
    box-shadow: 0 5px 22px rgba(0, 0, 0, 0.4);
}

.theme-supreme-eternal.et-silver.et-silver :is(.et-account-brand, .et-account-nav a, .ember-user-service-card__title) {
    color: #dbe9f4;
    letter-spacing: 0;
}

.theme-supreme-eternal.et-silver.et-silver .et-account-nav a i {
    color: #bbd9ed;
}

.theme-supreme-eternal.et-silver.et-silver .et-account-nav a.is-active {
    background: rgba(158, 199, 231, 0.09);
    box-shadow: inset 0 -2px 0 #b4d9f2;
    color: #fff;
}

.theme-supreme-eternal.et-silver.et-silver .supreme-wcoin-card {
    background: linear-gradient(145deg, #151f29, #070c12);
    border-color: #607484;
    box-shadow: inset 0 1px 0 rgba(220, 238, 250, 0.2);
}

.theme-supreme-eternal.et-silver.et-silver .supreme-wcoin-card__action {
    background: none;
    border: 0 !important;
    box-shadow: none;
}

.theme-supreme-eternal.et-silver.et-silver :is([data-login-entry], [data-auth-page])[hidden] {
    display: none !important;
}

.theme-supreme-eternal.et-silver.et-silver .et-login-entry p {
    color: var(--et-text-soft);
    font: 400 14px / 1.7 var(--et-body);
    margin: 0 0 20px;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-backdrop {
    background: rgba(1, 5, 9, 0.82);
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog {
    padding: 26px;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__panel {
    background: #080d13 url('../images/silver/sanctum-v1.webp') center / cover no-repeat;
    border: 1px solid #8499a8;
    border-radius: 3px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8), 0 0 28px rgba(137, 188, 222, 0.12);
    margin: auto;
    max-width: 490px;
    padding: 32px 52px;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog .et-auth-form {
    margin: 28px auto 0;
    max-width: 390px;
    width: 100%;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__panel--registration {
    background-image: none;
    max-width: 760px;
    padding: 32px;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__heading {
    margin-bottom: 26px;
    padding: 0;
    text-align: center;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__mark {
    border: 0;
    display: grid;
    float: none;
    height: 50px;
    margin: 0 auto 12px;
    place-items: center;
    width: 50px;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__mark i {
    color: #d6ebfc;
    font-size: 36px;
    text-shadow: 0 0 18px rgba(170, 217, 253, 0.4);
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__heading p {
    color: #bacfe0;
    font: 500 12px / 1.5 var(--et-ui);
    letter-spacing: 0;
    margin: 0 0 6px;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__heading h2 {
    color: #eef6fc;
    font: 500 42px / 1.2 var(--et-display);
    letter-spacing: 0;
    margin: 0;
    text-shadow: 0 2px 3px #000;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__close {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #e8f5fd;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    right: 16px;
    top: 16px;
    width: 34px;
    z-index: 5;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__close i {
    display: none;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__close::before {
    content: '\00d7';
    font: 400 26px / 1 'Eternal Albertus', Georgia, serif;
    line-height: 1;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__close:is(:hover, :focus-visible) {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #fff;
    text-shadow: 0 0 8px rgba(139, 207, 247, 0.55);
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__close:focus-visible {
    outline: 1px solid rgba(231, 245, 255, 0.7);
    outline-offset: 2px;
}

.theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__footer {
    border-top: 1px solid rgba(194, 218, 234, 0.3);
    flex-wrap: wrap;
    font: 400 12px / 1.6 var(--et-ui);
    gap: 4px 10px;
}

@media (max-width: 1100px) {
    .theme-supreme-eternal.et-silver.et-silver .et-nav a { flex-direction: column; gap: 6px; }
    .theme-supreme-eternal.et-silver.et-silver .et-nav a i { flex-basis: auto; }
    .theme-supreme-eternal.et-silver.et-silver .et-hero__title--identity { font-size: 64px; }
}

@media (max-width: 993px) {
    .theme-supreme-eternal.et-silver.et-silver .et-masthead .et-topbar {
        gap: 8px;
        grid-template-columns: 44px minmax(88px, 1fr) 164px;
        min-height: 80px;
        padding: 10px 8px;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar > .ember-nav-logo {
        grid-column: 2;
        grid-row: 1;
        height: 112px;
        justify-self: center;
        left: auto;
        position: relative;
        top: 0;
        transform: none;
        width: 112px;
        margin: -26px 0;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .topPanel-right {
        grid-column: 3;
        grid-row: 1;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .et-topbar__cta,
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .et-topbar__cta:is(:hover, :focus-visible) {
        flex-basis: 164px;
        font-size: 14px;
        height: 44px;
        padding: 0 19px;
        width: 164px;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .btn-mobile {
        align-self: center;
        background: none;
        border: 0;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        gap: 5px;
        grid-column: 1;
        grid-row: 1;
        height: 44px;
        justify-content: center;
        left: auto;
        margin: 0;
        min-width: 44px;
        padding: 10px;
        position: relative;
        top: auto;
        width: 44px;
        z-index: 72;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .btn-mobile span {
        background: #c5d4df;
        border-radius: 0;
        height: 2px;
        margin: 0;
        width: 24px;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .btn-mobile.active span:first-child { top: 3.5px; }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .btn-mobile.active span:last-child { bottom: 3.5px; }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .topPanel-left {
        align-items: flex-start;
        background: #0b0f14 !important;
        box-shadow: 8px 0 28px rgba(0, 0, 0, 0.55) !important;
        display: flex;
        flex-direction: column;
        gap: 12px;
        height: 100vh;
        height: 100dvh;
        left: 0;
        max-width: calc(100vw - 56px);
        overflow: auto;
        overscroll-behavior: contain;
        padding: 132px 24px 24px;
        position: fixed;
        top: 0;
        transform: translateX(-105%);
        transition: transform 180ms ease, visibility 180ms;
        visibility: hidden;
        width: 320px;
        z-index: 70;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .topPanel-left.active {
        transform: translateX(0);
        visibility: visible;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .mobile-menu {
        order: 4;
        padding: 0;
        width: 100%;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .mobile-menu li { padding: 0; }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .mobile-menu__link {
        align-items: center;
        display: flex;
        font-size: 13px;
        gap: 10px;
        min-height: 44px;
        padding: 10px 0;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar__details {
        align-items: flex-start;
        border-top: 1px solid #303944;
        flex-direction: column;
        order: 5;
        padding-top: 12px;
        width: 100%;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar__details .online {
        display: block;
    }
    .theme-supreme-eternal.et-silver.et-silver .et-topbar .accountBlock-dropdown {
        left: 0;
        max-width: 240px;
        right: auto;
    }
}

@media (max-width: 390px) {
    .theme-supreme-eternal.et-silver.et-silver .et-topbar > .ember-nav-logo {
        height: 88px;
        width: 88px;
    }
}

@media (max-width: 780px) {
    .theme-supreme-eternal.et-silver.et-silver .et-hero { height: 310px; }
    .theme-supreme-eternal.et-silver.et-silver .et-hero__art img { object-position: 50% 42%; }
    .theme-supreme-eternal.et-silver.et-silver .et-hero__copy { padding: 20px 14px; }
    .theme-supreme-eternal.et-silver.et-silver .et-hero__title--identity { font-size: 43px; }
    .theme-supreme-eternal.et-silver.et-silver .et-nav { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .theme-supreme-eternal.et-silver.et-silver .et-nav a { grid-column: span 3; min-height: 66px; font-size: 14px; }
    .theme-supreme-eternal.et-silver.et-silver .et-nav a:nth-child(n + 5) { grid-column: span 4; }
    .theme-supreme-eternal.et-silver.et-silver .et-main { margin-top: 20px; }
    .theme-supreme-eternal.et-silver.et-silver .et-panel__list a { min-height: 40px; font-size: 13px; }
    .theme-supreme-eternal.et-silver.et-silver .ember-auth-page .ember-auth-shell { min-height: 660px; padding: 36px 35px 52px; }
}

@media (max-width: 480px) {
    .theme-supreme-eternal.et-silver.et-silver .et-auth-dialog { padding: 14px; }
    .theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__panel { padding: 28px 24px; }
    .theme-supreme-eternal.et-silver.et-silver .et-auth-dialog__heading h2 { font-size: 34px; }
    .theme-supreme-eternal.et-silver.et-silver .et-hero { height: 290px; }
    .theme-supreme-eternal.et-silver.et-silver .et-hero__title--identity { font-size: 26px; }
    .theme-supreme-eternal.et-silver.et-silver .et-hero__subtitle { font-size: 11px; gap: 7px; line-height: 1.35; max-width: 310px; }
    .theme-supreme-eternal.et-silver.et-silver .et-hero__subtitle::before,
    .theme-supreme-eternal.et-silver.et-silver .et-hero__subtitle::after { flex-basis: 18px; width: 18px; }
    .theme-supreme-eternal.et-silver.et-silver .ember-auth-page .ember-auth-shell { padding: 32px 22px 42px; min-height: 640px; }
    .theme-supreme-eternal.et-silver.et-silver .ember-auth-heading h2 { font-size: 34px; }
    .theme-supreme-eternal.et-silver.et-silver .ember-auth-page .ember-auth-shell::before { border-image-width: 30px; inset: -6px; }
}

@media (prefers-reduced-motion: reduce) {
    .theme-supreme-eternal.et-silver.et-silver *,
    .theme-supreme-eternal.et-silver.et-silver *::before,
    .theme-supreme-eternal.et-silver.et-silver *::after { animation: none !important; transition: none !important; }
}

/* Public pages opt in through their existing server-rendered body classes.
   Account services and Vote Reward retain the original skin, including on partial navigation. */
.theme-supreme-eternal.et-silver.et-public-refresh {
    --et-data-font: ui-monospace, 'Cascadia Mono', Consolas, monospace;
    --et-page-title-size: 34px;
    --et-section-title-size: 24px;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-atmos {
    background: linear-gradient(180deg, rgba(14, 18, 20, 0.08), rgba(14, 18, 20, 0.22)),
        var(--et-current-background, url('../images/silver/infernal-gates-v1.webp')) center top / cover no-repeat;
    opacity: 1;
}

/* One temporary crossfade layer; the base image remains visible during loading. */
.theme-supreme-eternal.et-silver.et-public-refresh .et-atmos::after {
    background: linear-gradient(180deg, rgba(14, 18, 20, 0.08), rgba(14, 18, 20, 0.22)),
        var(--et-next-background, none) center top / cover no-repeat;
    display: block;
    inset: 0;
    opacity: var(--et-next-opacity, 0);
    transition: none;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-atmos.is-background-fading::after {
    transition: opacity 900ms ease-in-out;
    will-change: opacity;
}
.theme-supreme-eternal #et-background-toggle { display: none; }
.theme-supreme-eternal.et-silver.et-public-refresh #et-background-toggle:not([hidden]) {
    align-items: center;
    background: #0b1117;
    border: 1px solid #788c9c;
    border-radius: 4px;
    bottom: 12px;
    color: #dce6ed;
    cursor: pointer;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    left: 12px;
    min-height: 36px;
    min-width: 36px;
    padding: 0;
    position: fixed;
    width: 36px;
    z-index: 8;
}
.theme-supreme-eternal.et-silver.et-public-refresh #et-background-toggle:focus-visible {
    outline: 2px solid #dce6ed;
    outline-offset: 3px;
}

/* Both forms of the CMS reward are present so persistent rails can change skin
   without JavaScript changes or losing their original account/Vote presentation. */
.theme-supreme-eternal .et-stat__rewards,
.theme-supreme-eternal .et-stat__public-label,
.theme-supreme-eternal .et-status-commands,
.theme-supreme-eternal .et-commands-window {
    display: none;
}

.theme-supreme-eternal.et-silver.et-public-refresh [aria-labelledby='et-status-title'] .et-stat {
    display: grid;
    gap: 2px 10px;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    padding: 3px 0;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat__label {
    font: var(--et-type-meta, 400 12px / 1.45 var(--et-ui));
    overflow-wrap: normal;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat__value {
    font: var(--et-type-data-small, 500 12px / 1.45 var(--et-data-font));
    font-variant-numeric: tabular-nums;
    overflow-wrap: break-word;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat:is([data-stat-key='server_time'], [data-stat-key='reset'], [data-stat-key='master_exp'], [data-stat-key='max_stats'], [data-stat-key='master_reset_reward']) {
    grid-template-columns: minmax(0, 1fr);
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat:is([data-stat-key='server_time'], [data-stat-key='reset'], [data-stat-key='master_exp'], [data-stat-key='max_stats']) .et-stat__value {
    text-align: left;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat[data-stat-key='master_reset_reward'] {
    border-block: 1px solid rgba(204, 216, 223, 0.18);
    margin: 7px 0;
    padding: 8px 0;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat[data-stat-key='master_reset_reward'] > .et-stat__label {
    color: #dbc89d;
    font-weight: 600;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat[data-stat-key='master_reset_reward'] > .et-stat__value {
    display: none;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat__rewards {
    color: var(--et-text-bright);
    display: grid;
    font: var(--et-type-data-small, 400 12px / 1.45 var(--et-data-font));
    gap: 2px;
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    text-align: left;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat__rewards li {
    margin: 0;
    overflow-wrap: break-word;
    padding-left: 15px;
    position: relative;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-stat__rewards li::before {
    color: #dbc89d;
    content: '-';
    left: 0;
    position: absolute;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-status-facts {
    display: flex;
    flex-direction: column;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-status-facts > .et-stat { order: 1; }
.theme-supreme-eternal.et-silver.et-public-refresh .et-status-facts > .et-stat:is([data-stat-key='status'], [data-stat-key='version'], [data-stat-key='exp'], [data-stat-key='drop'], [data-stat-key='zen_rate']) { order: 0; }
.theme-supreme-eternal.et-silver.et-public-refresh .et-stat[data-stat-key='max_players'],
.theme-supreme-eternal.et-silver.et-public-refresh .et-stat__original-label { display: none; }
.theme-supreme-eternal.et-silver.et-public-refresh .et-stat__public-label { display: inline; }

.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands {
    border-top: 1px solid rgba(204, 216, 223, 0.18);
    display: block;
    margin-top: 8px;
    padding-top: 9px;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands h3 {
    color: #dbc89d;
    font: 600 13px / 1.4 var(--et-ui);
    letter-spacing: 0;
    margin: 0 0 7px;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands__quick { margin: 0 0 6px; }
.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands__quick > div { margin: 0 0 6px; }
.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands__quick :is(dt, dd) { margin: 0; padding: 0; }
.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands__quick dd {
    color: var(--et-text-muted);
    font: var(--et-type-meta, 400 11px / 1.4 var(--et-ui));
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands code {
    background: none;
    color: #e0cfab;
    font: var(--et-type-data-small, 500 12px / 1.45 var(--et-data-font));
    padding: 0;
    white-space: normal;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands__quick code { white-space: var(--et-type-command-wrap, nowrap); }
.theme-supreme-eternal.et-silver.et-public-refresh .et-status-commands__trigger {
    background: none;
    border: 0;
    cursor: pointer;
    min-height: 28px;
    padding: 2px 0;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window:popover-open {
    background: #0b1117;
    border: 1px solid #9eafbc;
    border-radius: 4px;
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.65), inset 0 0 0 3px #1b2730;
    color: #dce5eb;
    display: flex;
    flex-direction: column;
    inset: auto;
    left: var(--et-commands-left, 12px);
    top: var(--et-commands-top, 12px);
    margin: 0;
    max-height: min(560px, calc(100dvh - 24px));
    overflow: hidden;
    padding: 0;
    position: fixed;
    width: min(520px, calc(100vw - 24px));
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window > header {
    align-items: center;
    border-bottom: 1px solid #354651;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    padding: 10px 14px;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window h3 { color: #e7edf1; font-size: 16px; margin: 0; }
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window__close {
    align-items: center;
    background: #18232c;
    border: 1px solid #596e7d;
    border-radius: 4px;
    color: #e7edf1;
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window__list {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 14px;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window h4 {
    color: #abc1d0;
    font: 600 12px / 1.4 var(--et-ui);
    letter-spacing: 0;
    margin: 12px 0 4px;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window dl { margin: 0; }
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window dl > div {
    border-bottom: 1px solid #202e38;
    display: grid;
    gap: 4px 14px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    padding: 7px 0;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window :is(dt, dd) {
    font: var(--et-type-meta, 400 12px / 1.45 var(--et-ui));
    margin: 0;
    overflow-wrap: anywhere;
}
.theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window > footer {
    border-top: 1px solid #354651;
    flex: 0 0 auto;
    font: 500 12px / 1.4 var(--et-ui);
    padding: 10px 14px;
    text-align: right;
}
.theme-supreme-eternal.et-silver.et-public-refresh :is(.et-status-commands__trigger, .et-commands-window button, .et-commands-window a):focus-visible {
    outline: 2px solid #c4deed;
    outline-offset: 3px;
}
@media (max-width: 540px) {
    .theme-supreme-eternal.et-silver.et-public-refresh .et-commands-window dl > div { grid-template-columns: minmax(0, 1fr); }
}

/* Remove the old full-width page gutters only on the allowlisted public routes. */
.theme-supreme-eternal.et-silver.et-public-frames #main-content {
    align-content: start;
    align-self: start;
    background: transparent;
    border: 0;
    box-shadow: none;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    min-width: 0;
    padding: 0;
}

.theme-supreme-eternal.et-silver.et-public-frames #main-content > :is(.dmn-content, .content) {
    margin: 0;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.theme-supreme-eternal.et-silver.et-public-frames #main-content :is(.et-server-manual, .et-guide-manual, .et-downloads, .ember-ranking-frame, .ember-policy-frame, .dmn-page-box, .ember-character-profile__shell, .news-article__card, .ember-unavailable-card) {
    background: #0b1014;
    margin-bottom: 0;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    position: relative;
}

/* An empty AJAX exception must not paint a full-width bar; real errors stay visible. */
.theme-supreme-eternal.et-silver.et-public-frames #exception:empty {
    display: none !important;
}

.theme-supreme-eternal.et-silver.et-public-frames :is(.ember-policy-frame, .ember-character-profile__shell) {
    padding: 24px;
}

.theme-supreme-eternal.et-silver.et-public-frames .ember-policy-heading h2 {
    color: var(--et-text-bright);
    font: 400 34px / 1.2 var(--et-display);
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .theme-supreme-eternal.et-silver.et-public-frames :is(.ember-policy-frame, .ember-character-profile__shell) {
        padding: 20px 14px;
    }

    .theme-supreme-eternal.et-silver.et-public-frames .ember-policy-heading h2 {
        font-size: 28px;
    }
}

/* Donate retains its established typography; public roles live in page.css. */
.theme-supreme-eternal.et-silver.et-public-refresh :is(.supreme-wcoin-hero h1) {
    color: var(--et-text-bright);
    font: 400 var(--et-page-title-size) / 1.2 var(--et-display);
    letter-spacing: 0;
    margin: 0;
    overflow-wrap: anywhere;
    text-transform: none;
}

.theme-supreme-eternal.et-silver.et-public-refresh :is(.supreme-wcoin-orders > header h2) {
    color: var(--et-text-bright);
    font: 400 var(--et-section-title-size) / 1.3 var(--et-display);
    letter-spacing: 0;
    overflow-wrap: anywhere;
    text-transform: none;
}

.theme-supreme-eternal.et-silver.et-public-refresh :is(.et-server-manual, .et-guide-manual, .et-downloads, .ember-ranking-frame, .supreme-wcoin-store) {
    background-color: #0b1014;
    background-image: none;
}

.theme-supreme-eternal.et-silver.et-public-refresh .et-ev__time {
    font-family: var(--et-type-mono, var(--et-data-font));
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

.theme-supreme-eternal.et-silver.et-public-refresh .ember-ranking-frame__header {
    padding: 24px 24px 22px;
}

.theme-supreme-eternal.et-silver.et-public-refresh .ember-ranking-tab {
    font-family: var(--et-type-ui, var(--et-control));
    font-size: var(--et-type-control-size, 15px);
    letter-spacing: 0;
    min-height: 44px;
}

.theme-supreme-eternal.et-silver.et-public-refresh .supreme-wcoin-hero > p {
    color: var(--et-text-muted);
    font: 400 15px / 1.7 var(--et-body);
}

.theme-supreme-eternal.et-silver.et-public-refresh .supreme-wcoin-card {
    background: #11191f;
    border-color: #6c7f8c;
}

.theme-supreme-eternal.et-silver.et-public-refresh :is(.supreme-wcoin-card__previous, .supreme-wcoin-card__body > p, .supreme-wcoin-table td:nth-child(2), .supreme-wcoin-table td:nth-child(3)) {
    font-family: var(--et-data-font);
    font-variant-numeric: tabular-nums;
}

.theme-supreme-eternal.et-silver.et-public-refresh .supreme-wcoin-buy {
    font: 600 16px / 1.25 var(--et-control);
    letter-spacing: 0;
    min-height: 46px;
}

/* Public frame: the approved PNG owns both corners and connecting rails. */
.theme-supreme-eternal.et-silver.et-public-frames {
    --et-public-frame: url('../images/silver/ornament-blue-plasma-preview-v1.png');
}

.theme-supreme-eternal.et-silver.et-public-frames .et-rail {
    row-gap: 24px;
}

.theme-supreme-eternal.et-silver.et-public-frames :is(.et-panel, #site-footer.et-compact-footer),
.theme-supreme-eternal.et-silver.et-public-frames #main-content :is(.et-server-manual, .et-guide-manual, .et-downloads, .ember-ranking-frame, .ember-policy-frame, .dmn-page-box, .ember-character-profile__shell, .news-article__card, .ember-unavailable-card) {
    /* Preserve layout dimensions without painting a second frame. */
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    isolation: isolate;
    position: relative;
}

.theme-supreme-eternal.et-silver.et-public-frames :is(.et-panel, #site-footer.et-compact-footer)::before,
.theme-supreme-eternal.et-silver.et-public-frames #main-content :is(.et-server-manual, .et-guide-manual, .et-downloads, .ember-ranking-frame, .ember-policy-frame, .dmn-page-box, .ember-character-profile__shell, .news-article__card, .ember-unavailable-card)::before {
    background: none;
    border: var(--et-public-frame-width, 56px) solid transparent;
    border-image: var(--et-public-frame) 224 / var(--et-public-frame-width, 56px) / 0 stretch;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    content: '';
    display: block;
    /* Scaled source margins meet the existing 1px layout border. */
    height: auto;
    inset: calc(-1px - var(--et-public-frame-margin, 14px));
    overflow: hidden;
    clip-path: inset(var(--et-public-frame-margin, 14px));
    /* Suppress the PNG's near-black matte before compositing its metalwork. */
    filter: contrast(1.14);
    mix-blend-mode: screen;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: none;
    width: auto;
    z-index: 5;
    -webkit-mask: none;
    mask: none;
}

.theme-supreme-eternal.et-silver.et-public-frames :is(.et-rail--left, .et-rail--right) > .et-panel {
    /* Smaller rail corners: 56px source margins become exactly 10 CSS pixels. */
    --et-public-frame-width: 40px;
    --et-public-frame-margin: 10px;
}

.theme-supreme-eternal.et-silver.et-public-frames :is(.et-panel, #site-footer.et-compact-footer)::after,
.theme-supreme-eternal.et-silver.et-public-frames #main-content :is(.et-server-manual, .et-guide-manual, .et-downloads, .ember-ranking-frame, .ember-policy-frame, .dmn-page-box, .ember-character-profile__shell, .news-article__card, .ember-unavailable-card)::after {
    background: none;
    border: 0;
    border-image: none;
    border-radius: 0;
    box-shadow: none;
    content: none;
    display: none;
}

@media (max-width: 780px) {
    .theme-supreme-eternal.et-silver.et-public-refresh .et-atmos {
        background-image: linear-gradient(180deg, rgba(14, 18, 20, 0.08), rgba(14, 18, 20, 0.22)),
            var(--et-current-background, url('../images/silver/infernal-gates-mobile-v1.webp'));
    }
}

@media (max-width: 640px) {
    .theme-supreme-eternal.et-silver.et-public-refresh {
        --et-page-title-size: 28px;
        --et-section-title-size: 21px;
    }

    .theme-supreme-eternal.et-silver.et-public-refresh .ember-ranking-frame__header {
        padding: 20px 14px;
    }
}