@charset "utf-8";

/* ==========================================================================
   IMPERIAL PUBLIC THEME — canonical visual layer
   Loaded last. Keep theme/palette overrides here, not in page views.
   ========================================================================== */
/*
 * Public Imperial skin. Loaded after CMS compatibility and page-component CSS.
 * AdminCP is intentionally untouched.
 */

body.imperial-v3-theme {
    --imp-navy-950: #050a13;
    --imp-navy-900: #07101f;
    --imp-navy-850: #0b1629;
    --imp-navy-800: #101d33;
    --imp-navy-700: #1a2b48;
    --imp-blue-600: #356b98;
    --imp-blue-500: #467daa;
    --imp-chrome-top: #172944;
    --imp-chrome-bottom: #07111f;
    --imp-panel-top: #172944;
    --imp-panel-bottom: #07111f;
    --imp-panel-hover-top: #243a5c;
    --imp-panel-hover-bottom: #0c1a2e;
    --imp-surface-top: #172b49;
    --imp-surface-bottom: #07111f;
    --imp-surface-deep-top: #101d33;
    --imp-surface-deep-bottom: #050a13;
    --imp-gold-700: #a88a1f;
    --imp-gold-600: #c3a52d;
    --imp-gold-500: #ddc34b;
    --imp-gold-400: #efd66a;
    --imp-gold-300: #f8e79a;
    --imp-ivory-50: #fcfaf5;
    --imp-ivory-100: #f5f1e8;
    --imp-ivory-200: #ebe4d7;
    --imp-ink: #172033;
    --imp-muted: #667085;
    --imp-success: #4a9a70;
    --imp-danger: #b14d4a;
    --imp-gold-bright: #fff2ad;
    --imp-gold-line: #efd86e;
    --imp-gold-warm: #cfad2f;
    --imp-link-blue: #2f70b7;
    --imp-link-blue-hover: #168ed6;
    --imp-link-blue-visited: #536aa0;
    --imp-link-blue-active: #245d99;
    --imp-link: var(--imp-link-blue);
    --imp-link-hover: var(--imp-link-blue-hover);
    --imp-field-bg: #f2f7fc;
    --imp-field-bg-focus: #ffffff;
    --imp-field-border: #c4d1de;
    --imp-field-border-hover: #9fb5ca;
    --imp-field-border-focus: #6f9cc5;
    --imp-field-text: #243750;
    --imp-field-muted: #8b99aa;
    --imp-field-arrow: #6685a4;
    --imp-field-arrow-focus: #4d7fae;
    --imp-font-ui: "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --imp-font-display: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
    --flame-ui-font: var(--imp-font-ui);
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 10% 20%, rgba(255, 255, 255, .90), transparent 31%),
        radial-gradient(circle at 88% 16%, rgba(216, 222, 236, .52), transparent 34%),
        linear-gradient(180deg, #f6f3ed 0%, #ebe8e2 46%, #f7f4ee 100%) !important;
    color: var(--imp-ink);
    font-family: var(--imp-font-ui);
    font-size: 16px;
    line-height: 1.55;
}

body.imperial-v3-theme::before {
    content: none;
    display: none;
    background: none;
}

body.imperial-v3-theme *,
body.imperial-v3-theme *::before,
body.imperial-v3-theme *::after {
    box-sizing: border-box;
}

body.imperial-v3-theme a {
    color: inherit;
    text-decoration: none;
    transition: color .14s ease;
}

/* Canonical content links only. Navigation, buttons, tabs, pagination and
   interactive UI keep their own component styles. */
body.imperial-v3-theme .main .newsBlock-text a,
body.imperial-v3-theme .main .flame-page-content p a,
body.imperial-v3-theme .main .flame-page-content li a,
body.imperial-v3-theme .main .flame-page-content dd a,
body.imperial-v3-theme .main .content p a,
body.imperial-v3-theme .main .content li a,
body.imperial-v3-theme .main .tabBlock p a,
body.imperial-v3-theme .main .tabBlock li a,
body.imperial-v3-theme .main .imperial-download-lead a,
body.imperial-v3-theme .main .flame-registration-rules-text a {
    color: var(--imp-link-blue);
    text-decoration-line: underline;
    text-decoration-color: rgba(47, 112, 183, .28);
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
    transition: color .14s ease, text-decoration-color .14s ease;
}

body.imperial-v3-theme .main .newsBlock-text a:hover,
body.imperial-v3-theme .main .newsBlock-text a:focus,
body.imperial-v3-theme .main .flame-page-content p a:hover,
body.imperial-v3-theme .main .flame-page-content p a:focus,
body.imperial-v3-theme .main .flame-page-content li a:hover,
body.imperial-v3-theme .main .flame-page-content li a:focus,
body.imperial-v3-theme .main .flame-page-content dd a:hover,
body.imperial-v3-theme .main .flame-page-content dd a:focus,
body.imperial-v3-theme .main .content p a:hover,
body.imperial-v3-theme .main .content p a:focus,
body.imperial-v3-theme .main .content li a:hover,
body.imperial-v3-theme .main .content li a:focus,
body.imperial-v3-theme .main .tabBlock p a:hover,
body.imperial-v3-theme .main .tabBlock p a:focus,
body.imperial-v3-theme .main .tabBlock li a:hover,
body.imperial-v3-theme .main .tabBlock li a:focus,
body.imperial-v3-theme .main .imperial-download-lead a:hover,
body.imperial-v3-theme .main .imperial-download-lead a:focus,
body.imperial-v3-theme .main .flame-registration-rules-text a:hover,
body.imperial-v3-theme .main .flame-registration-rules-text a:focus {
    color: var(--imp-link-blue-hover);
    text-decoration-color: rgba(22, 142, 214, .96);
}

body.imperial-v3-theme .main .newsBlock-text a:visited,
body.imperial-v3-theme .main .flame-page-content p a:visited,
body.imperial-v3-theme .main .flame-page-content li a:visited,
body.imperial-v3-theme .main .flame-page-content dd a:visited,
body.imperial-v3-theme .main .content p a:visited,
body.imperial-v3-theme .main .content li a:visited,
body.imperial-v3-theme .main .tabBlock p a:visited,
body.imperial-v3-theme .main .tabBlock li a:visited,
body.imperial-v3-theme .main .imperial-download-lead a:visited,
body.imperial-v3-theme .main .flame-registration-rules-text a:visited {
    color: var(--imp-link-blue-visited);
}

body.imperial-v3-theme .main .newsBlock-text a:active,
body.imperial-v3-theme .main .flame-page-content p a:active,
body.imperial-v3-theme .main .flame-page-content li a:active,
body.imperial-v3-theme .main .flame-page-content dd a:active,
body.imperial-v3-theme .main .content p a:active,
body.imperial-v3-theme .main .content li a:active,
body.imperial-v3-theme .main .tabBlock p a:active,
body.imperial-v3-theme .main .tabBlock li a:active,
body.imperial-v3-theme .main .imperial-download-lead a:active,
body.imperial-v3-theme .main .flame-registration-rules-text a:active {
    color: var(--imp-link-blue-active);
}

body.imperial-v3-theme .main .newsBlock-text a:focus-visible,
body.imperial-v3-theme .main .flame-page-content p a:focus-visible,
body.imperial-v3-theme .main .flame-page-content li a:focus-visible,
body.imperial-v3-theme .main .flame-page-content dd a:focus-visible,
body.imperial-v3-theme .main .content p a:focus-visible,
body.imperial-v3-theme .main .content li a:focus-visible,
body.imperial-v3-theme .main .tabBlock p a:focus-visible,
body.imperial-v3-theme .main .tabBlock li a:focus-visible,
body.imperial-v3-theme .main .imperial-download-lead a:focus-visible,
body.imperial-v3-theme .main .flame-registration-rules-text a:focus-visible {
    outline: 1px solid rgba(47, 112, 183, .56);
    outline-offset: 2px;
}

body.imperial-v3-theme h1,
body.imperial-v3-theme h2,
body.imperial-v3-theme h3,
body.imperial-v3-theme h4,
body.imperial-v3-theme h5,
body.imperial-v3-theme h6 {
    color: var(--imp-ink);
    font-family: var(--imp-font-display);
    font-weight: 600;
    letter-spacing: .02em;
}

body.imperial-v3-theme .wrapper {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.imperial-v3-theme .smoke,
body.imperial-v3-theme .sparks,
body.imperial-v3-theme .hero.hero_1 {
    display: none !important;
}

/* Full-width hero world */
body.imperial-v3-theme .imperial-hero-stage {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 850px;
    overflow: hidden;
    color: #f7f2e8;
    background: var(--imp-navy-900);
}

body.imperial-v3-theme.imperial-inner .imperial-hero-stage {
    min-height: 760px;
}

body.imperial-v3-theme .imperial-hero-backdrop {
    position: absolute;
    inset: 0;
    z-index: -3;
    background-image: url("../images/imperial-hero-v3.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: scale(1.002);
}

body.imperial-v3-theme .imperial-hero-backdrop::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(4, 10, 20, .86) 0%, rgba(6, 13, 25, .64) 27%, rgba(6, 13, 25, .10) 56%, rgba(4, 8, 15, .12) 100%),
        linear-gradient(180deg, rgba(3, 7, 14, .76) 0%, rgba(3, 8, 17, .05) 25%, rgba(4, 9, 18, .10) 70%, rgba(5, 10, 20, .84) 100%);
}

body.imperial-v3-theme .imperial-hero-backdrop::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 118px;
    background:
        linear-gradient(90deg, transparent, rgba(220, 189, 113, .54) 18%, rgba(243, 225, 174, .82) 50%, rgba(220, 189, 113, .54) 82%, transparent) center bottom 16px / min(980px, 76vw) 1px no-repeat,
        linear-gradient(180deg, rgba(7, 15, 29, 0) 0%, rgba(7, 15, 29, .22) 48%, rgba(236, 233, 227, .32) 78%, #ece9e3 100%);
}

/* Navigation and new brand */
body.imperial-v3-theme .topPanel {
    position: relative;
    z-index: 30;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    width: min(1600px, calc(100% - 56px));
    height: 80px;
    margin: 0 auto;
    padding: 0 16px;
    border: 1px solid rgba(225, 199, 132, .22);
    border-top-color: rgba(225, 199, 132, .12);
    border-radius: 0;
    background: rgba(5, 13, 25, .68);
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    backdrop-filter: blur(14px) saturate(118%);
    box-shadow: 0 10px 24px rgba(1, 5, 12, .12);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px));
}

body.imperial-v3-theme .topPanel::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    background: rgba(222, 194, 126, .48);
    box-shadow: none;
    opacity: .86;
}

body.imperial-v3-theme .imperial-nav-brand {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    flex: 0 0 232px;
    gap: 10px;
    height: 100%;
    padding: 7px 18px 7px 2px;
    color: #f2dfaa;
}

body.imperial-v3-theme .imperial-nav-brand:hover { color: #fff1c8; }
body.imperial-v3-theme .imperial-nav-brand img {
    display: block;
    max-width: none;
    object-fit: contain;
    filter: none;
}
body.imperial-v3-theme .imperial-nav-brand span {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
body.imperial-v3-theme .imperial-nav-brand strong {
    color: #f1d979;
    font-family: var(--imp-font-display);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .11em;
    text-transform: uppercase;
    text-shadow: none;
}
body.imperial-v3-theme .imperial-nav-brand small {
    margin-top: 6px;
    color: rgba(231, 235, 243, .62);
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .34em;
    text-transform: uppercase;
}
body.imperial-v3-theme .topPanel-left {
    position: relative;
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
}
body.imperial-v3-theme .menu-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: auto;
    max-width: none;
    height: 100%;
}
body.imperial-v3-theme .menu-main {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100%;
    margin: 0;
}
body.imperial-v3-theme .menu__item {
    display: flex;
    align-items: stretch;
    min-width: 0;
}
body.imperial-v3-theme .menu__link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 clamp(10px, .78vw, 15px);
    color: rgba(239, 243, 249, .78);
    font-family: var(--imp-font-ui);
    font-size: clamp(13px, .84vw, 15px);
    font-weight: 760;
    line-height: 1;
    letter-spacing: .085em;
    text-transform: uppercase;
    transition: color .16s ease;
}
body.imperial-v3-theme .menu__link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 0;
    height: 1px;
    background: #e8cb67;
    transform: translateX(-50%);
    transition: width .16s ease;
}
body.imperial-v3-theme .menu__link:hover,
body.imperial-v3-theme .menu__link:focus { color: #fff1c7; }
body.imperial-v3-theme .menu__link:hover::after,
body.imperial-v3-theme .menu__link:focus::after { width: 24px; }
body.imperial-v3-theme .topPanel-right {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: 8px;
}
body.imperial-v3-theme .user-enter {
    min-height: 40px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid rgba(226, 199, 129, .34);
    border-radius: 0;
    background: rgba(20, 37, 59, .48);
    color: #f8f4e8;
    font-family: var(--imp-font-ui);
    font-size: 11px;
    font-weight: 820;
    line-height: 1;
    letter-spacing: .09em;
    box-shadow: none;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}
body.imperial-v3-theme .user-enter:hover,
body.imperial-v3-theme .user-enter:focus {
    border-color: rgba(239, 214, 148, .72);
    background: rgba(34, 56, 85, .66);
    color: #fff6dc;
    box-shadow: none;
    transform: translateY(-1px);
}
body.imperial-v3-theme .icon-enter {
    width: 20px;
    height: 20px;
    margin-right: 9px;
    background: none;
    border: 2px solid #e3c65f;
    border-left-color: transparent;
    transform: rotate(45deg);
}
body.imperial-v3-theme .icon-enter::after {
    content: "";
    display: block;
    width: 9px;
    height: 2px;
    margin: 7px 0 0 -5px;
    background: #e3c65f;
    transform: rotate(-45deg);
}

/* Integrated realm monitor */
body.imperial-v3-theme .online {
    display: flex;
    align-items: stretch;
    align-self: stretch;
    height: 100%;
    margin-left: 10px;
    border-left: 1px solid rgba(220, 191, 121, .20);
}

body.imperial-v3-theme .online-flex {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border-right: 1px solid rgba(220, 191, 121, .14);
    background: none;
}

body.imperial-v3-theme .online-flex::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 11px;
    width: 6px;
    height: 6px;
    background: var(--imp-success);
    box-shadow: 0 0 0 3px rgba(74, 154, 112, .12), 0 0 10px rgba(74, 154, 112, .45);
    transform: rotate(45deg);
}

body.imperial-v3-theme .online-flex.imperial-server-red::before {
    background: var(--imp-danger);
    box-shadow: 0 0 0 3px rgba(177, 77, 74, .12), 0 0 10px rgba(177, 77, 74, .38);
}

body.imperial-v3-theme .online-block,
body.imperial-v3-theme .online-block.online-block-active {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "name name" "players state";
    gap: 5px 8px;
    width: 100%;
    height: auto;
    padding: 0;
    background: none;
    color: #eef1f6;
    font-family: var(--imp-font-ui);
    line-height: 1;
    text-align: left;
}

body.imperial-v3-theme .imperial-server-name {
    grid-area: name;
    color: #f0e3c1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .10em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-server-players {
    grid-area: players;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
}

body.imperial-v3-theme .imperial-server-state {
    grid-area: state;
    align-self: center;
    color: rgba(223, 232, 227, .72) !important;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .10em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-server-red .imperial-server-state {
    color: rgba(238, 190, 187, .76) !important;
}

body.imperial-v3-theme .accountBlock-dropdown {
    top: 76px;
    min-width: 250px;
    padding: 14px 0;
    border: 1px solid rgba(218, 184, 105, .42);
    border-radius: 0;
    background: linear-gradient(180deg, rgba(23, 41, 68, .985), rgba(7, 17, 31, .995));
    box-shadow: 0 22px 48px rgba(0, 0, 0, .52);
}

body.imperial-v3-theme .accountBlock-dropdown a {
    color: rgba(239, 240, 244, .83);
    font-size: 13px;
}

body.imperial-v3-theme .accountBlock-dropdown a:hover {
    color: var(--imp-gold-bright);
    background: rgba(228, 202, 134, .08);
}

/* Navigation/language dropdowns no longer inherit the old purple Flame surface. */
body.imperial-v3-theme .menu-sub,
body.imperial-v3-theme .langBlock-dropdown {
    border: 1px solid rgba(228,202,134,.42);
    border-radius: 0;
    background: linear-gradient(180deg, rgba(23,41,68,.985), rgba(7,17,31,.995));
    box-shadow: 0 20px 44px rgba(0,0,0,.44);
}
body.imperial-v3-theme .menu-sub a,
body.imperial-v3-theme .langBlock-dropdown a {
    color: rgba(239,242,247,.82);
}
body.imperial-v3-theme .menu-sub a:hover,
body.imperial-v3-theme .menu-sub a:focus,
body.imperial-v3-theme .langBlock-dropdown a:hover,
body.imperial-v3-theme .langBlock-dropdown a:focus {
    background: rgba(228,202,134,.08);
    color: var(--imp-gold-bright);
}
body.imperial-v3-theme .langBlock img {
    border-radius: 0;
    border-color: rgba(228,202,134,.42);
}
body.imperial-v3-theme .langBlock-active {
    border: 1px solid rgba(228,202,134,.34);
    border-radius: 0;
    background: rgba(11,24,42,.72);
}

/* Countdown */
body.imperial-v3-theme .imperial-opening-countdown {
    position: absolute;
    left: 68.2%;
    top: 223px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(700px, calc(100% - 88px));
    transform: translateX(-50%);
    pointer-events: none;
}

body.imperial-v3-theme #timer_div_title {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 6;
    width: 100% !important;
    min-height: 50px;
    margin: 0 auto 11px !important;
    padding: 13px 20px 12px;
    border: 1px solid rgba(235, 241, 250, .42);
    border-radius: 0;
    background: rgba(10, 20, 37, .58);
    color: #fbfcff;
    font-family: var(--imp-font-ui);
    font-size: clamp(17px, 1.65vw, 21px) !important;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: .105em;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .07), 0 2px 3px rgba(0, 0, 0, .42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    clip-path: none;
    backdrop-filter: none;
}

body.imperial-v3-theme #timer_div_title,
body.imperial-v3-theme .timmer_inner_block {
    overflow: hidden;
    isolation: isolate;
}

/* Grand Opening perimeter shooting-star.
   The moving tail and spark use a CSS motion path that follows the element's
   rectangular border. Nothing is drawn across the content area. */
body.imperial-v3-theme #timer_div_title {
    --imperial-timer-spark-duration: 5.83s;
    --imperial-timer-spark-tail: 72px;
}

body.imperial-v3-theme .timmer_inner_block {
    /* Active shot ~0.914s (1.4x faster than V29), then stay dark for 3s. */
    --imperial-timer-spark-duration: 3.914s;
    --imperial-timer-spark-tail: 58px;
}

body.imperial-v3-theme #timer_div_title::before,
body.imperial-v3-theme .timmer_inner_block::before {
    content: "" !important;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    display: block;
    width: var(--imperial-timer-spark-tail);
    height: 2px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(255,255,255,.03) 18%,
        rgba(255,255,255,.14) 44%,
        rgba(255,255,255,.42) 72%,
        rgba(255,255,255,.92) 94%,
        #ffffff 100%);
    box-shadow: 0 0 3px rgba(255,255,255,.22);
    opacity: .94;
    pointer-events: none;
    offset-path: inset(1px);
    offset-distance: 0%;
    offset-rotate: auto 0deg;
    offset-anchor: 100% 50%;
    will-change: offset-distance, opacity;
}

body.imperial-v3-theme #timer_div_title::after,
body.imperial-v3-theme .timmer_inner_block::after {
    content: "" !important;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border: 0;
    border-radius: 50%;
    background: radial-gradient(circle,
        #ffffff 0 22%,
        rgba(255,255,255,.95) 23% 38%,
        rgba(255,255,255,.40) 39% 62%,
        transparent 64%);
    box-shadow: 0 0 4px rgba(255,255,255,.48), 0 0 8px rgba(255,255,255,.16);
    opacity: .90;
    pointer-events: none;
    offset-path: inset(1px);
    offset-distance: 0%;
    offset-rotate: 0deg;
    offset-anchor: 50% 50%;
    will-change: offset-distance, opacity;
}
body.imperial-v3-theme .timmer_inner_block::before {
    height: 3px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(255,255,255,.04) 10%,
        rgba(255,255,255,.16) 22%,
        rgba(255,255,255,.34) 38%,
        rgba(255,255,255,.62) 58%,
        rgba(255,255,255,.96) 84%,
        #ffffff 100%);
    box-shadow: 0 0 4px rgba(255,255,255,.32), 0 0 9px rgba(255,255,255,.14);
}

body.imperial-v3-theme .timmer_inner_block::after {
    width: 6px;
    height: 6px;
    background: radial-gradient(circle,
        #ffffff 0 26%,
        rgba(255,255,255,.98) 27% 44%,
        rgba(255,255,255,.52) 45% 68%,
        transparent 70%);
    box-shadow: 0 0 5px rgba(255,255,255,.58), 0 0 11px rgba(255,255,255,.22);
}


/* V27: preserve the V22 long bright tail + large head, but fade only the
   tail while it turns a corner. The head remains on the border path, so the
   tail can never cut across/outside a corner. Time cards complete the same
   6.4s V22 orbit, then stay fully hidden for 2.5s before the next shot. */
body.imperial-v3-theme #timer_div_title::before {
    animation: imperial-title-tail-orbit var(--imperial-timer-spark-duration) linear infinite;
}

body.imperial-v3-theme #timer_div_title::after {
    animation: imperial-title-head-orbit var(--imperial-timer-spark-duration) linear infinite;
}

body.imperial-v3-theme .timmer_inner_block::before {
    animation: imperial-card-tail-shot var(--imperial-timer-spark-duration) linear infinite;
}

body.imperial-v3-theme .timmer_inner_block::after {
    animation: imperial-card-head-shot var(--imperial-timer-spark-duration) linear infinite;
}

body.imperial-v3-theme #timer_div_time {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 6;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: min(650px, 100%) !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 auto !important;
    color: #fff;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.imperial-v3-theme .timmer_inner_block {
    position: relative;
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 0;
    min-height: 82px;
    margin: 0;
    padding: 11px 10px 10px;
    border: 1px solid rgba(235, 241, 250, .34);
    border-radius: 0;
    background: rgba(10, 20, 37, .56);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09);
    backdrop-filter: none;
}

body.imperial-v3-theme .timmer_inner_block:last-child {
    border-right: 1px solid rgba(235, 241, 250, .34);
}

body.imperial-v3-theme #timer_div_time .timmer_inner_block .title {
    width: 100%;
    margin: 0 0 9px;
    padding: 0;
    color: rgba(232, 236, 244, .72);
    font-family: var(--imp-font-ui);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .14em;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
}

body.imperial-v3-theme #timer_div_time .timmer_inner_block .count {
    padding: 0;
    color: #ffffff;
    font-family: var(--imp-font-ui);
    font-size: clamp(31px, 3.15vw, 43px);
    font-weight: 800;
    line-height: .92;
    letter-spacing: -.025em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 2px 4px rgba(0, 0, 0, .48);
    font-variant-numeric: tabular-nums;
}

/* Title perimeter is very wide and shallow. Fade the straight tail around
   each corner so it visually "turns" with the head instead of cutting across. */
@keyframes imperial-title-tail-orbit {
    0%    { offset-distance: 0%; opacity: 0; }
    1.2%  { opacity: .94; }
    43.0% { opacity: .94; }
    45.2% { opacity: 0; }
    49.4% { offset-distance: 49.4%; opacity: 0; }
    51.0% { opacity: .94; }
    93.0% { opacity: .94; }
    95.2% { opacity: 0; }
    99.2% { offset-distance: 99.2%; opacity: 0; }
    100%  { offset-distance: 100%; opacity: 0; }
}

@keyframes imperial-title-head-orbit {
    0%   { offset-distance: 0%; opacity: .90; }
    100% { offset-distance: 100%; opacity: .90; }
}

/* Card active shot = first 23.36% of 3.914s (~0.914s), then a 3s pause.
   This is 1.4x faster than V29 while preserving the same quiet interval.
   Only the tail fades at the turn; the larger V22 head keeps tracing the edge. */
@keyframes imperial-card-tail-shot {
    0%     { offset-distance: 0%; opacity: 0; }
    0.39%  { opacity: .94; }

    6.87%  { opacity: .94; }
    7.50%  { opacity: 0; }
    8.75%  { opacity: 0; }
    9.21%  { opacity: .94; }

    11.09% { opacity: .94; }
    11.64% { opacity: 0; }
    12.81% { opacity: 0; }
    13.28% { opacity: .94; }

    18.74% { opacity: .94; }
    19.37% { opacity: 0; }
    20.62% { opacity: 0; }
    21.09% { opacity: .94; }

    22.02% { opacity: .94; }
    22.49% { opacity: 0; }
    23.36% { offset-distance: 100%; opacity: 0; }
    100%   { offset-distance: 100%; opacity: 0; }
}

@keyframes imperial-card-head-shot {
    0%     { offset-distance: 0%; opacity: 0; }
    0.31%  { opacity: .90; }
    22.80% { opacity: .90; }
    23.36% { offset-distance: 100%; opacity: 0; }
    100%   { offset-distance: 100%; opacity: 0; }
}

/* Hero content */
body.imperial-v3-theme .header {
    position: relative;
    z-index: 5;
    display: grid !important;
    grid-template-columns: minmax(430px, .78fr) 1.22fr;
    grid-template-rows: auto auto;
    align-content: center;
    align-items: center;
    width: min(1540px, calc(100% - 72px));
    height: 610px;
    margin: 0 auto;
    padding: 40px 0 94px;
}

body.imperial-v3-theme.imperial-inner .header {
    height: 500px;
    padding-top: 28px;
    padding-bottom: 74px;
}

body.imperial-v3-theme .logo {
    grid-column: 1;
    grid-row: 1;
    width: auto;
    margin: 0;
}

body.imperial-v3-theme .imperial-hero-brand {
    display: flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    color: #f3e4b8;
}

body.imperial-v3-theme .imperial-hero-brand:hover {
    color: #fff4cf;
}

body.imperial-v3-theme .imperial-hero-brand > img {
    display: block;
    width: 100px;
    height: 116px;
    max-width: none;
    margin-right: 20px;
    object-fit: contain;
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .38));
}

body.imperial-v3-theme .imperial-brand-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.imperial-v3-theme .imperial-brand-copy strong {
    color: #ecd36f;
    font-family: var(--imp-font-display);
    font-size: clamp(44px, 4.1vw, 68px);
    font-weight: 700;
    line-height: .95;
    letter-spacing: .10em;
    text-transform: uppercase;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .55);
}

body.imperial-v3-theme .imperial-brand-copy small {
    display: block;
    margin-top: 13px;
    padding-top: 10px;
    border-top: 1px solid rgba(230, 207, 148, .48);
    color: rgba(237, 240, 246, .78);
    font-family: var(--imp-font-ui);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .29em;
    text-align: center;
    text-transform: uppercase;
}

body.imperial-v3-theme .headerInfo {
    position: relative;
    grid-column: 1;
    grid-row: 2;
    width: auto;
    max-width: 580px;
    margin-top: 34px;
    padding-left: 24px;
    text-align: left;
}

body.imperial-v3-theme .headerInfo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 1px;
    width: 3px;
    background: linear-gradient(180deg, var(--imp-gold-300), var(--imp-gold-700));
    box-shadow: 0 0 16px rgba(217, 187, 115, .24);
}

body.imperial-v3-theme .imperial-hero-kicker {
    margin-bottom: 13px;
    color: #e5cd6f;
    font-family: var(--imp-font-ui);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .19em;
    text-transform: uppercase;
}

body.imperial-v3-theme .headerInfo-title {
    margin: 0 0 14px;
    color: #f7f4ed;
    font-family: var(--imp-font-display);
    font-size: clamp(35px, 3.3vw, 54px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: .015em;
    text-shadow: 0 4px 24px rgba(0, 0, 0, .58);
}

body.imperial-v3-theme .headerInfo-title span {
    color: #eacf60;
    font-weight: 600;
}

body.imperial-v3-theme .headerInfo-text {
    max-width: 510px;
    margin: 0 0 25px;
    color: rgba(238, 240, 244, .78);
    font-family: var(--imp-font-ui);
    font-size: 15px;
    line-height: 1.55;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .66);
}

body.imperial-v3-theme .headerInfo-button .button {
    min-width: 174px;
    min-height: 52px;
    justify-content: center;
    border-color: var(--imp-gold-line) !important;
    background: linear-gradient(180deg, #3a587f 0%, #213958 52%, #0c192b 100%) !important;
    color: #fff3d2 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(228,202,134,.24), 0 13px 30px rgba(0,0,0,.30) !important;
}

body.imperial-v3-theme .headerInfo-button .button:hover {
    border-color: var(--imp-gold-bright) !important;
    background: linear-gradient(180deg, #4a719b 0%, #315177 52%, #142943 100%) !important;
    color: #fff9e9 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), inset 0 -2px 0 rgba(245,228,181,.30), 0 0 0 1px rgba(245,228,181,.10), 0 15px 34px rgba(0,0,0,.32) !important;
    transform: translateY(-1px);
}

/* Main two-column composition */
body.imperial-v3-theme .main {
    position: relative;
    z-index: 12;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 28px;
    align-items: start;
    width: min(1480px, calc(100% - 48px));
    margin: -26px auto 0;
    padding: 0 0 74px;
    border: 0;
}

body.imperial-v3-theme.imperial-inner .main {
    margin-top: 18px;
}

body.imperial-v3-theme .news,
body.imperial-v3-theme .flame-content,
body.imperial-v3-theme .content {
    width: 100%;
    min-width: 0;
    margin: 0;
}

body.imperial-v3-theme .sidebar {
    width: 100%;
    min-width: 0;
}

body.imperial-v3-theme .news-title,
body.imperial-v3-theme .flame-page-title h1 {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 64px;
    margin: 0 0 18px;
    padding: 10px 0 14px 22px;
    color: #173d60;
    font-family: var(--imp-font-display);
    font-size: clamp(27px, 2.3vw, 38px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: .02em;
    text-transform: uppercase;
}

body.imperial-v3-theme .news-title::before,
body.imperial-v3-theme .flame-page-title h1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    background: linear-gradient(180deg, #f5df91 0%, #ddc45e 56%, #9b7e2c 100%);
    box-shadow: 0 0 10px rgba(217, 189, 120, .16);
}

body.imperial-v3-theme .news-title::after,
body.imperial-v3-theme .flame-page-title h1::after {
    content: "";
    position: absolute;
    left: 22px;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--imp-gold-bright) 0%, var(--imp-gold-line) 22%, rgba(239, 211, 112, .42) 58%, transparent 100%);
    box-shadow: 0 1px 8px rgba(222, 190, 112, .16);
}

body.imperial-v3-theme .news-title span {
    padding-left: 9px;
    color: var(--imp-gold-600);
}

/* Angular cards and ornamental corner lines */
body.imperial-v3-theme .newsBlock,
body.imperial-v3-theme .flame-page-content,
body.imperial-v3-theme .tabBlock,
body.imperial-v3-theme .flame-sidebar-box,
body.imperial-v3-theme .content,
body.imperial-v3-theme .news-block {
    position: relative;
    border: 1px solid rgba(138, 103, 45, .32);
    border-radius: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 247, 247, .97) 58%, rgba(231, 235, 236, .95)) !important;
    color: var(--imp-ink);
    box-shadow: 0 18px 45px rgba(35, 43, 60, .10), inset 0 1px 0 rgba(255, 255, 255, .88);
}

body.imperial-v3-theme .flame-page-content::before,
body.imperial-v3-theme .tabBlock::before,
body.imperial-v3-theme .content::before,
body.imperial-v3-theme .news-block::before {
    content: "";
    position: absolute;
    inset: 8px;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) left top / 32px 1px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) left top / 1px 32px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) right top / 32px 1px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) right top / 1px 32px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) left bottom / 32px 1px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) left bottom / 1px 32px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) right bottom / 32px 1px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) right bottom / 1px 32px no-repeat;
    opacity: .66;
}

body.imperial-v3-theme .flame-page-content > *,
body.imperial-v3-theme .tabBlock > *,
body.imperial-v3-theme .content > *,
body.imperial-v3-theme .news-block > * {
    position: relative;
    z-index: 1;
}

body.imperial-v3-theme .newsBlock {
    min-height: 260px;
    margin: 0 0 20px;
    padding: 34px 38px 32px;
    overflow: hidden;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(250, 247, 240, .96) 66%, rgba(233, 226, 211, .90) 100%) !important;
    background-size: 100% 100% !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

body.imperial-v3-theme .newsBlock::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, var(--imp-gold-300), var(--imp-gold-700));
}

body.imperial-v3-theme .newsBlock::after {
    content: "I";
    position: absolute;
    right: 26px;
    bottom: -34px;
    color: rgba(145, 108, 46, .055);
    font-family: var(--imp-font-display);
    font-size: 190px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

body.imperial-v3-theme .newsBlock:hover {
    border-color: rgba(138, 103, 45, .32);
    box-shadow: 0 18px 45px rgba(35, 43, 60, .10), inset 0 1px 0 rgba(255, 255, 255, .88);
    transform: none;
}

body.imperial-v3-theme .newsBlock-title {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    margin-bottom: 16px;
}

body.imperial-v3-theme .newsBlock-title a,
body.imperial-v3-theme .newsBlockSmall .newsBlock-title a {
    color: var(--imp-navy-900);
    text-decoration: none;
    font-family: var(--imp-font-display);
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 600;
    line-height: 1.28;
}

body.imperial-v3-theme .newsBlock-title a:hover,
body.imperial-v3-theme .newsBlock-title a:focus {
    color: var(--imp-link-blue-hover);
    text-decoration: none;
}

body.imperial-v3-theme .newsBlock-text {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    color: #596273;
    font-family: var(--imp-font-ui);
    font-size: 15px;
    line-height: 1.65;
}

body.imperial-v3-theme .newsBlockFlex {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    width: 100%;
    margin: 0;
    border-radius: 0;
}

body.imperial-v3-theme .newsBlockFlex .newsBlock {
    min-height: 235px;
    margin: 0;
    padding: 28px 30px;
}

body.imperial-v3-theme .newsBlockFlex .newsBlock-text {
    font-size: 14px;
}

/* Buttons */
body.imperial-v3-theme .button,
body.imperial-v3-theme .btn,
body.imperial-v3-theme .btn-primary,
body.imperial-v3-theme input[type='submit'],
body.imperial-v3-theme input[type='button'] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 19px;
    border: 1px solid rgba(224, 197, 128, .82) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #273c5d 0%, #162741 50%, #081321 100%) !important;
    color: #f5e7c1 !important;
    font-family: var(--imp-font-ui);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: .07em;
    text-decoration: none !important;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -2px 0 rgba(218,187,112,.20), 0 8px 20px rgba(5,12,23,.20) !important;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

body.imperial-v3-theme .button:hover,
body.imperial-v3-theme .btn:hover,
body.imperial-v3-theme .btn-primary:hover,
body.imperial-v3-theme input[type='submit']:hover,
body.imperial-v3-theme input[type='button']:hover {
    border-color: #f0d99a !important;
    background: linear-gradient(180deg, #3a5c86 0%, #284468 50%, #10213a 100%) !important;
    color: #fff7df !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -2px 0 rgba(240,217,154,.26), 0 0 0 1px rgba(240,217,154,.10), 0 11px 25px rgba(5,12,23,.25) !important;
    transform: translateY(-1px);
}

body.imperial-v3-theme .button-white {
    border-color: rgba(142, 103, 42, .55) !important;
    background: rgba(255, 255, 255, .40) !important;
    color: var(--imp-navy-900) !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .button-white:hover {
    background: rgba(225, 210, 177, .45) !important;
    color: var(--imp-navy-950) !important;
}

/* Sidebar */
body.imperial-v3-theme .top {
    margin-bottom: 25px;
}

body.imperial-v3-theme .tabs-button {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    border: 1px solid rgba(180, 143, 73, .38);
    border-bottom: 0;
    background: #07101f;
}

body.imperial-v3-theme .tabs-button li {
    width: auto;
    height: 58px;
    margin: 0;
    border: 0;
    border-right: 1px solid rgba(220, 191, 121, .15);
    border-radius: 0;
    background: linear-gradient(180deg, rgba(24, 40, 66, .96), rgba(7, 16, 30, .98));
    color: rgba(232, 236, 244, .64);
    font-family: var(--imp-font-ui);
    font-size: 10px;
    font-weight: 800;
    line-height: 58px;
    letter-spacing: .09em;
    text-transform: uppercase;
    box-shadow: none;
}

body.imperial-v3-theme .tabs-button li:last-child {
    border-right: 0;
}

body.imperial-v3-theme .tabs-button li.active,
body.imperial-v3-theme .tabs-button li:hover {
    border-color: rgba(240, 217, 154, .72);
    background: linear-gradient(180deg, #304a70 0%, #1b2f4d 50%, #0a1627 100%);
    color: #fff0c4;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), inset 0 -2px 0 rgba(240,217,154,.28);
}

body.imperial-v3-theme .tabs-button li::after {
    display: none;
}

body.imperial-v3-theme .tabBlock {
    padding: 26px 26px 28px;
    overflow: visible;
}

body.imperial-v3-theme .tabContent {
    border-radius: 0;
}

body.imperial-v3-theme .flame-sidebar-timebox {
    margin: 0 0 18px;
    padding: 14px 12px;
    border: 1px solid rgba(146, 106, 41, .25);
    border-radius: 0;
    background: rgba(229, 221, 205, .45);
    box-shadow: none;
}

body.imperial-v3-theme .flame-sidebar-timebox::before {
    background: linear-gradient(90deg, transparent, var(--imp-gold-600), transparent);
    opacity: .55;
}

body.imperial-v3-theme .flame-sidebar-timebox-item span {
    color: #7b7467;
    font-size: 9px;
    letter-spacing: .10em;
}

body.imperial-v3-theme .flame-sidebar-timebox-item strong {
    color: var(--imp-navy-900);
    font-family: var(--imp-font-display);
    font-size: 20px;
}

body.imperial-v3-theme .flame-sidebar-timebox-separator {
    background: rgba(151, 112, 49, .28);
}

body.imperial-v3-theme #events .event-row,
body.imperial-v3-theme #events > div,
body.imperial-v3-theme .table-row {
    border-bottom-color: rgba(102, 112, 133, .14);
    color: #5d6676;
}

body.imperial-v3-theme #events a,
body.imperial-v3-theme #events span,
body.imperial-v3-theme #events small {
    color: #4d5667;
}

body.imperial-v3-theme .table-td,
body.imperial-v3-theme .table-td a,
body.imperial-v3-theme .table-row-top .table-td,
body.imperial-v3-theme .table-row-top .table-td a {
    color: #515b6d;
}

body.imperial-v3-theme .table-td.number,
body.imperial-v3-theme .table-td.points {
    border-color: rgba(100, 110, 130, .13);
}

body.imperial-v3-theme .table-td.number span {
    border-radius: 0;
}

body.imperial-v3-theme .sidebar iframe {
    border: 1px solid rgba(141, 105, 46, .35) !important;
    border-radius: 0 !important;
    box-shadow: 0 15px 34px rgba(33, 42, 59, .10);
}

/* Inner pages, forms and tables */
body.imperial-v3-theme .flame-page-content,
body.imperial-v3-theme .content,
body.imperial-v3-theme .news-block {
    width: 100%;
    padding: 34px;
    font-family: var(--imp-font-ui);
    line-height: 1.58;
}

body.imperial-v3-theme .flame-page-content .title,
body.imperial-v3-theme .flame-page-content h2,
body.imperial-v3-theme .flame-page-content h3 {
    color: var(--imp-navy-900);
}

body.imperial-v3-theme .flame-sidebar-box {
    padding: 20px;
}

body.imperial-v3-theme .flame-sidebar-box-items a,
body.imperial-v3-theme .login_form a,
body.imperial-v3-theme .registration_form a,
body.imperial-v3-theme .additional-links a {
    color: var(--imp-link-blue);
}

body.imperial-v3-theme input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.imperial-v3-theme textarea,
body.imperial-v3-theme select,
body.imperial-v3-theme .form-control {
    width: 100%;
    min-height: 46px;
    padding: 11px 14px;
    border: 1px solid rgba(108, 84, 43, .33) !important;
    border-radius: 0 !important;
    background-color: rgba(255, 255, 255, .72) !important;
    background-image: none;
    color: #1b2638 !important;
    font-family: var(--imp-font-ui);
    font-size: 14px;
    line-height: 1.35;
    box-shadow: inset 0 1px 2px rgba(21, 30, 46, .055) !important;
}

body.imperial-v3-theme select,
body.imperial-v3-theme select.form-control {
    padding-right: 42px;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--imp-gold-700) 50%),
        linear-gradient(135deg, var(--imp-gold-700) 50%, transparent 50%) !important;
    background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}

body.imperial-v3-theme input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
body.imperial-v3-theme textarea:focus,
body.imperial-v3-theme select:focus,
body.imperial-v3-theme .form-control:focus {
    border-color: var(--imp-gold-600) !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(179, 137, 59, .10), inset 0 1px 2px rgba(21, 30, 46, .04) !important;
    outline: none;
}

body.imperial-v3-theme input::placeholder,
body.imperial-v3-theme textarea::placeholder {
    color: #939aaa;
}

body.imperial-v3-theme label,
body.imperial-v3-theme .control-label,
body.imperial-v3-theme .formGroup p {
    color: #303b4d;
    font-family: var(--imp-font-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
}

body.imperial-v3-theme .flame-modern-form {
    border-radius: 0;
}

body.imperial-v3-theme [id^="warn-info"] {
    border: 1px solid #d4dee8;
    border-radius: 0 !important;
    background: #f5f9fd !important;
    color: #40556d !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .additional-links {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .checkmark {
    border: 1px solid rgba(142, 105, 45, .55);
    border-radius: 0;
    background: #fff;
}

body.imperial-v3-theme .checkbox-container input:checked ~ .checkmark {
    background: var(--imp-navy-800);
}

body.imperial-v3-theme .nav-pills .nav-link,
body.imperial-v3-theme .nav-tabs .nav-link,
body.imperial-v3-theme [id^="rankings_select_"] a {
    margin: 3px;
    border: 1px solid rgba(218, 188, 116, .66);
    border-radius: 0 !important;
    background: linear-gradient(180deg, #243754 0%, #14253e 52%, #081321 100%);
    color: #f1e1a2;
    font-size: 12px;
    font-weight: 750;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.075), inset 0 -2px 0 rgba(218,187,112,.14);
}

body.imperial-v3-theme .nav-pills .nav-link:hover,
body.imperial-v3-theme .nav-pills .nav-link:focus,
body.imperial-v3-theme .nav-tabs .nav-link:hover,
body.imperial-v3-theme .nav-tabs .nav-link:focus,
body.imperial-v3-theme [id^="rankings_select_"] a:hover,
body.imperial-v3-theme [id^="rankings_select_"] a:focus {
    border-color: #f0d99a;
    background: linear-gradient(180deg, #36577f 0%, #244263 52%, #10213a 100%);
    color: #fff5d8;
}

body.imperial-v3-theme .nav-pills .nav-link.active,
body.imperial-v3-theme .nav-pills .show > .nav-link,
body.imperial-v3-theme .nav-tabs .nav-link.active {
    border-color: var(--imp-gold-600);
    background: var(--imp-navy-800);
    color: #f4e5bd;
}

body.imperial-v3-theme table,
body.imperial-v3-theme .add_to_card,
body.imperial-v3-theme .flame-account-table,
body.imperial-v3-theme .flame-legacy-rankings-table,
body.imperial-v3-theme .flame-profile-modern-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0 !important;
    background: transparent;
    color: #3a4558;
    box-shadow: none;
}

body.imperial-v3-theme .add_to_card,
body.imperial-v3-theme .flame-account-table,
body.imperial-v3-theme .flame-legacy-rankings-table,
body.imperial-v3-theme .flame-profile-modern-table,
body.imperial-v3-theme .ranking-table {
    border: 1px solid rgba(127, 99, 50, .26);
}

body.imperial-v3-theme table th,
body.imperial-v3-theme .add_to_card th,
body.imperial-v3-theme .flame-account-table th,
body.imperial-v3-theme .flame-legacy-rankings-table th,
body.imperial-v3-theme .flame-profile-modern-table th {
    padding: 13px 14px !important;
    border: 0 !important;
    border-right: 1px solid rgba(219, 191, 125, .12) !important;
    border-bottom: 1px solid rgba(229, 203, 138, .48) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(213, 178, 95, .055), transparent 55%),
        linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    color: #f0dc87 !important;
    font-family: var(--imp-font-ui);
    font-size: 11px;
    font-weight: 800 !important;
    letter-spacing: .055em;
    text-transform: uppercase;
    text-shadow: none !important;
}

body.imperial-v3-theme table td,
body.imperial-v3-theme .add_to_card td,
body.imperial-v3-theme .flame-account-table td,
body.imperial-v3-theme .flame-legacy-rankings-table td,
body.imperial-v3-theme .flame-profile-modern-table td {
    padding: 12px 14px !important;
    border: 0 !important;
    border-right: 1px solid rgba(101, 112, 133, .09) !important;
    border-bottom: 1px solid rgba(101, 112, 133, .11) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .46) !important;
    color: #3b4658 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme table tbody tr:nth-child(even) td,
body.imperial-v3-theme .table-striped > tbody > tr:nth-of-type(even) td {
    background: rgba(255, 255, 255, .46) !important;
}

body.imperial-v3-theme table tbody tr:hover td {
    background: rgba(255, 255, 255, .46) !important;
}

body.imperial-v3-theme table td a {
    color: var(--imp-link-blue) !important;
}

body.imperial-v3-theme .dropdown-menu,
body.imperial-v3-theme .flame-custom-select-options,
body.imperial-v3-theme .ref-reward-dropdown-content {
    border: 1px solid rgba(190, 169, 105, .40) !important;
    border-radius: 0 !important;
    background: #fcfaf5 !important;
    color: var(--imp-ink) !important;
    box-shadow: 0 18px 38px rgba(30, 39, 57, .18) !important;
}

body.imperial-v3-theme .dropdown-menu a,
body.imperial-v3-theme .flame-custom-select-option,
body.imperial-v3-theme .ref-reward-dropdown-content a {
    color: #334055 !important;
}

body.imperial-v3-theme .dropdown-menu a:hover,
body.imperial-v3-theme .flame-custom-select-option:hover,
body.imperial-v3-theme .flame-custom-select-option.is-selected,
body.imperial-v3-theme .ref-reward-dropdown-content a:hover {
    background: rgba(230, 213, 160, .24) !important;
    color: var(--imp-navy-950) !important;
}

/* Alerts, AJAX exception and validation */
body.imperial-v3-theme .alert,
body.imperial-v3-theme .alert-info,
body.imperial-v3-theme .alert-success,
body.imperial-v3-theme .alert-warning,
body.imperial-v3-theme .alert-danger {
    position: relative;
    padding: 15px 18px 15px 22px;
    border: 1px solid rgba(140, 104, 45, .31);
    border-left: 4px solid var(--imp-gold-600);
    border-radius: 0;
    background: rgba(255, 253, 247, .88);
    color: #344054;
    box-shadow: 0 11px 25px rgba(37, 46, 63, .08);
}

body.imperial-v3-theme .alert-success {
    border-left-color: var(--imp-success);
}

body.imperial-v3-theme .alert-danger,
body.imperial-v3-theme .alert-error {
    border-left-color: var(--imp-danger);
}

body.imperial-v3-theme #exception {
    min-height: 44px;
    padding: 10px 54px 10px 18px;
    border-bottom: 2px solid #dfc054;
    background: linear-gradient(90deg, #621e24, #8e3034 52%, #621e24);
    color: #fff7ea;
    font-family: var(--imp-font-ui);
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    box-shadow: 0 12px 30px rgba(31, 7, 10, .25);
}

body.imperial-v3-theme .formError .formErrorContent {
    padding: 10px 13px !important;
    border: 1px solid rgba(236, 190, 150, .48) !important;
    border-left: 4px solid #d36a61 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #7c2d31, #4d171e) !important;
    color: #fff7ef !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    box-shadow: 0 14px 28px rgba(38, 8, 12, .30) !important;
}

body.imperial-v3-theme .formError.greenPopup .formErrorContent {
    border-left-color: #6fb58b !important;
    background: linear-gradient(180deg, #276044, #153826) !important;
}

body.imperial-v3-theme .formError.blackPopup .formErrorContent {
    border-left-color: var(--imp-gold-500) !important;
    background: linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
}

/* Main notifications */
body.imperial-v3-theme #notifier-box {
    top: 24px;
    right: 24px;
    width: min(430px, calc(100vw - 32px));
}

body.imperial-v3-theme #notifier-box .message-box,
body.imperial-v3-theme div.message-box {
    min-height: 84px;
    border: 1px solid rgba(138, 103, 45, .38) !important;
    border-radius: 0 !important;
    background: #fbf8f0 !important;
    color: #344054 !important;
    text-shadow: none !important;
    box-shadow: 0 18px 44px rgba(25, 34, 52, .22) !important;
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
}

body.imperial-v3-theme #notifier-box .message-box::before,
body.imperial-v3-theme div.message-box::before {
    width: 4px;
    border-radius: 0;
    background: linear-gradient(180deg, var(--imp-gold-300), var(--imp-gold-700));
    box-shadow: none;
}

body.imperial-v3-theme #notifier-box .message-box div.success,
body.imperial-v3-theme #notifier-box .message-box div.error,
body.imperial-v3-theme div.message-box div.success,
body.imperial-v3-theme div.message-box div.error {
    min-height: 48px;
    padding-left: 21px;
    background: linear-gradient(90deg, #244f3b, #4d8b68) !important;
    color: #f8fff9 !important;
    font-size: 14px;
    letter-spacing: .08em;
    text-shadow: none !important;
}

body.imperial-v3-theme #notifier-box .message-box div.error,
body.imperial-v3-theme div.message-box div.error {
    background: linear-gradient(90deg, #6f2429, #a34543) !important;
}

body.imperial-v3-theme #notifier-box .message-box div.message-body,
body.imperial-v3-theme div.message-box div.message-body {
    padding: 15px 20px 17px 22px;
    color: #445064 !important;
    font-size: 14px;
    text-shadow: none !important;
}

body.imperial-v3-theme #notifier-box .message-box a.message-close,
body.imperial-v3-theme div.message-box a.message-close {
    border-radius: 0;
    transition: none !important;
    animation: none !important;
    transform-origin: center center !important;
    box-shadow: none !important;
}

body.imperial-v3-theme #notifier-box .message-box a.message-close::before,
body.imperial-v3-theme #notifier-box .message-box a.message-close::after,
body.imperial-v3-theme div.message-box a.message-close::before,
body.imperial-v3-theme div.message-box a.message-close::after {
    height: 2px;
    border-radius: 0;
}

/* Popups and dialogs */
body.imperial-v3-theme #overlay,
body.imperial-v3-theme #lean_overlay,
body.imperial-v3-theme .ui-widget-overlay,
body.imperial-v3-theme .account-announcement-overlay {
    background: rgba(3, 7, 14, .82) !important;
    backdrop-filter: blur(3px);
    opacity: 1 !important;
}

body.imperial-v3-theme .modal_div,
body.imperial-v3-theme #enter.modal_div,
body.imperial-v3-theme #select_server,
body.imperial-v3-theme #buy_windows,
body.imperial-v3-theme #add_to_card_windows,
body.imperial-v3-theme #auction_bet,
body.imperial-v3-theme .ui-dialog,
body.imperial-v3-theme .account-announcement-popup {
    border: 1px solid rgba(221, 190, 116, .56) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .025), transparent 36%),
        linear-gradient(180deg, #172944, #07111f) !important;
    color: #e8ebf1 !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

body.imperial-v3-theme #enter.modal_div {
    width: min(580px, calc(100vw - 28px)) !important;
    max-width: min(580px, calc(100vw - 28px)) !important;
    padding: 0 !important;
}

body.imperial-v3-theme #enter.modal_div .modalContent {
    padding: 30px 34px 34px !important;
    background: transparent !important;
}

body.imperial-v3-theme .modal-title,
body.imperial-v3-theme #enter.modal_div .modal-title,
body.imperial-v3-theme .modal-header,
body.imperial-v3-theme .modal-header2,
body.imperial-v3-theme .account-announcement-head {
    min-height: 66px;
    margin: 0 !important;
    padding: 17px 64px 17px 24px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(221, 190, 116, .44) !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, #172944, #07111f) !important;
    box-shadow: inset 0 -2px 0 rgba(185, 139, 52, .32) !important;
}

body.imperial-v3-theme #enter.modal_div .modal-title {
    padding: 0 0 17px !important;
    margin-bottom: 24px !important;
    background: transparent !important;
}

body.imperial-v3-theme .modal-title span,
body.imperial-v3-theme #enter.modal_div .modal-title span,
body.imperial-v3-theme .modal-header h2,
body.imperial-v3-theme .modal-header2 h2,
body.imperial-v3-theme .account-announcement-title {
    color: #f1dfad !important;
    font-family: var(--imp-font-display) !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: .04em !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

body.imperial-v3-theme #enter.modal_div input[type="text"],
body.imperial-v3-theme #enter.modal_div input[type="password"],
body.imperial-v3-theme #select_server select,
body.imperial-v3-theme #select_server .flame-server-select-toggle {
    border-color: rgba(219, 190, 119, .34) !important;
    background: rgba(3, 9, 18, .68) !important;
    color: #f4f1e9 !important;
}

body.imperial-v3-theme #enter.modal_div .formGroup p,
body.imperial-v3-theme #enter.modal_div .lost-pass,
body.imperial-v3-theme .account-announcement-body {
    color: rgba(229, 233, 241, .74) !important;
}

body.imperial-v3-theme #select_server > div:not(.modal-header):not(.modal-header2) {
    padding: 22px !important;
    background: transparent !important;
}

body.imperial-v3-theme #select_server .flame-server-select-menu {
    border: 1px solid rgba(221, 190, 116, .34) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .48) !important;
}

body.imperial-v3-theme #select_server .flame-server-select-option {
    border-radius: 0 !important;
    color: #e6eaf1 !important;
}

body.imperial-v3-theme #select_server .flame-server-select-option:hover,
body.imperial-v3-theme #select_server .flame-server-select-option.is-selected {
    background: linear-gradient(90deg, rgba(194, 153, 73, .22), rgba(15, 28, 49, .20)) !important;
    color: #f2dea8 !important;
    box-shadow: inset 3px 0 0 var(--imp-gold-500) !important;
}

body.imperial-v3-theme .modal_close,
body.imperial-v3-theme #enter.modal_div .modal_close,
body.imperial-v3-theme #select_server .close,
body.imperial-v3-theme .ui-dialog-titlebar-close,
body.imperial-v3-theme .account-announcement-close {
    position: absolute !important;
    top: 15px !important;
    right: 17px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(224, 196, 127, .48) !important;
    border-radius: 0 !important;
    background: rgba(4, 10, 19, .52) !important;
    color: #efe0b7 !important;
    box-shadow: none !important;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    opacity: 1 !important;
    transform: none !important;
}

body.imperial-v3-theme #enter.modal_div .modal_close::before,
body.imperial-v3-theme #enter.modal_div .modal_close::after,
body.imperial-v3-theme #select_server .close::before,
body.imperial-v3-theme #select_server .close::after,
body.imperial-v3-theme .ui-dialog-titlebar-close::before,
body.imperial-v3-theme .ui-dialog-titlebar-close::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: 16px !important;
    height: 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f0dc87 !important;
    box-shadow: none !important;
}

body.imperial-v3-theme #enter.modal_div .modal_close::before,
body.imperial-v3-theme #select_server .close::before,
body.imperial-v3-theme .ui-dialog-titlebar-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.imperial-v3-theme #enter.modal_div .modal_close::after,
body.imperial-v3-theme #select_server .close::after,
body.imperial-v3-theme .ui-dialog-titlebar-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

body.imperial-v3-theme .modal_close:hover,
body.imperial-v3-theme #select_server .close:hover,
body.imperial-v3-theme .ui-dialog-titlebar-close:hover,
body.imperial-v3-theme .account-announcement-close:hover {
    border-color: var(--imp-gold-300) !important;
    background: rgba(188, 145, 66, .20) !important;
}

body.imperial-v3-theme .account-announcement-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

body.imperial-v3-theme .account-announcement-popup {
    position: relative;
    width: 100%;
    max-width: 560px;
    overflow: hidden;
}

body.imperial-v3-theme .account-announcement-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.imperial-v3-theme .account-announcement-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.65;
}

body.imperial-v3-theme .account-announcement-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 24px 24px;
}

body.imperial-v3-theme .account-announcement-btn,
body.imperial-v3-theme .account-announcement-link {
    min-height: 43px;
    padding: 10px 17px;
    border: 1px solid var(--imp-gold-600);
    border-radius: 0;
    background: linear-gradient(180deg, #172944, #07111f);
    color: #f2e2b7 !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
}

body.imperial-v3-theme .account-announcement-btn-secondary {
    border-color: rgba(229, 233, 241, .25);
    background: rgba(2, 7, 14, .44);
}

/* Footer */
body.imperial-v3-theme .footer {
    position: relative;
    display: grid;
    grid-template-columns: minmax(320px, 1.1fr) 1fr auto;
    gap: 48px;
    width: 100%;
    margin: 0;
    padding: 64px max(32px, calc((100vw - 1480px) / 2));
    border-top: 1px solid rgba(216, 184, 109, .46);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .025), transparent 28% 72%, rgba(255, 255, 255, .02)),
        linear-gradient(180deg, #101d33, #050a13);
    color: rgba(220, 225, 234, .60);
}

body.imperial-v3-theme .footer::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -2px;
    width: min(860px, 70vw);
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--imp-gold-600), var(--imp-gold-300), var(--imp-gold-600), transparent);
    transform: translateX(-50%);
}

body.imperial-v3-theme .footerInfo,
body.imperial-v3-theme .footerMenu,
body.imperial-v3-theme .footerRight {
    width: auto;
}

body.imperial-v3-theme .footerInfo-title {
    color: #ead478;
    font-family: var(--imp-font-display);
    font-size: 16px;
    letter-spacing: .05em;
}

body.imperial-v3-theme .footerInfo-text {
    max-width: 620px;
    color: rgba(210, 216, 226, .49);
    font-family: var(--imp-font-ui);
    font-size: 10px;
    line-height: 1.65;
}

body.imperial-v3-theme .footerInfo-buttons a,
body.imperial-v3-theme .footerMenu a {
    color: rgba(224, 229, 237, .64);
    font-family: var(--imp-font-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.imperial-v3-theme .footerInfo-buttons a:hover,
body.imperial-v3-theme .footerMenu a:hover {
    color: #ffffff;
}

body.imperial-v3-theme .footerMenu {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
}

body.imperial-v3-theme .footerMenu ul {
    padding: 0;
}

body.imperial-v3-theme .footerMenu ul li {
    padding: 7px 0;
}

body.imperial-v3-theme .socBlock {
    padding: 0;
    border: 0;
}

body.imperial-v3-theme .socBlock a {
    width: 46px;
    height: 46px;
    margin: 0 0 0 8px;
    border: 1px solid rgba(221, 190, 116, .38);
    border-radius: 0;
    background-color: rgba(255, 255, 255, .025);
    clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
}

/* Mobile navigation */
body.imperial-v3-theme .btn-mobile {
    display: none;
}

@media (max-width: 1260px) {
    body.imperial-v3-theme .topPanel {
        width: calc(100% - 28px);
        padding-left: 12px;
        padding-right: 12px;
    }

    body.imperial-v3-theme .imperial-nav-brand {
        flex-basis: 158px;
    }

    body.imperial-v3-theme .imperial-nav-brand strong {
        font-size: 15px;
    }

    body.imperial-v3-theme .imperial-nav-brand small {
        letter-spacing: .22em;
    }

    body.imperial-v3-theme .menu__link {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 12.5px;
    }

    body.imperial-v3-theme .online-flex {
        width: 82px;
        padding-left: 8px;
        padding-right: 8px;
    }

    body.imperial-v3-theme .main {
        grid-template-columns: minmax(0, 1fr) 340px;
        gap: 24px;
    }
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .imperial-hero-stage,
    body.imperial-v3-theme.imperial-inner .imperial-hero-stage {
        min-height: 850px;
    }

    body.imperial-v3-theme .topPanel {
        width: 100%;
        height: 78px;
        padding: 0 17px;
        border-left: 0;
        border-right: 0;
        clip-path: none;
    }

    body.imperial-v3-theme .imperial-nav-brand {
        flex-basis: auto;
        margin-left: 50px;
    }

    body.imperial-v3-theme .topPanel-left {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 120000;
        display: block;
        width: min(340px, 88vw);
        height: 100vh;
        height: 100dvh;
        max-height: 100dvh;
        padding: 92px 24px 30px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        border-right: 1px solid rgba(221, 190, 116, .40);
        background:
            linear-gradient(90deg, rgba(255, 255, 255, .035), transparent 24% 76%, rgba(255, 255, 255, .025)),
            linear-gradient(180deg, rgba(5, 11, 22, .98), rgba(8, 17, 32, .96));
        box-shadow: 18px 0 44px rgba(1, 5, 13, .34), inset 0 -1px 0 rgba(255, 255, 255, .035);
        transform: translateX(calc(-100% - 18px));
        visibility: hidden;
        pointer-events: none;
        transition: transform .24s ease, visibility 0s linear .24s;
    }

    body.imperial-v3-theme .topPanel-left::before {
        content: "Imperial Navigation";
        position: absolute;
        left: 82px;
        top: 35px;
        color: #ead175;
        font-family: var(--imp-font-display);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    body.imperial-v3-theme .topPanel-left.active {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
        transition: transform .24s ease, visibility 0s;
    }

    body.imperial-v3-theme .menu-wrapper {
        display: none !important;
    }

    body.imperial-v3-theme .mobile-menu {
        display: block;
        width: 100%;
        padding: 0;
    }

    body.imperial-v3-theme .mobile-menu > ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body.imperial-v3-theme .mobile-menu li {
        padding: 0;
        border-bottom: 1px solid rgba(220, 191, 121, .13);
    }

    body.imperial-v3-theme .mobile-menu li a {
        position: relative;
        display: block;
        padding: 17px 13px 16px 20px;
        color: rgba(234, 238, 245, .80);
        font-family: var(--imp-font-ui);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    body.imperial-v3-theme .mobile-menu li a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 6px;
        height: 6px;
        border: 1px solid var(--imp-gold-500);
        transform: translateY(-50%) rotate(45deg);
    }

    body.imperial-v3-theme .mobile-menu li a:hover {
        color: #f3e0aa;
        background: rgba(211, 174, 95, .08);
    }

    body.imperial-v3-theme .btn-mobile {
        position: fixed;
        left: 17px;
        top: 31px;
        z-index: 120010;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%);
        width: 42px;
        height: 42px;
        padding: 0 10px;
        border: 1px solid rgba(221, 190, 116, .46);
        background: rgba(5, 12, 23, .86);
        clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
    }

    body.imperial-v3-theme .btn-mobile span {
        width: 20px;
        height: 2px;
        margin: 3px 0;
        border-radius: 0;
        background: #efd982;
    }

    body.imperial-v3-theme .btn-mobile.active {
        left: 17px;
    }

    body.imperial-v3-theme .btn-mobile.active span:nth-child(1) {
        top: 4px;
    }

    body.imperial-v3-theme .btn-mobile.active span:nth-child(3) {
        bottom: 4px;
    }

    body.imperial-v3-theme .topPanel-right {
        width: auto;
        height: 78px;
        margin-left: auto;
    }

    body.imperial-v3-theme .online {
        position: absolute;
        left: 0;
        right: 0;
        top: 78px;
        justify-content: center;
        width: 100%;
        height: 58px;
        margin: 0;
        border: 0;
        border-top: 1px solid rgba(221, 190, 116, .17);
        border-bottom: 1px solid rgba(221, 190, 116, .27);
        background: rgba(5, 12, 23, .88);
    }

    body.imperial-v3-theme .online-flex {
        width: 132px;
        height: 58px;
        border-left: 1px solid rgba(220, 191, 121, .11);
    }

    body.imperial-v3-theme .imperial-opening-countdown {
        left: 50%;
        top: 154px;
        width: min(720px, calc(100% - 46px));
    }

    body.imperial-v3-theme .header,
    body.imperial-v3-theme.imperial-inner .header {
        grid-template-columns: minmax(390px, .9fr) 1.1fr;
        width: calc(100% - 46px);
        height: 570px;
        padding-bottom: 75px;
    }

    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 63% 50%;
    }

    body.imperial-v3-theme .main {
        grid-template-columns: minmax(0, 1fr);
        width: min(900px, calc(100% - 34px));
        margin-top: -34px;
    }

    body.imperial-v3-theme .sidebar {
        width: 100%;
    }

    body.imperial-v3-theme .footer {
        grid-template-columns: 1fr 1fr;
    }

    body.imperial-v3-theme .footerRight {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    body.imperial-v3-theme {
        font-size: 15px;
    }

    body.imperial-v3-theme .imperial-hero-stage,
    body.imperial-v3-theme.imperial-inner .imperial-hero-stage {
        min-height: 820px;
    }

    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 73% 50%;
    }

    body.imperial-v3-theme .imperial-hero-backdrop::before {
        background:
            linear-gradient(180deg, rgba(3, 8, 16, .70) 0%, rgba(4, 10, 20, .30) 28%, rgba(4, 10, 20, .52) 63%, rgba(4, 9, 18, .92) 100%),
            linear-gradient(90deg, rgba(4, 10, 20, .66), rgba(4, 10, 20, .12) 65%, rgba(4, 10, 20, .18));
    }

    body.imperial-v3-theme .topPanel {
        height: 72px;
        padding-left: 13px;
        padding-right: 13px;
    }

    body.imperial-v3-theme .imperial-nav-brand {
        margin-left: 47px;
        gap: 7px;
    }

    body.imperial-v3-theme .imperial-nav-brand img {
        width: 38px;
        height: 48px;
    }

    body.imperial-v3-theme .imperial-nav-brand strong {
        font-size: 13px;
    }

    body.imperial-v3-theme .imperial-nav-brand small {
        margin-top: 4px;
        font-size: 6.5px;
    }

    body.imperial-v3-theme .btn-mobile {
        top: 29px;
    }

    body.imperial-v3-theme .topPanel-right {
        height: 72px;
    }

    body.imperial-v3-theme .topPanel-right .user-enter {
        width: 42px;
        min-width: 42px;
        min-height: 42px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        color: transparent;
        font-size: 0;
    }

    body.imperial-v3-theme .topPanel-right .user-enter .icon-enter {
        margin: 0;
    }

    body.imperial-v3-theme .online {
        top: 72px;
        height: 54px;
    }

    body.imperial-v3-theme .online-flex {
        width: 122px;
        height: 54px;
    }

    body.imperial-v3-theme .online-flex::before {
        top: 13px;
    }

    body.imperial-v3-theme .imperial-opening-countdown {
        top: 132px;
        width: calc(100% - 30px);
    }

    body.imperial-v3-theme #timer_div_title {
        min-height: 44px;
        margin-bottom: 8px !important;
        padding: 11px 12px 10px;
        font-size: clamp(14px, 4.6vw, 18px) !important;
        letter-spacing: .08em;
    }

    body.imperial-v3-theme #timer_div_time {
        gap: 6px;
        width: 100% !important;
    }

    body.imperial-v3-theme .timmer_inner_block {
        min-height: 68px;
        padding: 9px 6px 8px;
    }

    body.imperial-v3-theme #timer_div_time .timmer_inner_block .title {
        margin-bottom: 7px;
        font-size: 8px;
        letter-spacing: .11em;
    }

    body.imperial-v3-theme #timer_div_time .timmer_inner_block .count {
        font-size: clamp(23px, 6.5vw, 32px);
    }

    body.imperial-v3-theme .header,
    body.imperial-v3-theme.imperial-inner .header {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        width: calc(100% - 30px);
        height: 555px;
        padding: 120px 0 82px;
        text-align: center;
    }

    body.imperial-v3-theme .logo {
        width: 100%;
    }

    body.imperial-v3-theme .imperial-hero-brand {
        justify-content: center;
        width: 100%;
    }

    body.imperial-v3-theme .imperial-hero-brand > img {
        width: 72px;
        height: 86px;
        margin-right: 12px;
    }

    body.imperial-v3-theme .imperial-brand-copy strong {
        font-size: clamp(34px, 11vw, 46px);
        letter-spacing: .065em;
    }

    body.imperial-v3-theme .imperial-brand-copy small {
        margin-top: 8px;
        padding-top: 7px;
        font-size: 8px;
        letter-spacing: .18em;
    }

    body.imperial-v3-theme .headerInfo {
        width: min(540px, 100%);
        max-width: none;
        margin-top: 23px;
        padding: 17px 12px 0;
        text-align: center;
    }

    body.imperial-v3-theme .headerInfo::before {
        left: 22%;
        right: 22%;
        top: 0;
        bottom: auto;
        width: auto;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--imp-gold-300), transparent);
    }

    body.imperial-v3-theme .imperial-hero-kicker {
        font-size: 8px;
        line-height: 1.4;
    }

    body.imperial-v3-theme .headerInfo-title {
        font-size: clamp(29px, 8.5vw, 39px);
    }

    body.imperial-v3-theme .headerInfo-text {
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
    }

    body.imperial-v3-theme .headerInfo-button .button {
        min-width: 156px;
        min-height: 47px;
    }

    body.imperial-v3-theme .main {
        width: calc(100% - 22px);
        margin-top: -28px;
        padding-bottom: 50px;
    }

    body.imperial-v3-theme .news-title,
    body.imperial-v3-theme .flame-page-title h1 {
        min-height: 55px;
        padding-left: 16px;
        font-size: 25px;
    }

    body.imperial-v3-theme .news-title::after,
    body.imperial-v3-theme .flame-page-title h1::after {
        left: 16px;
    }

    body.imperial-v3-theme .newsBlock,
    body.imperial-v3-theme .newsBlockFlex .newsBlock {
        min-height: 0;
        padding: 25px 22px;
        clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
    }

    body.imperial-v3-theme .newsBlockFlex {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    body.imperial-v3-theme .newsBlock-title a,
    body.imperial-v3-theme .newsBlockSmall .newsBlock-title a {
        font-size: 21px;
    }

    body.imperial-v3-theme .flame-page-content,
    body.imperial-v3-theme .content,
    body.imperial-v3-theme .news-block,
    body.imperial-v3-theme .tabBlock {
        padding: 24px 18px;
    }

    body.imperial-v3-theme .tabs-button li {
        height: 52px;
        line-height: 52px;
        font-size: 9px;
    }

    body.imperial-v3-theme .account-announcement-actions {
        flex-direction: column-reverse;
    }

    body.imperial-v3-theme .account-announcement-btn,
    body.imperial-v3-theme .account-announcement-link {
        width: 100%;
    }

    body.imperial-v3-theme .footer {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 48px 22px;
    }

    body.imperial-v3-theme .footerMenu {
        grid-template-columns: 1fr 1fr;
    }

    body.imperial-v3-theme .footerRight {
        justify-content: flex-start;
    }
}

/* Media gallery / Colorbox is loaded only on the public media views. */
body.imperial-v3-theme #cboxOverlay {
    background: rgba(4, 9, 18, .82) !important;
    opacity: 1 !important;
    backdrop-filter: blur(4px);
}

body.imperial-v3-theme #colorbox {
    outline: 0;
}

body.imperial-v3-theme #cboxWrapper {
    overflow: hidden;
    border: 1px solid rgba(220, 190, 118, .54);
    background: #07111f;
    box-shadow: 0 28px 78px rgba(0, 0, 0, .58);
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
}

body.imperial-v3-theme #cboxTopLeft,
body.imperial-v3-theme #cboxTopCenter,
body.imperial-v3-theme #cboxTopRight,
body.imperial-v3-theme #cboxMiddleLeft,
body.imperial-v3-theme #cboxMiddleRight,
body.imperial-v3-theme #cboxBottomLeft,
body.imperial-v3-theme #cboxBottomCenter,
body.imperial-v3-theme #cboxBottomRight {
    width: 0 !important;
    height: 0 !important;
    background: none !important;
}

body.imperial-v3-theme #cboxContent,
body.imperial-v3-theme #cboxLoadedContent {
    border: 0;
    background: #07111f;
}

body.imperial-v3-theme #cboxLoadedContent {
    margin-bottom: 38px;
}

body.imperial-v3-theme #cboxTitle,
body.imperial-v3-theme #cboxCurrent {
    bottom: 10px;
    color: rgba(235, 224, 194, .72);
    font-family: var(--imp-font-ui);
    font-size: 11px;
}

body.imperial-v3-theme #cboxPrevious,
body.imperial-v3-theme #cboxNext,
body.imperial-v3-theme #cboxClose {
    bottom: 6px;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(220, 190, 118, .38);
    border-radius: 0;
    background: rgba(255, 255, 255, .04);
    color: transparent;
    text-indent: -9999px;
}

body.imperial-v3-theme #cboxPrevious { left: 8px; }
body.imperial-v3-theme #cboxNext { left: 42px; }
body.imperial-v3-theme #cboxClose { right: 8px; }

body.imperial-v3-theme #cboxPrevious::before,
body.imperial-v3-theme #cboxNext::before,
body.imperial-v3-theme #cboxClose::before,
body.imperial-v3-theme #cboxClose::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ecd272;
    border-left: 2px solid #ecd272;
}

body.imperial-v3-theme #cboxPrevious::before {
    transform: translate(-35%, -50%) rotate(-45deg);
}

body.imperial-v3-theme #cboxNext::before {
    transform: translate(-65%, -50%) rotate(135deg);
}

body.imperial-v3-theme #cboxClose::before,
body.imperial-v3-theme #cboxClose::after {
    width: 14px;
    height: 2px;
    border: 0;
    background: #ecd272;
}

body.imperial-v3-theme #cboxClose::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

body.imperial-v3-theme #cboxClose::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

body.imperial-v3-theme .thumbnail,
body.imperial-v3-theme .well {
    border: 1px solid rgba(137, 101, 44, .31) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(235, 229, 217, .70)) !important;
    box-shadow: 0 13px 30px rgba(28, 38, 56, .10) !important;
}

@media (max-width: 430px) {
    body.imperial-v3-theme .imperial-nav-brand span {
        display: none;
    }

    body.imperial-v3-theme .imperial-nav-brand {
        margin-left: 48px;
    }

    body.imperial-v3-theme .imperial-server-name {
        font-size: 10px;
    }

    body.imperial-v3-theme .imperial-server-players {
        font-size: 11px;
    }

    body.imperial-v3-theme .online-flex {
        width: 106px;
        padding-left: 7px;
        padding-right: 7px;
    }

    body.imperial-v3-theme .online-flex::before {
        right: 7px;
        width: 5px;
        height: 5px;
    }

    body.imperial-v3-theme .imperial-opening-countdown {
        width: calc(100% - 18px);
    }

    body.imperial-v3-theme #timer_div_title {
        min-height: 42px;
        padding: 10px 9px 9px;
        font-size: clamp(13px, 5vw, 17px) !important;
        letter-spacing: .07em;
    }

    body.imperial-v3-theme .timmer_inner_block {
        min-height: 64px;
        padding: 8px 4px 7px;
    }

    body.imperial-v3-theme #timer_div_time .timmer_inner_block .title {
        margin-bottom: 6px;
        font-size: 7.5px;
        letter-spacing: .09em;
    }

    body.imperial-v3-theme #timer_div_time .timmer_inner_block .count {
        font-size: clamp(21px, 8vw, 29px);
    }

    body.imperial-v3-theme .header,
    body.imperial-v3-theme.imperial-inner .header {
        height: 570px;
        padding-bottom: 118px;
    }

    body.imperial-v3-theme .imperial-hero-brand {
        align-items: center;
    }

    body.imperial-v3-theme .imperial-hero-brand > img {
        width: 62px;
        height: 76px;
    }

    body.imperial-v3-theme .imperial-brand-copy {
        justify-content: center;
    }

    body.imperial-v3-theme .imperial-brand-copy strong {
        font-size: 31px;
    }

    body.imperial-v3-theme .imperial-brand-copy small {
        margin-top: 4px;
        padding-top: 6px;
        font-size: 7px;
        line-height: 1.15;
    }

    body.imperial-v3-theme .headerInfo {
        margin-top: 12px;
        padding-top: 13px;
    }

    body.imperial-v3-theme .imperial-hero-kicker {
        margin-bottom: 8px;
    }

    body.imperial-v3-theme .headerInfo-title {
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 1.02;
    }

    body.imperial-v3-theme .headerInfo-text {
        margin-bottom: 0;
        font-size: 12.5px;
        line-height: 1.45;
    }

    body.imperial-v3-theme .flame-page-content,
    body.imperial-v3-theme .content,
    body.imperial-v3-theme .news-block,
    body.imperial-v3-theme .tabBlock {
        padding: 21px 14px;
    }

    body.imperial-v3-theme .newsBlock,
    body.imperial-v3-theme .newsBlockFlex .newsBlock {
        padding: 22px 18px;
    }

    body.imperial-v3-theme .newsBlock::after {
        font-size: 130px;
    }

    body.imperial-v3-theme #notifier-box {
        top: 10px;
        right: 10px;
        width: calc(100vw - 20px);
    }
}

/* V3 identity refinement: vector wordmark and dedicated realm monitor */
body.imperial-v3-theme .imperial-nav-brand {
    flex-basis: 232px;
    gap: 10px;
    padding-right: 18px;
}

body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
    width: 38px;
    height: 50px;
    flex: 0 0 38px;
}

body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
    width: 154px;
    height: auto;
    flex: 0 0 154px;
    filter: none;
}

body.imperial-v3-theme .topPanel-right {
    flex: 0 0 auto;
}

body.imperial-v3-theme .imperial-realm-monitor {
    position: relative;
    z-index: 24;
    isolation: isolate;
    display: grid;
    grid-template-columns: 225px minmax(0, 1fr) 190px;
    align-items: stretch;
    width: min(1540px, calc(100% - 64px));
    min-height: 88px;
    margin: 14px auto 0;
    overflow: hidden;
    border: 1px solid rgba(226, 201, 137, .22);
    background: rgba(5, 13, 25, .64);
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    backdrop-filter: blur(14px) saturate(118%);
    box-shadow: 0 10px 26px rgba(1, 5, 12, .11);
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
}
body.imperial-v3-theme .imperial-realm-monitor::before {
    content: "";
    position: absolute;
    z-index: 4;
    top: 0;
    left: 18px;
    right: 18px;
    height: 1px;
    pointer-events: none;
    background: rgba(232, 207, 145, .56);
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-monitor::after { content: none; }
body.imperial-v3-theme .imperial-realm-monitor-heading {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 0 24px;
    border-right: 1px solid rgba(225, 200, 136, .13);
    background: rgba(255, 255, 255, .012);
    text-transform: uppercase;
}
body.imperial-v3-theme .imperial-realm-monitor-heading::after { content: none; }
body.imperial-v3-theme .imperial-realm-monitor-heading strong {
    position: relative;
    display: block;
    color: #f0dda6;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px;
    font-weight: 860;
    line-height: 1;
    letter-spacing: .14em;
    white-space: nowrap;
    text-shadow: none;
}
body.imperial-v3-theme .imperial-realm-heading-mark {
    position: relative;
    display: block;
    width: 25px;
    height: 29px;
    flex: 0 0 25px;
    border: 1px solid rgba(230, 204, 138, .46);
    background: rgba(21, 39, 62, .58);
    clip-path: polygon(50% 0, 91% 15%, 86% 64%, 50% 100%, 14% 64%, 9% 15%);
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-heading-mark::before {
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid rgba(227, 204, 146, .18);
    clip-path: inherit;
}
body.imperial-v3-theme .imperial-realm-heading-mark::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 48%;
    width: 6px;
    height: 6px;
    background: #e2c252;
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-monitor .online {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    align-items: stretch;
    width: 100%;
    height: auto;
    min-width: 0;
    margin: 0;
    border: 0;
    background: transparent;
}
body.imperial-v3-theme .imperial-realm-monitor .online-flex {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 17px;
    width: auto;
    min-width: 0;
    min-height: 86px;
    margin: 0;
    padding: 12px 27px;
    overflow: hidden;
    border: 0;
    border-right: 1px solid rgba(225, 198, 128, .11);
    background: transparent;
}
body.imperial-v3-theme .imperial-realm-monitor .online-flex::before,
body.imperial-v3-theme .imperial-realm-monitor .online-flex::after { content: none; }
body.imperial-v3-theme .imperial-server-sigil {
    position: relative;
    display: block;
    width: 34px;
    height: 40px;
    border: 0;
    background: #dec45b;
    clip-path: polygon(50% 0, 92% 13%, 87% 64%, 50% 100%, 13% 64%, 8% 13%);
    filter: none;
}
body.imperial-v3-theme .imperial-server-sigil::before {
    content: "";
    position: absolute;
    inset: 2px;
    background: #17324b;
    clip-path: inherit;
}
body.imperial-v3-theme .imperial-server-sigil::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 49%;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(245, 249, 251, .34);
    background: #63aec2;
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: none;
}
body.imperial-v3-theme .imperial-server-tone-1 .imperial-server-sigil::before { background: #16364a; }
body.imperial-v3-theme .imperial-server-tone-1 .imperial-server-sigil::after { background: #5eb1c8; }
body.imperial-v3-theme .imperial-server-tone-2 .imperial-server-sigil::before { background: #352f55; }
body.imperial-v3-theme .imperial-server-tone-2 .imperial-server-sigil::after { background: #9a80d0; }
body.imperial-v3-theme .imperial-server-tone-3 .imperial-server-sigil::before { background: #53312d; }
body.imperial-v3-theme .imperial-server-tone-3 .imperial-server-sigil::after { background: #d38a67; }
body.imperial-v3-theme .imperial-server-tone-4 .imperial-server-sigil::before { background: #29423e; }
body.imperial-v3-theme .imperial-server-tone-4 .imperial-server-sigil::after { background: #82b7a9; }
body.imperial-v3-theme .imperial-realm-monitor .online-block,
body.imperial-v3-theme .imperial-realm-monitor .online-block.online-block-active {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    width: 100%;
    min-width: 0;
    height: auto;
    padding: 0;
    background: transparent;
    line-height: normal;
    text-align: left;
}
body.imperial-v3-theme .imperial-server-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name {
    display: block;
    color: #f0d978;
    font-size: 12px;
    font-weight: 860;
    line-height: 1;
    letter-spacing: .13em;
    white-space: nowrap;
    text-transform: uppercase;
}
body.imperial-v3-theme .imperial-server-count {
    display: inline-flex;
    align-items: flex-end;
    gap: 8px;
    margin-top: 8px;
    white-space: nowrap;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players {
    display: inline-block;
    color: #fff !important;
    font-size: 30px;
    font-weight: 820;
    line-height: .84;
    letter-spacing: -.03em;
    text-shadow: none;
}
body.imperial-v3-theme .imperial-server-caption {
    display: inline-block;
    margin-bottom: 1px;
    color: rgba(222, 229, 239, .43);
    font-size: 7px;
    font-weight: 780;
    line-height: 1;
    letter-spacing: .15em;
    text-transform: uppercase;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #79c99a !important;
    font-size: 7px;
    font-weight: 880;
    line-height: 1;
    letter-spacing: .14em;
    white-space: nowrap;
    text-transform: uppercase;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #70c592;
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-red .imperial-server-state { color: #dc8884 !important; }
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-red .imperial-server-state::before {
    background: #d97874;
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-monitor-link {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    min-width: 0;
    padding: 0 22px 0 24px;
    border: 0;
    border-left: 1px solid rgba(225, 198, 128, .13);
    color: rgba(246, 241, 226, .88);
    font-size: 9px;
    font-weight: 860;
    line-height: 1.28;
    letter-spacing: .13em;
    text-decoration: none;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .012);
    transition: color .16s ease, background-color .16s ease;
}
body.imperial-v3-theme .imperial-realm-monitor-link::before { content: none; }
body.imperial-v3-theme .imperial-rankings-label {
    display: block;
    min-width: 0;
    max-width: 86px;
    white-space: normal;
}
body.imperial-v3-theme .imperial-rankings-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border: 1px solid rgba(232, 207, 145, .28);
    background: rgba(24, 43, 66, .42);
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    box-shadow: none;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}
body.imperial-v3-theme .imperial-rankings-icon::before,
body.imperial-v3-theme .imperial-rankings-icon::after { content: none; }
body.imperial-v3-theme .imperial-rankings-icon svg {
    display: block;
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #ead069;
    stroke-width: 1.4;
    stroke-linecap: square;
    stroke-linejoin: miter;
    transition: transform .16s ease, stroke .16s ease;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover,
body.imperial-v3-theme .imperial-realm-monitor-link:focus {
    color: #fff3cf;
    background: rgba(28, 48, 74, .34);
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-icon,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-icon {
    border-color: rgba(242, 218, 154, .62);
    background: rgba(42, 66, 96, .52);
    transform: translateX(2px);
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-icon svg,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-icon svg {
    stroke: #f1daa0;
    transform: translateX(1px);
}

body.imperial-v3-theme .imperial-hero-brand > .imperial-hero-crest {
    width: 92px;
    height: 108px;
    margin-right: 18px;
}

body.imperial-v3-theme .imperial-brand-copy > img {
    display: block;
    width: min(430px, 37vw);
    height: auto;
    filter: drop-shadow(0 9px 14px rgba(0, 0, 0, .42));
}

body.imperial-v3-theme .imperial-brand-copy small {
    margin-top: 6px;
    padding-top: 8px;
    border-top-color: rgba(230, 207, 148, .34);
    font-size: 9px;
    letter-spacing: .32em;
}

/* Remove the remaining fiery/rounded component language from public modules. */
body.imperial-v3-theme .flame-votereward-page .flame-votereward-hero,
body.imperial-v3-theme .flame-referral-share-card {
    overflow: hidden;
    border: 1px solid rgba(141, 105, 46, .34) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(9, 20, 38, .97), rgba(19, 35, 59, .95)),
        none !important;
    box-shadow: 0 16px 34px rgba(26, 37, 56, .14), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

body.imperial-v3-theme .flame-votereward-page .flame-votereward-hero::before {
    background: linear-gradient(90deg, var(--imp-gold-700), var(--imp-gold-bright), var(--imp-gold-700)) !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-votereward-page .flame-votereward-badge {
    border-radius: 0 !important;
    border-color: rgba(221, 190, 116, .38) !important;
    background: rgba(225, 199, 136, .08) !important;
    color: #efd985 !important;
}

body.imperial-v3-theme .flame-votereward-page .flame-votereward-title {
    color: #f2e8ce !important;
    font-family: var(--imp-font-display) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-votereward-page .flame-votereward-subtitle {
    color: rgba(231, 235, 243, .72) !important;
}

body.imperial-v3-theme .flame-votereward-page .flame-votereward-card,
body.imperial-v3-theme .flame-referral-input-wrap,
body.imperial-v3-theme .card,
body.imperial-v3-theme .list-group-item {
    border-radius: 0 !important;
    border-color: rgba(136, 101, 45, .27) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(235, 229, 216, .55)) !important;
    color: #263247 !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-votereward-card-label,
body.imperial-v3-theme .flame-votereward-card-muted {
    color: #717887 !important;
}

body.imperial-v3-theme .flame-votereward-card-value {
    color: var(--imp-navy-900) !important;
}

body.imperial-v3-theme .important-notice,
body.imperial-v3-theme .installation-guide {
    color: #4d586b !important;
}

body.imperial-v3-theme .important-notice {
    margin: 26px 0;
    padding: 24px 28px;
    border: 1px solid rgba(141, 105, 46, .30);
    border-left: 4px solid var(--imp-gold-600);
    background: rgba(231, 224, 210, .40);
    text-align: left !important;
}

body.imperial-v3-theme .important-notice h3,
body.imperial-v3-theme .installation-guide > div:first-child,
body.imperial-v3-theme .guide-step > div:first-child,
body.imperial-v3-theme .guide-step strong {
    color: var(--imp-navy-900) !important;
}

body.imperial-v3-theme .guide-step {
    margin-top: 16px !important;
    padding: 21px 22px !important;
    border: 1px solid rgba(141, 105, 46, .25) !important;
    border-left: 4px solid var(--imp-gold-600) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .48);
}

body.imperial-v3-theme .guide-step img {
    height: auto;
    border: 1px solid rgba(117, 90, 44, .28);
    border-radius: 0 !important;
    box-shadow: 0 10px 26px rgba(26, 37, 56, .10);
}

body.imperial-v3-theme .flame-page-content [id^="warn-info"] *,
body.imperial-v3-theme .flame-page-content .important-notice * {
    color: inherit !important;
}

body.imperial-v3-theme .flame-guides-search-box,
body.imperial-v3-theme .flame-guide-card,
body.imperial-v3-theme .flame-guide-read-search-note {
    border: 1px solid rgba(141, 105, 46, .28) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(236, 230, 218, .62)) !important;
    color: #4c5769 !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-guides-search-title,
body.imperial-v3-theme .flame-guides-count,
body.imperial-v3-theme .flame-guide-title,
body.imperial-v3-theme .flame-guide-read-search-note strong {
    color: var(--imp-navy-900) !important;
}

body.imperial-v3-theme .flame-guides-search-subtitle,
body.imperial-v3-theme .flame-guides-results-head,
body.imperial-v3-theme .flame-guide-excerpt {
    color: #697284 !important;
}

body.imperial-v3-theme .flame-guide-card {
    position: relative;
    padding: 20px 22px !important;
    border-left: 3px solid var(--imp-gold-600) !important;
    text-align: left !important;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}

body.imperial-v3-theme .flame-guide-card:hover {
    border-color: rgba(141, 105, 46, .52) !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(28, 39, 58, .10) !important;
}

body.imperial-v3-theme .flame-guide-excerpt {
    margin-left: 0 !important;
}

body.imperial-v3-theme .flame-guide-title mark,
body.imperial-v3-theme .flame-guide-excerpt mark,
body.imperial-v3-theme .flame-guide-read-mark {
    border-radius: 0 !important;
    background: #ecd16e !important;
    color: #172033 !important;
}

body.imperial-v3-theme .flame-quests-info,
body.imperial-v3-theme .flame-check-panel,
body.imperial-v3-theme .flame-quest-card,
body.imperial-v3-theme .flame-recent-completed {
    border: 1px solid rgba(141, 105, 46, .31) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(235, 229, 216, .62)) !important;
    color: #384357 !important;
    text-shadow: none !important;
    box-shadow: 0 12px 30px rgba(26, 37, 56, .09) !important;
}

body.imperial-v3-theme .flame-quests-info,
body.imperial-v3-theme .flame-check-panel {
    border-left: 4px solid var(--imp-gold-600) !important;
}

body.imperial-v3-theme .flame-quests-info::before,
body.imperial-v3-theme .flame-check-panel::before,
body.imperial-v3-theme .flame-quest-card::before {
    background: linear-gradient(90deg, var(--imp-gold-700), var(--imp-gold-300), transparent) !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-quest-card {
    padding: 21px !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

body.imperial-v3-theme .flame-quest-card:hover {
    border-color: rgba(141, 105, 46, .52) !important;
    background: #fff !important;
    box-shadow: 0 16px 34px rgba(26, 37, 56, .12) !important;
}

body.imperial-v3-theme .flame-quest-icon,
body.imperial-v3-theme .flame-recent-completed-icon {
    border-color: rgba(141, 105, 46, .42) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, #f5f0e5, #e0d4bd) !important;
    color: var(--imp-gold-700) !important;
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .40) !important;
}

body.imperial-v3-theme .flame-quest-icon img {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-quest-title,
body.imperial-v3-theme .flame-quest-title:hover,
body.imperial-v3-theme .flame-recent-completed-player,
body.imperial-v3-theme .flame-recent-completed-player a {
    color: var(--imp-navy-900) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-quest-desc,
body.imperial-v3-theme .flame-check-panel ul.style1 li,
body.imperial-v3-theme .flame-check-panel a,
body.imperial-v3-theme .flame-recent-completed-quest,
body.imperial-v3-theme .flame-recent-completed-time {
    color: #596477 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-quest-reload,
body.imperial-v3-theme .flame-quest-claim-btn,
body.imperial-v3-theme .flame-check-action .btn,
body.imperial-v3-theme .flame-quests-actions .vs-btn2,
body.imperial-v3-theme .flame-check-actions .btn-danger {
    border: 1px solid var(--imp-gold-600) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    color: #f1e1b5 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-progressbar {
    height: 22px !important;
    border-color: rgba(141, 105, 46, .38) !important;
    border-radius: 0 !important;
    background: #e2ddd2 !important;
    box-shadow: inset 0 1px 3px rgba(19, 29, 45, .16) !important;
}

body.imperial-v3-theme .flame-progressbar .stage {
    background: linear-gradient(90deg, #7f6b3d, #d6b94d, #e5cf91) !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-progressbar i {
    color: #111d31 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55) !important;
}

body.imperial-v3-theme .flame-fixed-reward-tooltip {
    border-color: rgba(221, 190, 116, .52) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    color: #f3e4a6 !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .42) !important;
}

body.imperial-v3-theme .quest-reward-gremory-note,
body.imperial-v3-theme .quest-reward-gremory-note::after {
    border: 1px solid rgba(141, 105, 46, .40) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    color: #f0dc87 !important;
    text-shadow: none !important;
    box-shadow: 0 8px 22px rgba(5, 12, 23, .24) !important;
}

body.imperial-v3-theme .quest-reward-item-count {
    color: var(--imp-gold-700) !important;
}

body.imperial-v3-theme .quest-reward-mu-tooltip,
body.imperial-v3-theme .quest-reward-tooltip-main,
body.imperial-v3-theme .quest-reward-tooltip-info {
    border-radius: 0 !important;
    color: #f3e4a6 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .quest-reward-mu-tooltip {
    border-color: rgba(221, 190, 116, .52) !important;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .42) !important;
}

body.imperial-v3-theme .imperial-payment-embed {
    width: 100%;
    margin-top: 24px;
    padding: 18px;
    overflow-x: auto;
    border: 1px solid rgba(141, 105, 46, .28);
    border-radius: 0;
    background: rgba(255, 255, 255, .52);
    text-align: center;
}

body.imperial-v3-theme .imperial-payment-embed iframe {
    width: 570px;
    max-width: 100%;
    min-height: 450px;
    border: 0;
    border-radius: 0;
}

body.imperial-v3-theme .flame-recent-completed-head {
    border-bottom: 1px solid rgba(141, 105, 46, .28) !important;
    background: linear-gradient(90deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-recent-completed-title {
    color: #f0dc87 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-recent-completed-sub {
    color: rgba(230, 235, 244, .60) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-recent-completed-window,
body.imperial-v3-theme .flame-recent-completed-item {
    background: transparent !important;
    color: #3c485c !important;
}

body.imperial-v3-theme .flame-live-dot {
    background: var(--imp-success) !important;
    box-shadow: 0 0 0 3px rgba(74, 154, 112, .13) !important;
}

body.imperial-v3-theme .flame-check-table,
body.imperial-v3-theme .flame-check-table thead th,
body.imperial-v3-theme .flame-check-table td {
    border-radius: 0 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-check-table thead th {
    border-color: rgba(221, 190, 116, .24) !important;
    background: linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    color: #f0dc87 !important;
}

body.imperial-v3-theme .flame-check-table td,
body.imperial-v3-theme .flame-check-table tbody tr:first-child td,
body.imperial-v3-theme .flame-check-table tr:hover td {
    border-color: rgba(91, 100, 119, .14) !important;
    background: rgba(255, 255, 255, .42) !important;
    color: #3f4b5e !important;
}

body.imperial-v3-theme .alertable {
    top: 50% !important;
    left: 50% !important;
    width: min(460px, calc(100vw - 30px)) !important;
    margin: 0 !important;
    padding: 0 0 22px !important;
    overflow: hidden;
    border: 1px solid rgba(91, 126, 155, .38) !important;
    border-top: 3px solid var(--imp-panel-top) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #fffdf8 0%, #f2f5f7 100%) !important;
    color: #26384d !important;
    box-shadow: 0 24px 64px rgba(12, 34, 54, .30) !important;
    transform: translate(-50%, -50%);
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
}

body.imperial-v3-theme .alertable-message,
body.imperial-v3-theme .alertable-prompt {
    margin: 0 0 20px !important;
    padding: 22px 24px 0 !important;
}

body.imperial-v3-theme .alertable-buttons {
    padding: 0 22px;
}

body.imperial-v3-theme .alertable-ok,
body.imperial-v3-theme .alertable-cancel {
    min-height: 40px;
    border-radius: 0 !important;
}

body.imperial-v3-theme .alertable-overlay {
    background: rgba(3, 8, 16, .79) !important;
    backdrop-filter: blur(5px);
}

body.imperial-v3-theme .account-log-id-circle,
body.imperial-v3-theme .zen-wallet-log-id-circle,
body.imperial-v3-theme .xshop-log-id-circle,
body.imperial-v3-theme .account-log-amount,
body.imperial-v3-theme .zen-wallet-log-amount,
body.imperial-v3-theme .zen-wallet-log-status {
    border-radius: 0 !important;
    background: rgba(169, 123, 51, .10) !important;
    color: var(--imp-navy-900) !important;
    box-shadow: none !important;
}

@media (max-width: 1260px) {
    body.imperial-v3-theme .imperial-nav-brand {
        flex-basis: 205px;
    }

    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
        width: 132px;
        flex-basis: 132px;
    }

    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: 190px minmax(0, 1fr) 172px;
        width: calc(100% - 56px);
    }

    body.imperial-v3-theme .imperial-realm-monitor-heading {
        gap: 11px;
        padding-left: 21px;
        padding-right: 18px;
    }

    body.imperial-v3-theme .imperial-realm-monitor-heading strong {
        font-size: 16px;
        letter-spacing: .08em;
    }

    body.imperial-v3-theme .imperial-realm-heading-mark {
        width: 19px;
        height: 19px;
        flex-basis: 19px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 13px;
        padding-left: 18px;
        padding-right: 18px;
    }

    body.imperial-v3-theme .imperial-server-sigil {
        width: 31px;
        height: 37px;
    }

    body.imperial-v3-theme .imperial-realm-monitor-link {
        gap: 10px;
        padding-left: 19px;
        padding-right: 17px;
    }
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .imperial-nav-brand {
        flex-basis: auto;
        margin-left: 53px;
    }

    body.imperial-v3-theme .imperial-realm-monitor {
        display: block;
        width: calc(100% - 28px);
        min-height: 82px;
        margin-top: 12px;
    }

    body.imperial-v3-theme .imperial-realm-monitor::before,
    body.imperial-v3-theme .imperial-realm-monitor::after,
    body.imperial-v3-theme .imperial-realm-monitor-heading,
    body.imperial-v3-theme .imperial-realm-monitor-link {
        display: none;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online {
        position: static;
        display: flex;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        scrollbar-color: rgba(221, 190, 116, .42) transparent;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        flex: 1 0 185px;
        width: auto;
        min-height: 80px;
    }

    body.imperial-v3-theme .imperial-opening-countdown {
        top: 154px;
        width: min(720px, calc(100% - 28px));
    }

    body.imperial-v3-theme .imperial-brand-copy > img {
        width: min(390px, 41vw);
    }
}

@media (max-width: 720px) {
    body.imperial-v3-theme .imperial-opening-countdown {
        top: 148px;
        width: calc(100% - 20px);
    }

    body.imperial-v3-theme .imperial-nav-brand {
        gap: 6px;
        margin-left: 48px;
    }

    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
        width: 32px;
        height: 44px;
        flex-basis: 32px;
    }

    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
        width: 112px;
        height: auto;
        flex-basis: 112px;
    }

    body.imperial-v3-theme .imperial-realm-monitor {
        width: calc(100% - 18px);
        margin-top: 9px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        flex-basis: 170px;
        min-height: 74px;
        padding: 11px 14px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players {
        font-size: 20px;
    }

    body.imperial-v3-theme .imperial-hero-brand {
        position: relative;
        display: block !important;
        width: min(260px, 62vw);
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    body.imperial-v3-theme .imperial-hero-brand > .imperial-hero-crest {
        position: absolute;
        right: calc(100% + 10px);
        top: 50%;
        width: 64px;
        height: 78px;
        margin: 0;
        transform: translateY(-50%);
    }

    body.imperial-v3-theme .imperial-brand-copy {
        align-items: center;
        width: 100%;
    }

    body.imperial-v3-theme .imperial-brand-copy > img {
        width: 100%;
        max-width: none;
    }

    body.imperial-v3-theme .imperial-brand-copy small {
        width: 100%;
        margin-top: 5px;
        padding-top: 5px;
        font-size: 6.8px;
        letter-spacing: .18em;
        text-align: center;
    }

    body.imperial-v3-theme .headerInfo {
        margin-top: 12px;
        padding-top: 11px;
    }

    body.imperial-v3-theme .imperial-hero-kicker {
        margin-bottom: 9px;
    }

    body.imperial-v3-theme .flame-quests-grid {
        grid-template-columns: 1fr !important;
    }

    body.imperial-v3-theme .important-notice,
    body.imperial-v3-theme .guide-step {
        padding: 18px !important;
    }

    body.imperial-v3-theme .account-logs-table tbody tr,
    body.imperial-v3-theme .zen-wallet-logs-table tbody tr {
        border-radius: 0 !important;
        border-color: rgba(141, 105, 46, .25) !important;
        background: rgba(255, 255, 255, .45) !important;
    }
}

@media (max-width: 430px) {
    body.imperial-v3-theme .imperial-opening-countdown {
        top: 152px;
        width: calc(100% - 14px);
    }

    body.imperial-v3-theme .imperial-nav-brand span {
        display: flex;
    }

    body.imperial-v3-theme .imperial-nav-brand {
        margin-left: 45px;
    }

    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
        width: 98px;
        flex-basis: 98px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        flex-basis: 155px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name {
        font-size: 12px;
    }

    body.imperial-v3-theme .imperial-hero-brand {
        width: min(230px, 60vw);
    }

    body.imperial-v3-theme .imperial-hero-brand > .imperial-hero-crest {
        right: calc(100% + 8px);
        width: 56px;
        height: 68px;
    }

    body.imperial-v3-theme .imperial-brand-copy > img {
        width: 100%;
    }

    body.imperial-v3-theme .headerInfo {
        margin-top: 8px;
        padding-top: 9px;
    }
}

@media (max-width: 390px) {
    body.imperial-v3-theme .imperial-hero-brand {
        width: min(210px, 58vw);
    }

    body.imperial-v3-theme .imperial-hero-brand > .imperial-hero-crest {
        right: calc(100% + 7px);
        width: 52px;
        height: 63px;
    }

    body.imperial-v3-theme .imperial-brand-copy > img {
        width: 100%;
    }

    body.imperial-v3-theme .imperial-brand-copy small {
        margin-top: 4px;
        padding-top: 4px;
        font-size: 6.4px;
        letter-spacing: .15em;
    }

    body.imperial-v3-theme .headerInfo {
        margin-top: 10px;
        padding-left: 7px;
        padding-right: 7px;
    }

    body.imperial-v3-theme .imperial-hero-kicker {
        font-size: 7.5px;
        letter-spacing: .15em;
    }

    body.imperial-v3-theme .headerInfo-title {
        font-size: 26px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.imperial-v3-theme *,
    body.imperial-v3-theme *::before,
    body.imperial-v3-theme *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* ========================================================================== 
   Layout and component refinements
   ========================================================================== */

/* Consistent spacing and overflow behavior across public views. */
body.imperial-v3-theme {
    --imp-page-gutter: clamp(18px, 3vw, 48px);
    --imp-section-gap: clamp(22px, 2.4vw, 32px);
}

body.imperial-v3-theme .main {
    gap: var(--imp-section-gap);
    width: min(1480px, calc(100% - (var(--imp-page-gutter) * 2)));
}

body.imperial-v3-theme .main > *,
body.imperial-v3-theme .flame-page-box,
body.imperial-v3-theme .flame-page-content,
body.imperial-v3-theme .tabBlock,
body.imperial-v3-theme .content,
body.imperial-v3-theme .news-block {
    min-width: 0;
}

body.imperial-v3-theme .flame-page-content,
body.imperial-v3-theme .tabBlock,
body.imperial-v3-theme .content,
body.imperial-v3-theme .news-block {
    overflow-wrap: anywhere;
}

body.imperial-v3-theme .flame-page-content img,
body.imperial-v3-theme .content img,
body.imperial-v3-theme .news-block img {
    max-width: 100%;
    height: auto;
}

body.imperial-v3-theme .table-responsive,
body.imperial-v3-theme .account-logs-wrap,
body.imperial-v3-theme .zen-wallet-logs-wrap,
body.imperial-v3-theme .xshop-logs-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(156, 116, 49, .45) rgba(207, 201, 190, .35);
}

body.imperial-v3-theme table {
    max-width: 100%;
}

body.imperial-v3-theme .imperial-clear {
    clear: both;
}

body.imperial-v3-theme .imperial-account-panel-link {
    margin: 0 4px;
}

body.imperial-v3-theme .imperial-account-name {
    margin: 0;
    padding: 13px 14px;
    border-bottom: 1px solid rgba(220, 191, 121, .18);
    color: #f0d97d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

body.imperial-v3-theme .imperial-account-name span {
    color: inherit;
}

body.imperial-v3-theme .imperial-login-submit {
    display: flex !important;
    margin: 0 auto !important;
}

body.imperial-v3-theme #enter.modal_div .lost-pass {
    display: block;
    margin-top: 16px;
    text-align: center;
}

body.imperial-v3-theme .imperial-server-select-body {
    margin: 0;
    padding: 26px 28px 30px !important;
}

body.imperial-v3-theme .imperial-server-single-note {
    display: block;
    padding: 12px 14px;
    border: 1px solid #cfdae6;
    border-left: 4px solid #4d7fae;
    background: #f2f7fc;
    color: #3b5874;
    font-size: 13px;
    font-weight: 550;
    line-height: 1.5;
}

body.imperial-v3-theme .imperial-field-help {
    display: block;
    margin-top: 6px;
    color: #6c7f94;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.45;
    text-transform: none;
}

body.imperial-v3-theme .imperial-inline-note {
    margin-bottom: 10px;
    padding: 13px 16px;
    border: 1px solid rgba(137, 101, 44, .27);
    border-left: 3px solid var(--imp-gold-600);
    background: rgba(255, 255, 255, .48);
    color: #4b586b;
    font-size: 13px;
    line-height: 1.5;
}

body.imperial-v3-theme .imperial-inline-note span {
    color: inherit;
}

body.imperial-v3-theme .imperial-profile-quest-link {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-left: 12px;
    padding: 6px 11px;
    border: 1px solid rgba(143, 105, 45, .42);
    border-radius: 0;
    background: rgba(169, 123, 51, .10);
    color: #7d6b43;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
}

body.imperial-v3-theme .imperial-profile-quest-link:hover {
    border-color: var(--imp-gold-600);
    background: rgba(210, 185, 124, .19);
    color: var(--imp-navy-900);
}

body.imperial-v3-theme .log-id-circle,
body.imperial-v3-theme .zen-wallet-log-id-circle {
    border: 1px solid rgba(143, 105, 45, .35) !important;
    border-radius: 0 !important;
    background: rgba(169, 123, 51, .10) !important;
    color: var(--imp-navy-900) !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-char-currency-wrap {
    border-color: rgba(143, 105, 45, .36) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(232, 225, 212, .68)) !important;
    color: var(--imp-navy-900) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75) !important;
}

body.imperial-v3-theme .flame-char-currency-value {
    color: #26364d;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-char-currency-value.amount-green { color: #32734f !important; }
body.imperial-v3-theme .flame-char-currency-value.amount-yellow,
body.imperial-v3-theme .flame-char-currency-value.amount-orange { color: var(--imp-gold-700) !important; }
body.imperial-v3-theme .flame-char-currency-value.amount-red { color: #a14242 !important; }

body.imperial-v3-theme #flame-mobile-item-tooltip-overlay {
    background: rgba(4, 10, 20, .76) !important;
    backdrop-filter: blur(3px);
}

body.imperial-v3-theme #flame-mobile-item-tooltip,
body.imperial-v3-theme #flame-mobile-item-tooltip .flame-mobile-item-tooltip-inner {
    border-radius: 0 !important;
}

body.imperial-v3-theme #flame-mobile-item-tooltip {
    border: 1px solid rgba(220, 190, 118, .52) !important;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .58) !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

body.imperial-v3-theme #flame-mobile-item-tooltip.tooltip-scrollable.tooltip-can-scroll-down::after {
    width: 28px !important;
    height: 28px !important;
    margin-bottom: 5px !important;
    padding: 0 0 5px !important;
    border: 1px solid rgba(228, 205, 145, .74) !important;
    border-radius: 0 !important;
    background: rgba(8, 18, 33, .94) !important;
    color: #f0d97d !important;
    font-size: 22px !important;
    text-shadow: none !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .34) !important;
    animation: none !important;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    transform: none;
}

body.imperial-v3-theme .flame-extra-equipment-info .class-ability .flame-ability-scroll::-webkit-scrollbar-track,
body.imperial-v3-theme .flame-extra-equipment-info .class-ability .flame-ability-scroll::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

/* Downloads and installation guide. */
body.imperial-v3-theme .imperial-downloads-page {
    display: grid;
    gap: 30px;
}

body.imperial-v3-theme .imperial-download-lead {
    padding: 17px 20px;
    border: 1px solid rgba(137, 101, 44, .28);
    border-left: 4px solid var(--imp-gold-600);
    background: rgba(255, 255, 255, .48);
    color: #4c586a;
    font-size: 14px;
    line-height: 1.55;
    text-align: center;
}

body.imperial-v3-theme .imperial-download-lead strong {
    display: block;
    margin-top: 4px;
    color: var(--imp-navy-900);
}

body.imperial-v3-theme .imperial-download-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}

body.imperial-v3-theme .imperial-download-links .flame-download-button {
    width: 100%;
}

body.imperial-v3-theme .imperial-installation-guide {
    display: grid;
    gap: 16px;
}

body.imperial-v3-theme .imperial-guide-heading,
body.imperial-v3-theme .imperial-font-fix,
body.imperial-v3-theme .imperial-requirements {
    position: relative;
    padding-top: 20px;
    border-top: 1px solid rgba(137, 101, 44, .28);
}

body.imperial-v3-theme .imperial-guide-heading span,
body.imperial-v3-theme .imperial-section-kicker {
    display: block;
    margin-bottom: 7px;
    color: var(--imp-gold-600);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-guide-heading h2,
body.imperial-v3-theme .imperial-font-fix h2,
body.imperial-v3-theme .imperial-requirements h2 {
    margin: 0;
    color: var(--imp-navy-900);
    font-size: clamp(22px, 3.5vw, 30px);
}

body.imperial-v3-theme .imperial-guide-step-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 15px;
    color: var(--imp-navy-900) !important;
    font-size: 17px;
}

body.imperial-v3-theme .imperial-guide-step-title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(137, 101, 44, .42);
    color: #866f3e;
    font-family: var(--imp-font-ui);
    font-size: 10px;
    font-weight: 900;
}

body.imperial-v3-theme .imperial-guide-images {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 17px;
}

body.imperial-v3-theme .imperial-guide-images img {
    display: block;
    width: 100%;
    border: 1px solid rgba(117, 90, 44, .28);
    border-radius: 0;
    background: #fff;
    box-shadow: 0 10px 25px rgba(25, 35, 52, .10);
}

body.imperial-v3-theme .imperial-font-fix {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 42%);
    align-items: center;
    gap: 26px;
}

body.imperial-v3-theme .imperial-font-fix p {
    margin: 13px 0 0;
    color: #596477;
}

body.imperial-v3-theme .imperial-font-fix > img {
    width: 100%;
    border: 1px solid rgba(117, 90, 44, .28);
    border-radius: 0;
}

body.imperial-v3-theme .imperial-requirements-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

body.imperial-v3-theme .imperial-requirements-grid article {
    border: 1px solid rgba(137, 101, 44, .29);
    border-top: 3px solid #a28a49;
    background: rgba(255, 255, 255, .48);
}

body.imperial-v3-theme .imperial-requirements-grid article.is-recommended {
    background: rgba(226, 212, 180, .20);
}

body.imperial-v3-theme .imperial-requirements-grid h3 {
    margin: 0;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(137, 101, 44, .21);
    color: var(--imp-navy-900);
    font-size: 15px;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-requirements-grid dl {
    margin: 0;
}

body.imperial-v3-theme .imperial-requirements-grid dl > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 14px 19px;
    border-bottom: 1px solid rgba(96, 107, 126, .10);
}

body.imperial-v3-theme .imperial-requirements-grid dl > div:last-child {
    border-bottom: 0;
}

body.imperial-v3-theme .imperial-requirements-grid dt {
    color: #697386;
    font-weight: 600;
}

body.imperial-v3-theme .imperial-requirements-grid dd {
    margin: 0;
    color: #26364d;
    font-weight: 800;
    text-align: right;
}

body.imperial-v3-theme .imperial-support-intro {
    margin-bottom: 18px;
    padding: 17px 20px !important;
    font-size: 15px;
    line-height: 1.55;
    text-align: center;
}

body.imperial-v3-theme .imperial-support-widget {
    overflow: hidden;
    border: 1px solid rgba(137, 101, 44, .34);
    background: #07111f;
    box-shadow: 0 16px 36px rgba(24, 34, 50, .13);
}

body.imperial-v3-theme .imperial-support-widget iframe {
    display: block;
    width: 100%;
    border: 0 !important;
}

body.imperial-v3-theme .imperial-payment-notes {
    display: grid;
    gap: 10px;
    margin-bottom: 28px;
}

body.imperial-v3-theme .imperial-price-list h2 {
    margin: 0 0 18px;
    font-size: clamp(21px, 3vw, 28px);
}

body.imperial-v3-theme .imperial-price-list table {
    width: 100%;
}

@media (max-width: 720px) {
    body.imperial-v3-theme .imperial-downloads-page {
        gap: 24px;
    }

    body.imperial-v3-theme .imperial-guide-images,
    body.imperial-v3-theme .imperial-font-fix,
    body.imperial-v3-theme .imperial-requirements-grid {
        grid-template-columns: 1fr;
    }

    body.imperial-v3-theme .imperial-requirements-grid dl > div {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    body.imperial-v3-theme .imperial-requirements-grid dd {
        text-align: left;
    }
}

/* Event list: clear hierarchy and a purpose-built Imperial schedule tooltip. */
body.imperial-v3-theme #events {
    display: grid;
    gap: 0;
}

body.imperial-v3-theme #events > .flame-event-tooltip-trigger {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 43px;
    height: auto;
    padding: 9px 4px 9px 12px;
    border-bottom: 1px solid rgba(91, 103, 125, .14);
    border-left: 2px solid transparent;
    color: #465267;
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}

body.imperial-v3-theme #events > .flame-event-tooltip-trigger:hover {
    border-left-color: transparent;
    background: #f2f7fc;
}

body.imperial-v3-theme #events > .flame-event-tooltip-trigger > span {
    width: auto;
    min-width: 0;
    color: #27364c;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

body.imperial-v3-theme #events > .flame-event-tooltip-trigger > small {
    color: var(--imp-gold-600);
    font-family: var(--imp-font-ui);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .03em;
    white-space: nowrap;
    text-shadow: none;
}

body.imperial-v3-theme #events .flame-event-tooltip-trigger:hover span,
body.imperial-v3-theme #events .flame-event-tooltip-trigger:hover small {
    color: var(--imp-navy-900);
    text-shadow: none;
}

/* Event tooltip visual skin is owned by imperial-polish.css. */

/* Light Imperial dialogs replace the remaining dark/fiery popup language. */
body.imperial-v3-theme #overlay,
body.imperial-v3-theme #lean_overlay,
body.imperial-v3-theme .ui-widget-overlay,
body.imperial-v3-theme .account-announcement-overlay,
body.imperial-v3-theme .alertable-overlay {
    background: rgba(7, 16, 29, .64) !important;
    backdrop-filter: none !important;
}

body.imperial-v3-theme .modal_div,
body.imperial-v3-theme #enter.modal_div,
body.imperial-v3-theme #select_server,
body.imperial-v3-theme #buy_windows,
body.imperial-v3-theme #add_to_card_windows,
body.imperial-v3-theme #auction_bet,
body.imperial-v3-theme .ui-dialog,
body.imperial-v3-theme .account-announcement-popup,
body.imperial-v3-theme .alertable {
    border: 1px solid #8298ae !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #344054 !important;
    box-shadow: 0 24px 58px rgba(4, 12, 24, .34) !important;
    clip-path: none !important;
}

body.imperial-v3-theme #enter.modal_div .modalContent {
    padding: 0 !important;
    background: transparent !important;
}

body.imperial-v3-theme #enter.modal_div form {
    padding: 26px 32px 32px;
}

body.imperial-v3-theme .modal-title,
body.imperial-v3-theme #enter.modal_div .modal-title,
body.imperial-v3-theme .modal-header,
body.imperial-v3-theme .modal-header2,
body.imperial-v3-theme .account-announcement-head,
body.imperial-v3-theme .ui-dialog-titlebar {
    min-height: 68px;
    margin: 0 !important;
    padding: 17px 66px 17px 25px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(145, 166, 187, .34) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, transparent 0%, rgba(198, 162, 80, .18) 10%, rgba(240, 219, 155, .72) 50%, rgba(198, 162, 80, .18) 90%, transparent 100%) center bottom / 76% 1px no-repeat,
        linear-gradient(180deg, #234362 0%, #18334f 55%, #11263d 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.imperial-v3-theme #enter.modal_div .modal-title {
    justify-content: space-between;
}

body.imperial-v3-theme .modal-title span,
body.imperial-v3-theme #enter.modal_div .modal-title span,
body.imperial-v3-theme .modal-header h2,
body.imperial-v3-theme .modal-header2 h2,
body.imperial-v3-theme .account-announcement-title,
body.imperial-v3-theme .ui-dialog-title {
    color: #ffffff !important;
    font-size: clamp(18px, 3vw, 22px) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme #enter.modal_div .modal-title .button-white {
    min-height: 36px;
    padding: 8px 13px;
    border-color: rgba(255,255,255,.54) !important;
    background: rgba(255,255,255,.045) !important;
    color: #ffffff !important;
}

body.imperial-v3-theme #enter.modal_div input[type="text"],
body.imperial-v3-theme #enter.modal_div input[type="password"],
body.imperial-v3-theme #select_server select,
body.imperial-v3-theme #select_server .flame-server-select-toggle,
body.imperial-v3-theme .ui-dialog input,
body.imperial-v3-theme .ui-dialog textarea,
body.imperial-v3-theme .ui-dialog select,
body.imperial-v3-theme .alertable-input {
    border: 1px solid var(--imp-field-border) !important;
    background: var(--imp-field-bg) !important;
    color: var(--imp-field-text) !important;
    box-shadow: inset 0 1px 2px rgba(20, 39, 62, .04) !important;
}

body.imperial-v3-theme #enter.modal_div input:focus,
body.imperial-v3-theme #select_server .flame-server-select-toggle:focus,
body.imperial-v3-theme .ui-dialog input:focus,
body.imperial-v3-theme .ui-dialog textarea:focus,
body.imperial-v3-theme .ui-dialog select:focus,
body.imperial-v3-theme .alertable-input:focus {
    border-color: var(--imp-field-border-focus) !important;
    background: var(--imp-field-bg-focus) !important;
    outline: 2px solid rgba(74, 132, 183, .11) !important;
    outline-offset: 0;
}

body.imperial-v3-theme #enter.modal_div .formGroup p,
body.imperial-v3-theme #enter.modal_div .lost-pass,
body.imperial-v3-theme .account-announcement-body,
body.imperial-v3-theme .ui-dialog-content,
body.imperial-v3-theme .alertable-message,
body.imperial-v3-theme .alertable-prompt {
    color: #4b586b !important;
}

body.imperial-v3-theme #select_server > div:not(.modal-header):not(.modal-header2),
body.imperial-v3-theme .ui-dialog-content {
    background: transparent !important;
}

body.imperial-v3-theme #select_server .flame-server-select-menu {
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(18, 29, 47, .22) !important;
}

body.imperial-v3-theme #select_server .flame-server-select-option {
    border-bottom: 1px solid rgba(96, 108, 128, .10) !important;
    color: #354258 !important;
}

body.imperial-v3-theme #select_server .flame-server-select-option:hover,
body.imperial-v3-theme #select_server .flame-server-select-option.is-selected {
    background: linear-gradient(90deg, #152844, #243b5d) !important;
    color: #f4e29a !important;
    box-shadow: inset 3px 0 0 var(--imp-gold-400) !important;
}

body.imperial-v3-theme .account-announcement-body {
    padding: 26px 28px 19px;
}

body.imperial-v3-theme .account-announcement-actions {
    padding: 0 28px 28px;
}

body.imperial-v3-theme .account-announcement-btn-secondary {
    border-color: rgba(113, 91, 52, .36) !important;
    background: rgba(255, 255, 255, .62) !important;
    color: #23334a !important;
}

body.imperial-v3-theme .account-announcement-close span {
    color: #f0dc87;
    font-size: 23px;
    line-height: 1;
}

body.imperial-v3-theme .alertable {
    padding-bottom: 24px !important;
}

body.imperial-v3-theme .alertable::before {
    content: "";
    display: block;
    height: 5px;
    background: linear-gradient(90deg, #7d6b43, #ebd06a, #7d6b43);
}

body.imperial-v3-theme .alertable-message,
body.imperial-v3-theme .alertable-prompt {
    margin-bottom: 20px !important;
    padding: 24px 25px 0 !important;
    font-size: 14px;
    line-height: 1.6;
}

body.imperial-v3-theme .alertable-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 25px;
}

/* Notices are defined in notice.css; these selectors neutralize older V3 overrides. */
body.imperial-v3-theme #notifier-box .message-box,
body.imperial-v3-theme div.message-box {
    color: #344054 !important;
    text-shadow: none !important;
}
body.imperial-v3-theme #notifier-box .message-box:hover,
body.imperial-v3-theme div.message-box:hover {
    transform: none !important;
    transition: none !important;
}

body.imperial-v3-theme #notifier-box .message-box div.success,
body.imperial-v3-theme #notifier-box .message-box div.error,
body.imperial-v3-theme div.message-box div.success,
body.imperial-v3-theme div.message-box div.error {
    background: linear-gradient(90deg, #183e31, #0a1425) !important;
    color: #f0e2bd !important;
}

body.imperial-v3-theme #notifier-box .message-box div.error,
body.imperial-v3-theme div.message-box div.error {
    background: linear-gradient(90deg, #57242b, #0a1425) !important;
}

body.imperial-v3-theme #notifier-box .message-box a.message-close,
body.imperial-v3-theme div.message-box a.message-close {
    transition: none !important;
    animation: none !important;
}

/* AJAX and form-validation states now use light, readable Imperial panels. */
body.imperial-v3-theme #exception {
    min-height: 46px;
    padding: 11px 54px 11px 20px;
    border: 1px solid rgba(169, 83, 78, .35);
    border-left: 4px solid var(--imp-danger);
    border-radius: 0;
    background: #fff8f2;
    color: #6a2e30;
    text-shadow: none;
    box-shadow: 0 14px 32px rgba(46, 35, 40, .14);
}

body.imperial-v3-theme .formError .formErrorContent {
    padding: 10px 13px !important;
    border: 1px solid rgba(170, 82, 76, .42) !important;
    border-left: 4px solid var(--imp-danger) !important;
    border-radius: 0 !important;
    background: #fff8f2 !important;
    color: #6a2e30 !important;
    text-shadow: none !important;
    box-shadow: 0 14px 30px rgba(37, 31, 40, .18) !important;
}

body.imperial-v3-theme .formError.greenPopup .formErrorContent {
    border-color: rgba(65, 133, 94, .35) !important;
    border-left-color: var(--imp-success) !important;
    background: #f3fbf6 !important;
    color: #28583d !important;
}

body.imperial-v3-theme .formError.blackPopup .formErrorContent {
    border-color: rgba(128, 96, 43, .38) !important;
    border-left-color: var(--imp-gold-600) !important;
    background: #faf6ed !important;
    color: #354258 !important;
}

body.imperial-v3-theme .formError .formErrorArrow div {
    border-left-color: rgba(170, 82, 76, .42) !important;
    border-right-color: rgba(170, 82, 76, .42) !important;
    background: #fff8f2 !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .formError.greenPopup .formErrorArrow div {
    border-left-color: rgba(65, 133, 94, .35) !important;
    border-right-color: rgba(65, 133, 94, .35) !important;
    background: #f3fbf6 !important;
}

body.imperial-v3-theme .formError.blackPopup .formErrorArrow div {
    border-left-color: rgba(128, 96, 43, .38) !important;
    border-right-color: rgba(128, 96, 43, .38) !important;
    background: #faf6ed !important;
}

/* Legacy embedded modules that still declare orange/rounded rules inline. */
body.imperial-v3-theme .flame-check-actions .btn-danger,
body.imperial-v3-theme .flame-check-action .btn,
body.imperial-v3-theme .flame-quests-actions .vs-btn2,
body.imperial-v3-theme .flame-quest-claim-btn,
body.imperial-v3-theme .flame-quest-reload {
    border-radius: 0 !important;
    border-color: var(--imp-gold-600) !important;
    background: linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    color: #f2e2b7 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-quests-info,
body.imperial-v3-theme .flame-check-panel,
body.imperial-v3-theme .flame-check-table,
body.imperial-v3-theme .flame-recent-completed,
body.imperial-v3-theme .flame-quest-card,
body.imperial-v3-theme .flame-quest-icon,
body.imperial-v3-theme .flame-progressbar,
body.imperial-v3-theme .quest-reward-gremory-note,
body.imperial-v3-theme .quest-reward-mu-tooltip,
body.imperial-v3-theme .flame-fixed-reward-tooltip {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-recent-completed-icon,
body.imperial-v3-theme .flame-live-dot,
body.imperial-v3-theme .account-log-id-circle,
body.imperial-v3-theme .zen-wallet-log-id-circle,
body.imperial-v3-theme .xshop-log-id-circle {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-live-dot {
    transform: rotate(45deg);
    animation: none !important;
}

@media (max-width: 1260px) {
    body.imperial-v3-theme .main {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 340px);
    }
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .main {
        grid-template-columns: minmax(0, 1fr);
        width: min(900px, calc(100% - 32px));
    }

}

@media (max-width: 720px) {
    body.imperial-v3-theme .main {
        width: calc(100% - 20px);
    }

    body.imperial-v3-theme #enter.modal_div form {
        padding: 22px 20px 26px;
    }

    body.imperial-v3-theme .modal-title,
    body.imperial-v3-theme #enter.modal_div .modal-title,
    body.imperial-v3-theme .modal-header,
    body.imperial-v3-theme .modal-header2,
    body.imperial-v3-theme .account-announcement-head,
    body.imperial-v3-theme .ui-dialog-titlebar {
        min-height: 62px;
        padding: 15px 58px 15px 18px !important;
    }

    body.imperial-v3-theme #enter.modal_div .modal-title {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    body.imperial-v3-theme .imperial-server-select-body,
    body.imperial-v3-theme .account-announcement-body {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.imperial-v3-theme .account-announcement-actions {
        padding-left: 20px;
        padding-right: 20px;
    }

    body.imperial-v3-theme .flame-event-tooltip {
        width: min(344px, calc(100vw - 16px));
    }

    body.imperial-v3-theme .flame-event-tooltip-list {
        padding-left: 16px;
        padding-right: 16px;
    }

    body.imperial-v3-theme .flame-event-tooltip::before {
        display: none;
    }

    body.imperial-v3-theme .alertable-buttons {
        align-items: stretch;
        flex-direction: column;
    }
}

/* ========================================================================== 
   Public-theme structural refinements
   This section is consolidated into flamecms.css during packaging.
   ========================================================================== */

html {
    scrollbar-width: thin;
    scrollbar-color: #b99f57 #081426;
}

html::-webkit-scrollbar,
body.imperial-v3-theme *::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

html::-webkit-scrollbar-track,
body.imperial-v3-theme *::-webkit-scrollbar-track {
    background: #081426;
    box-shadow: inset 0 0 0 1px rgba(223, 195, 126, .12);
}

html::-webkit-scrollbar-thumb,
body.imperial-v3-theme *::-webkit-scrollbar-thumb {
    min-height: 42px;
    border: 2px solid #081426;
    border-radius: 0;
    background: linear-gradient(180deg, #ecd16d, #b99a31 52%, #8c7227);
    box-shadow: inset 0 0 0 1px rgba(255, 246, 211, .35);
}

html::-webkit-scrollbar-thumb:hover,
body.imperial-v3-theme::-webkit-scrollbar-thumb:hover,
body.imperial-v3-theme *::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #f2dc82, #c7ab3d 52%, #9a7e2c) !important;
}

body.imperial-v3-theme {
    background:
        radial-gradient(ellipse at 12% 10%, rgba(255, 255, 255, .96), transparent 34%),
        radial-gradient(ellipse at 88% 18%, rgba(205, 217, 236, .48), transparent 38%),
        linear-gradient(180deg, #f7f4ed 0%, #ebe8e1 48%, #f7f4ee 100%) !important;
}

body.imperial-v3-theme::before {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Keep the character faces below the navigation and realm monitor on every viewport. */
body.imperial-v3-theme .imperial-hero-backdrop {
    background-color: #07101f;
    background-position: 56% 188px;
    transform: none;
}

body.imperial-v3-theme .imperial-hero-backdrop::before {
    background:
        linear-gradient(180deg, rgba(5, 13, 25, .70) 0 145px, rgba(5, 12, 24, .78) 210px, rgba(4, 10, 20, .08) 390px, rgba(4, 9, 18, .16) 72%, rgba(5, 10, 20, .90) 100%),
        linear-gradient(90deg, rgba(4, 10, 20, .78) 0%, rgba(6, 13, 25, .55) 29%, rgba(6, 13, 25, .06) 58%, rgba(4, 8, 15, .10) 100%);
}

body.imperial-v3-theme .topPanel,
body.imperial-v3-theme .imperial-realm-monitor {
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    backdrop-filter: blur(14px) saturate(118%);
}

/* Crisp login/enter glyph: door frame, shaft and chevron are all pixel-aligned. */
body.imperial-v3-theme .icon-enter {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 19px;
    margin-right: 9px;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(#e8cd62, #e8cd62) 0 50% / 13px 2px no-repeat !important;
    box-shadow: none !important;
    transform: none !important;
}

body.imperial-v3-theme .icon-enter::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    width: 11px;
    height: 17px;
    border: 2px solid #e8cd62;
    border-left: 0;
    background: transparent;
}

body.imperial-v3-theme .icon-enter::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 7px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0;
    border-top: 2px solid #e8cd62;
    border-right: 2px solid #e8cd62;
    background: transparent;
    transform: rotate(45deg);
}

/* More exact page rhythm; prevents large empty bands on inner pages. */
body.imperial-v3-theme .flame-content,
body.imperial-v3-theme .news {
    min-width: 0;
}

body.imperial-v3-theme .flame-page-title,
body.imperial-v3-theme .news-title {
    margin: 0 0 14px;
}

body.imperial-v3-theme .news-title,
body.imperial-v3-theme .flame-page-title h1 {
    min-height: 54px;
    margin: 0;
    padding: 8px 0 12px 19px;
    font-size: clamp(24px, 2vw, 34px);
}

body.imperial-v3-theme .news-title::before,
body.imperial-v3-theme .flame-page-title h1::before {
    top: 10px;
    bottom: 10px;
    width: 3px;
}

body.imperial-v3-theme .news-title::after,
body.imperial-v3-theme .flame-page-title h1::after {
    left: 19px;
    background: linear-gradient(90deg, #c0a43b 0, rgba(198, 165, 58, .42) 34%, transparent 82%);
}

body.imperial-v3-theme .flame-page-content {
    padding: clamp(24px, 3vw, 38px) !important;
}

/* Legacy plugin pages now share the same page shell as native Imperial views. */
body.imperial-v3-theme .vs-blog {
    overflow: hidden;
    border: 1px solid rgba(145, 105, 42, .34);
    border-radius: 0 !important;
    background: #f7f3eb;
    box-shadow: 0 16px 36px rgba(24, 34, 50, .11);
}

body.imperial-v3-theme .vs-blog .blog-meta,
body.imperial-v3-theme .vs-blog .bg-major-black.blog-meta {
    min-height: 58px;
    padding: 12px 20px;
    border: 0 !important;
    border-bottom: 1px solid rgba(221, 190, 116, .36) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(218, 184, 101, .08), transparent 48%),
        linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
}

body.imperial-v3-theme .vs-blog .blog-title,
body.imperial-v3-theme .vs-blog .blog-title h2 {
    margin: 0 !important;
    color: #f0d97d !important;
    font-family: var(--imp-font-display);
    font-size: 19px;
    font-weight: 600;
    letter-spacing: .045em;
    text-shadow: none !important;
}

body.imperial-v3-theme .vs-blog .blog-content,
body.imperial-v3-theme .vs-blog .bg-major-black.blog-content {
    min-width: 0;
    padding: clamp(20px, 2.6vw, 34px);
    border-radius: 0 !important;
    background: linear-gradient(145deg, #fffdf8, #eee8dc) !important;
    color: #344157;
}

body.imperial-v3-theme .tabBlock {
    padding: 24px 24px 27px;
}

body.imperial-v3-theme #events > .flame-event-tooltip-trigger {
    min-height: 45px;
    padding: 10px 7px 10px 13px;
    background: rgba(255, 255, 255, .32);
    opacity: 1 !important;
}

body.imperial-v3-theme #events > .flame-event-tooltip-trigger:nth-child(even) {
    background: rgba(225, 220, 209, .34);
}

body.imperial-v3-theme #events > .flame-event-tooltip-trigger > span {
    color: #1a2940 !important;
}

body.imperial-v3-theme #events > .flame-event-tooltip-trigger > small {
    color: var(--imp-gold-600) !important;
}

/* Rankings: target the real per-server IDs and remove oversized legacy pills. */
body.imperial-v3-theme .flame-rankings-page-content .nav-pills {
    gap: 7px;
    margin: 0 0 18px;
}

body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"],
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
}

body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn,
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn {
    min-width: 118px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    letter-spacing: .055em !important;
}

body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn.is-active,
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn.is-active {
    border-color: #f0d99a !important;
    background: linear-gradient(180deg, #304a70 0%, #1b2f4d 50%, #0a1627 100%) !important;
    color: #fff0c4 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), inset 0 -2px 0 rgba(240,217,154,.30), 0 0 0 1px rgba(240,217,154,.08), 0 8px 18px rgba(10,20,34,.18) !important;
}

body.imperial-v3-theme .flame-rankings-table-area,
body.imperial-v3-theme .flame-rankings-table-area table {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-rankings-table-area .flame-data-table,
body.imperial-v3-theme .flame-rankings-table-area .flame-legacy-rankings-table,
body.imperial-v3-theme .flame-rankings-table-area .ranking-table {
    border-spacing: 0 2px !important;
}

body.imperial-v3-theme .flame-rankings-table-area tbody tr,
body.imperial-v3-theme .flame-rankings-table-area tbody td {
    border-radius: 0 !important;
}

/* Character, account and guild section headers use one angular Imperial system. */
body.imperial-v3-theme .flame-profile-modern-table {
    overflow: hidden !important;
    border: 1px solid rgba(153, 112, 45, .42) !important;
    border-radius: 0 !important;
    background: #f7f3eb !important;
    box-shadow: 0 12px 26px rgba(28, 38, 55, .10) !important;
}

body.imperial-v3-theme .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th {
    padding: 0 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(213, 178, 95, .08), transparent 46%),
        linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.imperial-v3-theme .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th::after {
    left: 18px;
    right: 18px;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #d6b94d 14%, var(--imp-gold-bright) 50%, #d6b94d 86%, transparent 100%);
    box-shadow: 0 1px 7px rgba(222, 191, 117, .10);
}

body.imperial-v3-theme .flame-profile-modern-title {
    min-height: 52px;
    gap: 0 !important;
    padding: 10px 18px 12px;
}

body.imperial-v3-theme .flame-profile-modern-icon {
    display: none !important;
}

body.imperial-v3-theme .flame-profile-modern-icon::before {
    display: none;
}

body.imperial-v3-theme .flame-profile-modern-icon-glyph {
    border-radius: 0 !important;
    font-size: 15px;
    transform: rotate(-45deg) !important;
}

body.imperial-v3-theme .flame-profile-modern-text {
    color: #f2e2b6;
    font-family: var(--imp-font-display);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .07em;
    text-shadow: none;
}

body.imperial-v3-theme .flame-profile-modern-text .flame-profile-modern-name,
body.imperial-v3-theme .flame-profile-modern-text a.flame-profile-modern-name {
    color: #ffffff !important;
}

body.imperial-v3-theme .flame-account-details-table tr,
body.imperial-v3-theme .flame-character-details-table tr,
body.imperial-v3-theme .flame-guild-info-table tr {
    border-radius: 0 !important;
}

/* Consistent angular system for popups, notifications and validation states. */
body.imperial-v3-theme .modal_div,
body.imperial-v3-theme .ui-dialog,
body.imperial-v3-theme .alertable,
body.imperial-v3-theme .account-announcement-popup,
body.imperial-v3-theme #notifier-box > div,
body.imperial-v3-theme .formErrorContent,
body.imperial-v3-theme .validation_error,
body.imperial-v3-theme .alert {
    border-radius: 0 !important;
}

body.imperial-v3-theme .alertable,
body.imperial-v3-theme .account-announcement-popup {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

body.imperial-v3-theme .alert-danger,
body.imperial-v3-theme .validation_error,
body.imperial-v3-theme .formErrorContent {
    border-color: rgba(158, 68, 66, .52) !important;
    background: linear-gradient(135deg, #fff8f6, #f2ded9) !important;
    color: #7d2f32 !important;
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 68% 154px;
    }
}

@media (max-width: 720px) {
    html::-webkit-scrollbar,
    body.imperial-v3-theme *::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 77.5% 145px;
    }

    body.imperial-v3-theme .imperial-hero-backdrop::before {
        background:
            linear-gradient(180deg, #06101f 0 118px, rgba(5, 12, 24, .88) 166px, rgba(4, 10, 20, .24) 340px, rgba(4, 9, 18, .92) 100%),
            linear-gradient(90deg, rgba(4, 10, 20, .60), rgba(4, 10, 20, .10) 66%, rgba(4, 10, 20, .17));
    }

    body.imperial-v3-theme .topPanel-right .user-enter .icon-enter {
        margin: 0;
    }

    body.imperial-v3-theme .flame-page-content {
        padding: 20px 16px !important;
    }

    body.imperial-v3-theme .news-title,
    body.imperial-v3-theme .flame-page-title h1 {
        min-height: 46px;
        padding: 7px 0 10px 16px;
        font-size: 23px;
    }

    body.imperial-v3-theme .tabBlock {
        padding: 19px 15px 22px;
    }

    body.imperial-v3-theme .tabs-button li {
        height: 50px;
        font-size: 9px;
        line-height: 50px;
    }

    body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn,
    body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn {
        flex: 1 1 calc(50% - 7px);
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 8px 9px !important;
        font-size: 10px !important;
    }

    body.imperial-v3-theme .flame-profile-modern-title {
        min-height: 48px;
        padding: 9px 12px 11px;
    }

    body.imperial-v3-theme .flame-profile-modern-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    body.imperial-v3-theme .flame-profile-modern-text {
        font-size: 12px;
    }
}

/* V5 structural repair: style.css declares every .table as absolute/full-height.
   Public content tables must participate in normal document flow. */
body.imperial-v3-theme .flame-content table.table,
body.imperial-v3-theme .news table.table,
body.imperial-v3-theme .content table.table,
body.imperial-v3-theme .tabBlock table.table,
body.imperial-v3-theme .blog-content table.table,
body.imperial-v3-theme table.flame-profile-modern-table,
body.imperial-v3-theme table.flame-data-table,
body.imperial-v3-theme table.flame-legacy-rankings-table {
    position: relative !important;
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.imperial-v3-theme .flame-profile-modern-table + .flame-extra-equipment-info,
body.imperial-v3-theme .flame-equipment-table-wrap + .flame-extra-equipment-info {
    clear: both !important;
    margin-top: 16px !important;
}

/* ========================================================================== 
   Form, ranking and table consistency
   Resolves the remaining legacy shorthand, late plugin and responsive table
   conflicts without introducing another public stylesheet.
   ========================================================================== */

/* Every inner page begins after the hero transition with the same rhythm. */
body.imperial-v3-theme.imperial-inner .main {
    margin-top: 18px !important;
}

body.imperial-v3-theme .flame-page-title,
body.imperial-v3-theme .news-title {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

body.imperial-v3-theme .flame-page-title h1,
body.imperial-v3-theme .news-title {
    width: 100%;
}

/* Light controls: use a complete background shorthand so an older
   !important gradient cannot survive as an invisible second layer. */
body.imperial-v3-theme input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.imperial-v3-theme textarea,
body.imperial-v3-theme .form-control:not(select),
body.imperial-v3-theme #enter.modal_div input[type="text"],
body.imperial-v3-theme #enter.modal_div input[type="password"],
body.imperial-v3-theme .ui-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.imperial-v3-theme .ui-dialog textarea,
body.imperial-v3-theme .alertable-input {
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background: var(--imp-field-bg) !important;
    color: var(--imp-field-text) !important;
    caret-color: #527fa8 !important;
    -webkit-text-fill-color: var(--imp-field-text) !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 2px rgba(21, 31, 48, .07) !important;
}

body.imperial-v3-theme select,
body.imperial-v3-theme select.form-control {
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(45deg, transparent 50%, var(--imp-field-arrow) 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, var(--imp-field-arrow) 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-bg) !important;
    color: var(--imp-field-text) !important;
    -webkit-text-fill-color: var(--imp-field-text) !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 2px rgba(21, 31, 48, .07) !important;
}

body.imperial-v3-theme select option,
body.imperial-v3-theme select.form-control option {
    background: #ffffff !important;
    color: #26364d !important;
    -webkit-text-fill-color: #26364d !important;
}

body.imperial-v3-theme input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
body.imperial-v3-theme textarea:focus,
body.imperial-v3-theme .form-control:focus,
body.imperial-v3-theme #enter.modal_div input:focus,
body.imperial-v3-theme .ui-dialog input:focus,
body.imperial-v3-theme .ui-dialog textarea:focus,
body.imperial-v3-theme .alertable-input:focus {
    border-color: var(--imp-field-border-focus) !important;
    background: var(--imp-field-bg-focus) !important;
    color: #101f34 !important;
    -webkit-text-fill-color: #101f34 !important;
    box-shadow: 0 0 0 2px rgba(74, 132, 183, .11), 0 0 0 1px rgba(230,205,106,.18) inset !important;
}

body.imperial-v3-theme select:focus,
body.imperial-v3-theme select.form-control:focus {
    background:
        linear-gradient(45deg, transparent 50%, var(--imp-field-arrow-focus) 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, var(--imp-field-arrow-focus) 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-bg-focus) !important;
}

body.imperial-v3-theme input[readonly],
body.imperial-v3-theme input:disabled,
body.imperial-v3-theme textarea:disabled,
body.imperial-v3-theme select:disabled {
    background: #e9eff5 !important;
    color: #657084 !important;
    -webkit-text-fill-color: #657084 !important;
    opacity: 1 !important;
}

body.imperial-v3-theme input::placeholder,
body.imperial-v3-theme textarea::placeholder,
body.imperial-v3-theme #enter.modal_div input::placeholder {
    color: var(--imp-field-muted) !important;
    -webkit-text-fill-color: var(--imp-field-muted) !important;
    opacity: 1 !important;
}

body.imperial-v3-theme input:-webkit-autofill,
body.imperial-v3-theme input:-webkit-autofill:hover,
body.imperial-v3-theme input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--imp-field-text) !important;
    box-shadow: inset 0 0 0 1000px var(--imp-field-bg) !important;
    transition: background-color 9999s ease-out 0s;
}

body.imperial-v3-theme .flame-modern-form label.control-label,
body.imperial-v3-theme #enter.modal_div .formGroup p {
    color: #344157 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-modern-form .form-control {
    min-height: 46px;
}

body.imperial-v3-theme .flame-modern-form select.form-control {
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(45deg, transparent 50%, var(--imp-field-arrow) 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, var(--imp-field-arrow) 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-bg) !important;
    color: var(--imp-field-text) !important;
    -webkit-text-fill-color: var(--imp-field-text) !important;
    color-scheme: light !important;
    box-shadow: inset 0 1px 2px rgba(21, 31, 48, .07) !important;
}

body.imperial-v3-theme .flame-modern-form select.form-control:focus {
    border-color: var(--imp-gold-600) !important;
    background:
        linear-gradient(45deg, transparent 50%, var(--imp-field-arrow) 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, var(--imp-field-arrow) 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        #ffffff !important;
    color: #101f34 !important;
    -webkit-text-fill-color: #101f34 !important;
}

body.imperial-v3-theme .flame-custom-select-trigger {
    min-height: 46px;
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background: var(--imp-field-bg) !important;
    color: var(--imp-field-text) !important;
    text-shadow: none;
    box-shadow: inset 0 1px 2px rgba(21, 31, 48, .07) !important;
    clip-path: none !important;
    text-transform: none !important;
}

body.imperial-v3-theme .flame-custom-select-trigger:hover,
body.imperial-v3-theme .flame-custom-select-trigger:focus,
body.imperial-v3-theme .flame-custom-select.is-open .flame-custom-select-trigger {
    border-color: var(--imp-field-border-focus) !important;
    background: var(--imp-field-bg-focus) !important;
    color: #101f34 !important;
    box-shadow: 0 0 0 2px rgba(74, 132, 183, .11), 0 0 0 1px rgba(230,205,106,.18) inset !important;
    transform: none !important;
}

body.imperial-v3-theme .flame-custom-select-options {
    border: 1px solid var(--imp-field-border);
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 18px 38px rgba(18, 29, 47, .22);
}

body.imperial-v3-theme .flame-custom-select-option {
    color: #334157;
    background: transparent;
    text-shadow: none;
}

body.imperial-v3-theme .flame-custom-select-option:hover,
body.imperial-v3-theme .flame-custom-select-option.is-focused {
    color: #15253d;
    background: #eef5fb;
    box-shadow: inset 3px 0 0 var(--imp-gold-600);
}

body.imperial-v3-theme .flame-custom-select-option.is-selected,
body.imperial-v3-theme .flame-custom-select-option.is-selected:hover,
body.imperial-v3-theme .flame-custom-select-option.is-selected.is-focused {
    color: #15253d;
    background: #eaf2f9;
    box-shadow: inset 3px 0 0 var(--imp-gold-600);
}

/* Popup controls use the same light input language as page forms. */
body.imperial-v3-theme #enter.modal_div .formGroup {
    margin-bottom: 18px !important;
}

body.imperial-v3-theme #enter.modal_div .lost-pass {
    color: var(--imp-gold-700) !important;
}

/* Rankings controls are equal in visual weight; the class menu is no longer
   the dark rounded Flame popup. */
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"],
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] {
    gap: 9px !important;
    margin-bottom: 22px !important;
}

body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn,
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn {
    min-width: 132px !important;
    min-height: 48px !important;
    padding: 11px 17px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    letter-spacing: .05em !important;
}

body.imperial-v3-theme .flame-rankings-page-content h2.title {
    margin: 0 0 18px !important;
}

body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills {
    display: flex !important;
    float: none !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 9px !important;
    margin: 0 !important;
}

body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills > .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 118px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 11px 17px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
}

body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter {
    margin: 2px auto 16px !important;
}

body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn,
body.imperial-v3-theme .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn {
    min-width: 154px !important;
    min-height: 48px !important;
    padding: 11px 18px !important;
    border: 1px solid rgba(224,197,128,.82) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #273c5d 0%, #162741 50%, #081321 100%) !important;
    color: #f5e7c1 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    transform: none !important;
}

body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
body.imperial-v3-theme .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu {
    min-width: 238px !important;
    max-height: none !important;
    margin-top: 6px !important;
    padding: 6px !important;
    overflow: visible !important;
    border: 1px solid rgba(142, 105, 44, .46) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #26364d !important;
    box-shadow: 0 20px 42px rgba(18, 29, 47, .24) !important;
}

body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li {
    margin: 0 !important;
}

body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a,
body.imperial-v3-theme .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a {
    min-height: 38px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid rgba(95, 107, 127, .10) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #334157 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:hover,
body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:focus,
body.imperial-v3-theme .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:hover,
body.imperial-v3-theme .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:focus {
    background: rgba(190, 151, 75, .13) !important;
    color: #15253d !important;
    box-shadow: inset 3px 0 0 var(--imp-gold-600) !important;
    transform: none !important;
}

body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img,
body.imperial-v3-theme .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    border: 1px solid rgba(137, 101, 44, .45) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Tables: stronger text contrast with quiet alternating and hover states. */
body.imperial-v3-theme .flame-content table td,
body.imperial-v3-theme .news table td,
body.imperial-v3-theme .content table td,
body.imperial-v3-theme .tabBlock table td,
body.imperial-v3-theme .flame-data-table td,
body.imperial-v3-theme .flame-legacy-rankings-table td,
body.imperial-v3-theme .flame-profile-modern-table td {
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .62) !important;
    color: #334157 !important;
}

body.imperial-v3-theme .flame-content table tbody tr:nth-child(even) td,
body.imperial-v3-theme .flame-content table tbody tr:nth-child(odd) td,
body.imperial-v3-theme .news table tbody tr:nth-child(even) td,
body.imperial-v3-theme .news table tbody tr:nth-child(odd) td,
body.imperial-v3-theme .content table tbody tr:nth-child(even) td,
body.imperial-v3-theme .content table tbody tr:nth-child(odd) td,
body.imperial-v3-theme .tabBlock table tbody tr:nth-child(even) td,
body.imperial-v3-theme .tabBlock table tbody tr:nth-child(odd) td,
body.imperial-v3-theme .table-striped > tbody > tr:nth-of-type(even) td,
body.imperial-v3-theme .table-striped > tbody > tr:nth-of-type(odd) td {
    background: rgba(252, 250, 246, .88) !important;
}

body.imperial-v3-theme .flame-content table tbody tr:hover td,
body.imperial-v3-theme .news table tbody tr:hover td,
body.imperial-v3-theme .content table tbody tr:hover td,
body.imperial-v3-theme .tabBlock table tbody tr:hover td,
body.imperial-v3-theme .flame-rankings-table-area tbody tr:hover td,
body.imperial-v3-theme .table-striped > tbody > tr:hover td {
    background: rgba(252, 250, 246, .88) !important;
    color: #26354b !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-content table td a,
body.imperial-v3-theme .news table td a,
body.imperial-v3-theme .content table td a,
body.imperial-v3-theme .tabBlock table td a,
body.imperial-v3-theme .flame-rankings-table-area tbody td a {
    color: #253750 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-profile-modern-th .flame-profile-modern-name,
body.imperial-v3-theme .flame-profile-modern-th a.flame-profile-modern-name {
    color: #f0dca4 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-content table td a:hover,
body.imperial-v3-theme .flame-content table td a:focus,
body.imperial-v3-theme .news table td a:hover,
body.imperial-v3-theme .news table td a:focus,
body.imperial-v3-theme .content table td a:hover,
body.imperial-v3-theme .content table td a:focus,
body.imperial-v3-theme .tabBlock table td a:hover,
body.imperial-v3-theme .tabBlock table td a:focus,
body.imperial-v3-theme .flame-rankings-table-area tbody td a:hover,
body.imperial-v3-theme .flame-rankings-table-area tbody td a:focus {
    color: var(--imp-link-blue-hover) !important;
}

body.imperial-v3-theme .flame-rankings-table-area .flame-data-table,
body.imperial-v3-theme .flame-rankings-table-area .flame-legacy-rankings-table,
body.imperial-v3-theme .flame-rankings-table-area .ranking-table,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table {
    border-spacing: 0 1px !important;
}

body.imperial-v3-theme .flame-rankings-table-area tbody tr,
body.imperial-v3-theme .flame-rankings-table-area tbody td,
body.imperial-v3-theme .flame-rankings-table-area thead th {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table > thead > tr > th:first-child,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table > thead > tr > th:last-child,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table > tbody > tr > td:first-child,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table > tbody > tr > td:last-child {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a {
    color: #253750 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table .flame-cell-name a:hover,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a:hover,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a:hover,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a:hover {
    color: var(--imp-link-blue-hover) !important;
}

/* Equipment: angular navy slots and a full-slot hover wash, not a rounded
   outline drawn around only the item image. */
body.imperial-v3-theme .flame-equipment-card {
    border: 1px solid rgba(145, 105, 42, .38) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, #fffdf8 0%, #f1ece2 64%, #e9e2d5 100%) !important;
    box-shadow: 0 14px 32px rgba(22, 33, 51, .12), inset 0 1px 0 #fff !important;
}

body.imperial-v3-theme .flame-equipment-card #inventoryc .inv-slot-bg,
body.imperial-v3-theme .flame-equipment-card #inventoryc > img {
    border: 1px solid rgba(118, 151, 190, .34) !important;
    border-radius: 0 !important;
    background: radial-gradient(circle at 50% 38%, rgba(73, 119, 174, .20), transparent 52%), linear-gradient(180deg, #162943, #07101e) !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 18px rgba(20, 31, 48, .18) !important;
}

body.imperial-v3-theme .flame-equipment-card #inventoryc .inv-slot-bg::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^="in_"] {
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^="in_"]::after {
    content: none !important;
    display: none !important;
    inset: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
}

body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^="in_"]:hover::after,
body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^="in_"]:focus::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
}

body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^="in_"]:hover,
body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^="in_"]:focus {
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

body.imperial-v3-theme .flame-extra-equipment-info {
    margin-top: 0 !important;
}

body.imperial-v3-theme #tooltip {
    max-width: min(440px, calc(100vw - 20px));
    padding: 9px 11px;
    border: 1px solid rgba(218, 188, 116, .58);
    border-radius: 0;
    background: linear-gradient(180deg, rgba(20, 38, 65, .985), rgba(5, 12, 23, .995));
    color: #edf0f5;
    opacity: .985;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .48), inset 0 0 0 3px rgba(212, 178, 96, .04);
}

@media (max-width: 1260px) and (min-width: 1081px) {
    body.imperial-v3-theme .menu__link {
        padding-left: 7px;
        padding-right: 7px;
        font-size: 12.5px;
    }
}

@media (max-width: 1080px) {
    body.imperial-v3-theme.imperial-inner .main {
        margin-top: 16px !important;
    }
}

@media (max-width: 767.98px) {
    body.imperial-v3-theme.imperial-inner .main {
        margin-top: 12px !important;
    }

    body.imperial-v3-theme .table-responsive,
    body.imperial-v3-theme .table-responsive-sm,
    body.imperial-v3-theme .table-responsive-md,
    body.imperial-v3-theme .table-responsive-lg,
    body.imperial-v3-theme .table-responsive-xl,
    body.imperial-v3-theme .flame-rankings-table-wrap,
    body.imperial-v3-theme .flame-rankings-table-area,
    body.imperial-v3-theme .flame-guild-members-wrap,
    body.imperial-v3-theme .account-logs-wrap,
    body.imperial-v3-theme .zen-wallet-logs-wrap,
    body.imperial-v3-theme .xshop-logs-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body.imperial-v3-theme .flame-content table:not(.flame-equipment-table),
    body.imperial-v3-theme .news table,
    body.imperial-v3-theme .content table,
    body.imperial-v3-theme .tabBlock table,
    body.imperial-v3-theme .blog-content table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    body.imperial-v3-theme .flame-content table:not(.flame-equipment-table) th,
    body.imperial-v3-theme .flame-content table:not(.flame-equipment-table) td,
    body.imperial-v3-theme .news table th,
    body.imperial-v3-theme .news table td,
    body.imperial-v3-theme .content table th,
    body.imperial-v3-theme .content table td,
    body.imperial-v3-theme .tabBlock table th,
    body.imperial-v3-theme .tabBlock table td {
        min-width: 0 !important;
        max-width: none !important;
        padding: 6px 4px !important;
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: normal;
        white-space: normal !important;
        font-size: clamp(9px, 2.7vw, 12px) !important;
        line-height: 1.25 !important;
        text-overflow: ellipsis;
    }

    body.imperial-v3-theme .flame-rankings-table .flame-cell-rank {
        width: 7% !important;
    }

    body.imperial-v3-theme .flame-rankings-table .flame-cell-player-name {
        width: 22% !important;
    }

    body.imperial-v3-theme .flame-rankings-table .flame-cell-player-class {
        width: 19% !important;
    }

    body.imperial-v3-theme .flame-rankings-table .flame-cell-player-level,
    body.imperial-v3-theme .flame-rankings-table .flame-cell-player-resets {
        width: 13% !important;
    }

    body.imperial-v3-theme .flame-rankings-table .flame-cell-player-location {
        width: 26% !important;
    }

    body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: 7px !important;
    }

    body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills > .nav-link {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 9px 5px !important;
        font-size: 11px !important;
    }

    body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn,
    body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn {
        flex: 1 1 calc(50% - 9px);
        min-width: 0 !important;
        min-height: 42px !important;
        padding: 9px 7px !important;
        font-size: 10.5px !important;
    }

    body.imperial-v3-theme #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn,
    body.imperial-v3-theme .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn {
        min-width: 148px !important;
        min-height: 44px !important;
        padding: 9px 14px !important;
        font-size: 12px !important;
    }

    body.imperial-v3-theme .flame-extra-equipment-info .flame-extra-row,
    body.imperial-v3-theme .flame-extra-equipment-info .flame-ability-scroll,
    body.imperial-v3-theme .flame-extra-equipment-info .ability-scroll,
    body.imperial-v3-theme .flame-extra-equipment-info .ability_book_scroll,
    body.imperial-v3-theme .flame-extra-equipment-info .ability-book-scroll {
        overflow-x: hidden !important;
    }
}

@media (max-width: 420px) {
    body.imperial-v3-theme .flame-page-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.imperial-v3-theme .flame-content table:not(.flame-equipment-table) th,
    body.imperial-v3-theme .flame-content table:not(.flame-equipment-table) td {
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: clamp(8px, 2.55vw, 10.5px) !important;
    }
}

/* ==========================================================================
   Canonical hero alignment
   Home is the reference geometry for every public page.
   ========================================================================== */

/* Desktop inner pages used a shorter hero/header, which moved the logo and
   Start Game block vertically. Keep the exact Home geometry everywhere. */
@media (min-width: 1081px) {
    body.imperial-v3-theme.imperial-inner .imperial-hero-stage {
        min-height: 850px;
    }

    body.imperial-v3-theme.imperial-inner .header {
        height: 610px;
        padding-top: 40px;
        padding-bottom: 94px;
    }

    /* One artwork scale and anchor for Home and all inner pages. */
    body.imperial-v3-theme .imperial-hero-backdrop {
        background-size: max(108vw, 2100px) auto;
        background-position: 56% 132px;
    }
}

/* Clean separation between the dark hero and light page surface: no pale blur. */
body.imperial-v3-theme .imperial-hero-backdrop::after {
    height: 34px;
    background:
        linear-gradient(90deg, transparent 0%, rgba(198, 157, 76, .34) 18%, rgba(232, 209, 147, .72) 50%, rgba(198, 157, 76, .34) 82%, transparent 100%) center bottom / min(1180px, 82vw) 1px no-repeat,
        linear-gradient(180deg, rgba(5, 11, 22, 0) 0%, rgba(5, 11, 22, .52) 100%);
}

/* Use one content offset on every public page. */
body.imperial-v3-theme .main {
    margin-top: 18px !important;
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .main {
        margin-top: 16px !important;
    }
}

@media (max-width: 767.98px) {
    body.imperial-v3-theme .main {
        margin-top: 12px !important;
    }
}

/* ========================================================================== 
   Legacy-component normalization
   Final normalization for public modules that still emit older CMS helper
   classes. This removes the last Flame-era dark/rounded leaks without
   changing module markup or functionality.
   ========================================================================== */

/* Bootstrap/legacy utility classes such as text-white and bg-light-dark are
   still present in several older module views. On Imperial form controls the
   light control language always wins. */
body.imperial-v3-theme input.form-control.bg-light-dark,
body.imperial-v3-theme textarea.form-control.bg-light-dark,
body.imperial-v3-theme select.form-control.bg-light-dark,
body.imperial-v3-theme input.form-control.text-white,
body.imperial-v3-theme textarea.form-control.text-white,
body.imperial-v3-theme select.form-control.text-white {
    border-color: var(--imp-field-border) !important;
    border-radius: 0 !important;
    color: var(--imp-field-text) !important;
    -webkit-text-fill-color: var(--imp-field-text) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme input.form-control.bg-light-dark,
body.imperial-v3-theme textarea.form-control.bg-light-dark,
body.imperial-v3-theme input.form-control.text-white,
body.imperial-v3-theme textarea.form-control.text-white {
    background: var(--imp-field-bg) !important;
}

body.imperial-v3-theme select.form-control.bg-light-dark,
body.imperial-v3-theme select.form-control.text-white {
    background:
        linear-gradient(45deg, transparent 50%, var(--imp-field-arrow) 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, var(--imp-field-arrow) 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-bg) !important;
}

/* A handful of core and plugin pages still use these old generic wrappers.
   They previously had no active Imperial definition, which caused visual
   differences from page to page. */
body.imperial-v3-theme .box-style1 {
    position: relative;
    width: 100%;
    margin: 0 0 20px;
    padding: 22px 24px;
    border: 1px solid rgba(139, 103, 45, .30);
    border-radius: 0;
    background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(244,240,232,.94));
    color: #26364d;
    box-shadow: 0 10px 28px rgba(20, 31, 49, .08), inset 0 1px 0 rgba(255,255,255,.90);
}

body.imperial-v3-theme .box-style1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #dec04e, #a4862c);
}

body.imperial-v3-theme .box-style1 .entry {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.imperial-v3-theme .box-style1 .title1,
body.imperial-v3-theme .title1 {
    margin: 0 0 14px;
    color: #17283f;
    font-family: var(--imp-font-display);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .035em;
}

body.imperial-v3-theme .e_note,
body.imperial-v3-theme .i_note,
body.imperial-v3-theme .s_note {
    position: relative;
    margin: 10px 0;
    padding: 13px 15px 13px 18px;
    border: 1px solid rgba(87, 104, 127, .22);
    border-left-width: 3px;
    border-radius: 0;
    background: #f8f6f1;
    color: #38465a;
    font-family: var(--imp-font-ui);
    font-size: 13px;
    line-height: 1.5;
    text-shadow: none;
    box-shadow: none;
}

body.imperial-v3-theme .e_note {
    border-left-color: #a9524e;
    background: #fbf4f2;
    color: #723a37;
}

body.imperial-v3-theme .i_note {
    border-left-color: #54789f;
    background: #f2f6fa;
    color: #324f70;
}

body.imperial-v3-theme .s_note {
    border-left-color: #5d8d72;
    background: #f2f8f4;
    color: #315c42;
}

/* Old modules use button-style instead of Bootstrap/Imperial button classes. */
body.imperial-v3-theme .button-style {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 18px;
    border: 1px solid #a18847 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    color: #f1dfaf !important;
    font-family: var(--imp-font-ui);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: .07em;
    text-transform: uppercase;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(13, 24, 39, .13) !important;
    cursor: pointer;
}

body.imperial-v3-theme .button-style:hover,
body.imperial-v3-theme .button-style:focus {
    border-color: #d1b54b !important;
    background: linear-gradient(180deg, var(--imp-panel-hover-top), var(--imp-panel-hover-bottom)) !important;
    color: #fff4d5 !important;
    transform: translateY(-1px);
}

/* The primary alert variant is common in old views but was the only Bootstrap
   alert family member without an Imperial color. */
body.imperial-v3-theme .alert-primary {
    border: 1px solid rgba(87, 112, 145, .30) !important;
    border-left: 3px solid #56779c !important;
    border-radius: 0 !important;
    background: #f1f5f9 !important;
    color: #304b69 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Account currency summaries still inherit white/gold values from Flame. */
body.imperial-v3-theme .acp-coins {
    margin-bottom: 12px;
    padding-left: 0;
    color: #344258;
}

body.imperial-v3-theme .acp-coins .coins-title {
    color: #4a586d;
    font-weight: 600;
}

body.imperial-v3-theme .acp-coins .coins {
    color: var(--imp-gold-700);
    font-weight: 800;
}

/* Remove residual rounded Bootstrap styling from list-style service blocks. */
body.imperial-v3-theme .list-group,
body.imperial-v3-theme .list-group-item,
body.imperial-v3-theme .card,
body.imperial-v3-theme .card-header,
body.imperial-v3-theme .card-body {
    border-radius: 0 !important;
}

body.imperial-v3-theme .list-group-item {
    border-color: rgba(122, 94, 48, .22) !important;
    background: rgba(255,255,255,.58) !important;
    color: #334157 !important;
}

/* Generic table variants emitted by older pages should not revive rounded
   Bootstrap/Flame borders around otherwise modern Imperial tables. */
body.imperial-v3-theme table.table-bordered,
body.imperial-v3-theme table.table-condensed {
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Compact mobile treatment for the normalized old wrappers. */
@media (max-width: 767.98px) {
    body.imperial-v3-theme .box-style1 {
        padding: 17px 15px;
    }

    body.imperial-v3-theme .button-style {
        min-height: 42px;
        padding: 10px 14px;
        font-size: 11px;
    }
}



/* Disabled action state: neutral blue, no Flame black/orange inline styling. */
body.imperial-v3-theme .imperial-disabled-button {
    border-color: rgba(111, 145, 176, .38) !important;
    background: linear-gradient(180deg, #23344d, #0d1a2d) !important;
    color: rgba(235, 241, 247, .58) !important;
    opacity: .72 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: none !important;
}


/* ==========================================================================
   Imperial surface normalization
   Final visual ownership for legacy CMS components. Structural rules remain
   in components.css; this block prevents old Flame black/orange/rounded skins
   from leaking through without repainting every panel bright blue.
   ========================================================================== */
body.imperial-v3-theme .flame-sidebar-box-title,
body.imperial-v3-theme .card-header,
body.imperial-v3-theme .panel-heading,
body.imperial-v3-theme .modal-title,
body.imperial-v3-theme #enter.modal_div .modal-title,
body.imperial-v3-theme .modal-header,
body.imperial-v3-theme .modal-header2,
body.imperial-v3-theme .account-announcement-head,
body.imperial-v3-theme .ui-dialog-titlebar,
body.imperial-v3-theme .vs-blog .blog-meta,
body.imperial-v3-theme .vs-blog .bg-major-black.blog-meta,
body.imperial-v3-theme .waretitle.imperial-inventory-title,
body.imperial-v3-theme .imperial-muun-pager,
body.imperial-v3-theme .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th {
    border-radius: 0 !important;
    border-color: rgba(209, 179, 111, .30) !important;
    background:
        linear-gradient(90deg, #1b3152, #07111f) !important;
    color: #f0dc87 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-sidebar-box-title {
    position: relative;
    display: block;
    margin: -20px -20px 18px;
    padding: 13px 18px 12px;
    border: 0 !important;
    border-bottom: 2px solid rgba(228, 202, 134, .68) !important;
    font-family: var(--imp-font-display);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .055em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), inset 0 -2px 0 rgba(169,123,51,.16) !important;
}

body.imperial-v3-theme .flame-sidebar-box-title::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 46%;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, var(--imp-gold-bright), var(--imp-gold-line) 42%, rgba(239,211,112,0));
    pointer-events: none;
}

/* Sidebar tabs: dark Imperial navy; gold is reserved for the active accent. */
body.imperial-v3-theme .tabs-button {
    border-color: rgba(204, 169, 91, .34);
    background: #07101f;
}

body.imperial-v3-theme .tabs-button li {
    position: relative;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    color: rgba(235, 239, 247, .72) !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .tabs-button li:not(.active):hover {
    background: linear-gradient(180deg, #243a5c, #0c1a2e) !important;
    color: #f3df8e !important;
    box-shadow: inset 0 -2px 0 rgba(190, 148, 68, .48) !important;
}

body.imperial-v3-theme .tabs-button li.active {
    border: 1px solid var(--imp-gold-line) !important;
    background: linear-gradient(180deg, #3b5b83 0%, #243e5f 52%, #0d1b2f 100%) !important;
    color: #fff3ce !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(228,202,134,.28), 0 8px 18px rgba(7,15,27,.16) !important;
}

body.imperial-v3-theme .tabs-button li.active::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 9px;
    height: 9px;
    border-right: 1px solid var(--imp-gold-line);
    border-bottom: 1px solid var(--imp-gold-line);
    background: #152943;
    transform: translateX(-50%) rotate(45deg);
}

/* Shared table headers: the same dark Imperial navy family with a thin gold keyline. */
body.imperial-v3-theme .flame-data-table > thead > tr > th,
body.imperial-v3-theme .flame-data-table > thead > th,
body.imperial-v3-theme .flame-data-table.flame-head-row-table > tbody > tr:first-child > th,
body.imperial-v3-theme .flame-data-table.flame-head-row-table > tr:first-child > th,
body.imperial-v3-theme .flame-rankings-table-area table > thead > tr > th,
body.imperial-v3-theme .flame-rankings-table-area table > tbody > tr:first-child > th {
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(213, 178, 95, .045), transparent 60%),
        linear-gradient(180deg, #172944, #07111f) !important;
    color: #f0dc87 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(180, 132, 52, .72) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-data-table > thead > tr > th:first-child,
body.imperial-v3-theme .flame-data-table > thead > tr > th:last-child,
body.imperial-v3-theme .flame-data-table > thead > th:first-child,
body.imperial-v3-theme .flame-data-table > thead > th:last-child,
body.imperial-v3-theme .flame-data-table.flame-head-row-table > tbody > tr:first-child > th:first-child,
body.imperial-v3-theme .flame-data-table.flame-head-row-table > tbody > tr:first-child > th:last-child,
body.imperial-v3-theme .flame-data-table.flame-head-row-table > tr:first-child > th:first-child,
body.imperial-v3-theme .flame-data-table.flame-head-row-table > tr:first-child > th:last-child,
body.imperial-v3-theme .flame-data-table > tbody > tr > td:first-child,
body.imperial-v3-theme .flame-data-table > tbody > tr > td:last-child,
body.imperial-v3-theme .flame-data-table > tr > td:first-child,
body.imperial-v3-theme .flame-data-table > tr > td:last-child {
    border-radius: 0 !important;
}

/* Statistics page: compact server switcher and a light Imperial information card. */
body.imperial-v3-theme .flame-about-stats-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 20px;
    min-height: 0 !important;
    margin: 0 0 24px !important;
    color: #19314b !important;
    font-size: clamp(19px, 1.5vw, 24px) !important;
    line-height: 1.2 !important;
}

body.imperial-v3-theme .flame-about-stats-page .flame-about-server-buttons,
body.imperial-v3-theme .flame-about-stats-page .flame-about-server-buttons.float-right {
    float: none !important;
    display: flex !important;
    flex: 0 1 auto;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 0 0 auto !important;
}

body.imperial-v3-theme .flame-about-stats-page .flame-about-server-button {
    min-width: 168px !important;
    min-height: 48px !important;
    padding: 11px 18px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    letter-spacing: .055em !important;
    white-space: nowrap !important;
}

body.imperial-v3-theme .flame-about-stats-page .flame-about-server-button.is-active {
    border-color: #f0d99a !important;
    background: linear-gradient(180deg, #304a70 0%, #1b2f4d 50%, #0a1627 100%) !important;
    color: #fff0c4 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), inset 0 -2px 0 rgba(240,217,154,.30), 0 8px 18px rgba(10,20,34,.16) !important;
}

body.imperial-v3-theme .flame-about-stats-page #warn-info12.flame-cs-registration-note {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 8px !important;
    padding: 18px 20px 18px 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(151, 113, 48, .28) !important;
    border-left: 3px solid var(--imp-gold-600) !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #faf8f3 0%, #eee9df 100%) !important;
    color: #3b485b !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 8px 20px rgba(23,34,50,.05) !important;
}

body.imperial-v3-theme .flame-about-stats-page #warn-info12.flame-cs-registration-note:hover {
    border-color: rgba(151, 113, 48, .40) !important;
    border-left-color: var(--imp-gold-600) !important;
    background: linear-gradient(135deg, #fffdf8 0%, #f0ebe1 100%) !important;
}

body.imperial-v3-theme .flame-about-stats-page #warn-info12.flame-cs-registration-note::before,
body.imperial-v3-theme .flame-about-stats-page #warn-info12.flame-cs-registration-note::after {
    content: none !important;
    display: none !important;
}

body.imperial-v3-theme .flame-about-stats-page #warn-info12 .flame-cs-registration-note-title {
    margin: 0 0 6px !important;
    color: #18314b !important;
    font-family: var(--imp-font-display);
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

body.imperial-v3-theme .flame-about-stats-page #warn-info12 .flame-cs-registration-note-text {
    margin: 0 !important;
    color: #536074 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* Legacy generic panels that still surface on plugins use the same dark Imperial navy. */
body.imperial-v3-theme .hidden-block {
    border: 1px solid rgba(205, 174, 101, .27);
    border-radius: 0;
    background: linear-gradient(180deg, var(--imp-surface-top), var(--imp-surface-bottom));
    box-shadow: 0 16px 34px rgba(5, 15, 29, .25);
}

body.imperial-v3-theme .hidden-block a { color: rgba(238, 241, 246, .82); }
body.imperial-v3-theme .hidden-block a:hover,
body.imperial-v3-theme .hidden-block a:focus {
    color: #f0dda8;
    background: rgba(205, 170, 91, .07);
}

body.imperial-v3-theme .box-style1 > .title1 {
    padding: 9px 12px;
    border-left: 3px solid #caaa40;
    background: linear-gradient(90deg, rgba(23, 41, 68, .09), transparent 72%);
    color: #1d4668 !important;
}

body.imperial-v3-theme .imperial-or-divider { color: #60758d !important; }
body.imperial-v3-theme .imperial-muted-profile-link {
    color: #385f80 !important;
    font-size: 12px;
    font-weight: 800;
}
body.imperial-v3-theme .imperial-muted-profile-link:hover { color: var(--imp-gold-700) !important; }

@media (max-width: 767.98px) {
    body.imperial-v3-theme .flame-about-stats-title {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }
    body.imperial-v3-theme .flame-about-stats-page .flame-about-server-buttons,
    body.imperial-v3-theme .flame-about-stats-page .flame-about-server-buttons.float-right {
        width: 100% !important;
        margin: 0 !important;
        justify-content: stretch !important;
    }
    body.imperial-v3-theme .flame-about-stats-page .flame-about-server-button {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 10px 11px !important;
        font-size: 11px !important;
        white-space: normal !important;
    }
    body.imperial-v3-theme .flame-about-stats-page #warn-info12.flame-cs-registration-note {
        padding: 15px 15px 15px 17px !important;
    }
    body.imperial-v3-theme .flame-about-stats-page #warn-info12 .flame-cs-registration-note-title {
        font-size: 16px !important;
    }
    body.imperial-v3-theme .flame-about-stats-page #warn-info12 .flame-cs-registration-note-text {
        font-size: 13px !important;
    }
}

/* jQuery UI is kept as a compatibility dependency, but its default grey/rounded
   theme must not leak into public Imperial widgets. */
body.imperial-v3-theme .ui-datepicker,
body.imperial-v3-theme .ui-autocomplete,
body.imperial-v3-theme .ui-menu {
    border: 1px solid rgba(143, 105, 45, .34) !important;
    border-radius: 0 !important;
    background: #fbf9f4 !important;
    color: #334157 !important;
    box-shadow: 0 18px 42px rgba(20, 35, 54, .20) !important;
}

body.imperial-v3-theme .ui-datepicker .ui-datepicker-header {
    border: 0 !important;
    border-bottom: 1px solid rgba(227, 201, 136, .38) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(213, 178, 95, .045), transparent 60%),
        linear-gradient(180deg, #172b49, #07111f) !important;
    color: #f0dfb0 !important;
}

body.imperial-v3-theme .ui-datepicker table {
    border: 0 !important;
    background: transparent !important;
}

body.imperial-v3-theme .ui-datepicker th {
    padding: .65em .3em !important;
    border: 0 !important;
    background: transparent !important;
    color: #52667d !important;
    font-size: 10px !important;
    letter-spacing: .05em;
}

body.imperial-v3-theme .ui-datepicker td {
    padding: 1px !important;
    border: 0 !important;
    background: transparent !important;
}

body.imperial-v3-theme .ui-datepicker td a,
body.imperial-v3-theme .ui-datepicker td span {
    border: 1px solid rgba(93, 117, 143, .16) !important;
    border-radius: 0 !important;
    background: #f4f6f7 !important;
    color: #274b69 !important;
    text-align: center;
}

body.imperial-v3-theme .ui-datepicker td a:hover,
body.imperial-v3-theme .ui-datepicker .ui-state-active {
    border-color: rgba(169, 123, 51, .48) !important;
    background: #e9eef1 !important;
    color: #806b3d !important;
}

body.imperial-v3-theme .ui-menu .ui-menu-item-wrapper,
body.imperial-v3-theme .ui-autocomplete .ui-menu-item-wrapper {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #334157 !important;
}

body.imperial-v3-theme .ui-menu .ui-menu-item-wrapper.ui-state-active,
body.imperial-v3-theme .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    margin: 0 !important;
    background: rgba(55, 114, 158, .11) !important;
    color: #1d4f75 !important;
    box-shadow: inset 3px 0 0 #caaa40;
}

/* ==========================================================================
   Imperial legacy specificity guards
   These are the remaining public components whose older Flame selectors use
   IDs or !important declarations. Keep visual ownership here, at the end of
   the canonical Imperial skin, while components.css retains layout/behaviour.
   ========================================================================== */

/* Pagination: remove the old black rounded Flame buttons globally. */
body.imperial-v3-theme #pagination {
    width: 100% !important;
    height: auto !important;
    margin: 16px 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #52657b !important;
    box-shadow: none !important;
    text-align: center !important;
}

body.imperial-v3-theme #pagination ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.imperial-v3-theme #pagination li {
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imperial-v3-theme #pagination a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(139, 105, 48, .28) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #fffdf8, #f0ece4) !important;
    color: #304861 !important;
    font: 700 11px/1 var(--imp-font-ui) !important;
    letter-spacing: .035em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.90) !important;
    text-decoration: none !important;
}

body.imperial-v3-theme #pagination a:hover,
body.imperial-v3-theme #pagination a:focus {
    border-color: rgba(165, 122, 48, .52) !important;
    background: linear-gradient(180deg, #f7f2e8, #e9e2d5) !important;
    color: #806b3d !important;
    outline: 0 !important;
}

body.imperial-v3-theme #pagination a.on,
body.imperial-v3-theme #pagination a.active,
body.imperial-v3-theme #pagination .active > a {
    border-color: rgba(209, 178, 104, .72) !important;
    background:
        linear-gradient(90deg, rgba(99, 145, 181, .06), transparent 68%),
        linear-gradient(180deg, #263f5a, #11283f) !important;
    color: #f3df8d !important;
    box-shadow: inset 0 -2px 0 rgba(174, 128, 49, .52) !important;
}

/* Donation package rows: one clean light Imperial component across gateways. */
body.imperial-v3-theme ul#paypal-options,
body.imperial-v3-theme #paypal-options {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

body.imperial-v3-theme #paypal-options > li,
body.imperial-v3-theme #paypal-options > li.list-group-item {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 66px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 11px 13px 11px 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(134, 100, 43, .25) !important;
    border-left: 3px solid rgba(174, 129, 52, .70) !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #fffdf9 0%, #f0ece4 100%) !important;
    color: #334157 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.90) !important;
}

body.imperial-v3-theme #paypal-options > li > div {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.imperial-v3-theme #paypal-options > li h4,
body.imperial-v3-theme #paypal-options > li h3 {
    float: none !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    color: #253b54 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme #paypal-options > li h4 {
    flex: 0 1 auto;
    margin-right: 2px !important;
    font-family: var(--imp-font-display) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

body.imperial-v3-theme #paypal-options > li h3 {
    flex: 1 1 auto;
    margin-left: 0 !important;
    color: #657184 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

body.imperial-v3-theme #paypal-options > li .btn,
body.imperial-v3-theme #paypal-options > li button {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
}

/* Registration Game Rules dialog: dedicated Imperial shell/header/close owner.
   This replaces the previous generic popup/header inheritance for this component. */
body.imperial-v3-theme .flame-rules-dialog-popup {
    overflow: hidden !important;
    border: 1px solid #71869d !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #46566c !important;
    box-shadow: 0 26px 64px rgba(5,14,29,.34) !important;
    clip-path: none !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 64px 0 24px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(116,150,190,.42) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055) 0%, transparent 38%),
        linear-gradient(102deg, #091329 0%, #102245 40%, #142d58 66%, #0c1833 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(4,10,22,.58) !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar::after,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-header::after {
    content: none !important;
    display: none !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: var(--imp-font-display) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    text-overflow: ellipsis !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close {
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.035) !important;
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    clip-path: none !important;
    opacity: 1 !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    z-index: 4 !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close .ui-icon,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close .ui-button-icon,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close .ui-button-text {
    display: none !important;
    background: none !important;
    background-image: none !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close::before,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close::after,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close::before,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 15px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform-origin: center !important;
    pointer-events: none !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close::before,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close::after,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close:hover,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar-close:focus,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close:hover,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close:focus {
    border-color: rgba(255,255,255,.38) !important;
    background: rgba(255,255,255,.085) !important;
    outline: 0 !important;
}

/* Registration rules are rendered in a light dialog; prevent old white text
   rules from surviving due to their more specific selectors. */
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-content,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content p,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content li,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content td,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content p,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content li,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content td,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content div {
    color: #4b586b !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content b,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content strong,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content h1,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content h2,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content h3,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content h4,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content b,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content strong,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content h1,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content h2,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content h3,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content h4 {
    color: #19314b !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content a:not(.ui-dialog-titlebar-close),
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content a:not(.ui-dialog-titlebar-close) {
    color: #2f70b7 !important;
}

body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content a:not(.ui-dialog-titlebar-close):hover,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content a:not(.ui-dialog-titlebar-close):hover {
    color: #168ed6 !important;
}

/* Select Server had ID-specific old black header rules. */
body.imperial-v3-theme #select_server .modal-header,
body.imperial-v3-theme #select_server .modal-header2 {
    min-height: 64px !important;
    margin: 0 !important;
    padding: 16px 62px 16px 22px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(211, 181, 109, .38) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(213, 178, 95, .045), transparent 68%),
        linear-gradient(180deg, #172b49, #07111f) !important;
    box-shadow: inset 0 -2px 0 rgba(164, 119, 45, .25) !important;
}

body.imperial-v3-theme #select_server .modal-header::after,
body.imperial-v3-theme #select_server .modal-header2::after {
    background: linear-gradient(90deg, rgba(211, 181, 109, .56), transparent) !important;
    opacity: .70 !important;
}

body.imperial-v3-theme #select_server .modal-header h2,
body.imperial-v3-theme #select_server .modal-header2 h2 {
    margin: 0 !important;
    color: #f0dc87 !important;
    font-family: var(--imp-font-display) !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: .045em !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

/* Vote Reward rows were one of the last large Flame-black islands. */
body.imperial-v3-theme .flame-votereward-page .vote-options > li {
    border: 1px solid rgba(133, 100, 45, .24) !important;
    border-left: 3px solid rgba(174, 129, 52, .70) !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #fffdf9 0%, #efebe2 100%) !important;
    color: #344156 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.90) !important;
}

body.imperial-v3-theme .flame-votereward-page .vote-options > li h5.float-left,
body.imperial-v3-theme .flame-votereward-page .vote-options > li h5[id^="counter-"] {
    border-left-color: rgba(156, 119, 54, .22) !important;
    color: #263b53 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-reward-button {
    min-height: 42px !important;
    padding: 9px 17px !important;
    font-size: 11px !important;
    letter-spacing: .06em !important;
}

body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-reward-button:disabled,
body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-reward-button[disabled],
body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-reward-button.disabled,
body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-reward-button:disabled:hover,
body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-reward-button[disabled]:hover,
body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-reward-button.disabled:hover {
    border-color: rgba(103, 124, 148, .32) !important;
    background: linear-gradient(180deg, #66798d, #4b6075) !important;
    color: rgba(245, 247, 249, .72) !important;
    box-shadow: none !important;
    opacity: .72 !important;
}

body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-next-available {
    min-height: 30px !important;
    padding: 5px 9px !important;
    border: 1px solid rgba(153, 117, 53, .25) !important;
    border-radius: 0 !important;
    background: rgba(222, 210, 183, .32) !important;
    color: var(--imp-gold-700) !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-vote-history-table tbody tr {
    background: rgba(54, 75, 99, .045) !important;
}

body.imperial-v3-theme .flame-vote-history-pos-badge {
    min-width: 27px !important;
    height: 27px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(187, 147, 71, .55) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    color: #ead8a5 !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-vote-history-site-name {
    color: #273e58 !important;
}

body.imperial-v3-theme .flame-vote-history-amount {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-vote-history-empty {
    border: 1px solid rgba(133, 100, 45, .20) !important;
    border-radius: 0 !important;
    background: #f3f0e9 !important;
    color: #657184 !important;
    box-shadow: none !important;
}

/* Hide Info / Weekly History shared hero: Imperial navy + gold, no orange fire. */
body.imperial-v3-theme .hide-info-hero {
    border: 1px solid rgba(184, 143, 66, .38) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(101, 149, 186, .055), transparent 58%),
        linear-gradient(135deg, var(--imp-surface-top) 0%, var(--imp-surface-bottom) 58%, #10283f 100%) !important;
    box-shadow: 0 16px 34px rgba(16, 29, 47, .18), inset 0 1px 0 rgba(255,255,255,.045) !important;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

body.imperial-v3-theme .hide-info-hero::before {
    border-radius: 0 !important;
    background: linear-gradient(115deg, rgba(255,255,255,.035), transparent 34%) !important;
    opacity: 1 !important;
}

body.imperial-v3-theme .hide-info-hero::after {
    left: 20px !important;
    right: 20px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #bca35d 18%, #e2ca88 50%, #bca35d 82%, transparent) !important;
}

body.imperial-v3-theme .hide-info-badge {
    border: 1px solid rgba(224, 199, 137, .30) !important;
    border-radius: 0 !important;
    background: rgba(222, 198, 137, .07) !important;
    color: #e8d49a !important;
}

body.imperial-v3-theme .hide-info-title {
    color: #f1e8cf !important;
    font-family: var(--imp-font-display) !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .hide-info-subtitle {
    color: rgba(230, 235, 242, .72) !important;
}

body.imperial-v3-theme .hide-info-card,
body.imperial-v3-theme .hide-info-panel {
    border: 1px solid rgba(134, 101, 45, .22) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(237,232,221,.72)) !important;
    color: #344156 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
}

body.imperial-v3-theme .hide-info-card-label,
body.imperial-v3-theme .hide-info-card-muted,
body.imperial-v3-theme .hide-info-duration,
body.imperial-v3-theme .hide-info-list li {
    color: #677487 !important;
}

body.imperial-v3-theme .hide-info-card-value,
body.imperial-v3-theme .hide-info-panel h3 {
    color: #213851 !important;
}

body.imperial-v3-theme .hide-info-check {
    border: 1px solid rgba(165, 122, 48, .40) !important;
    border-radius: 0 !important;
    background: #e6d39f !important;
    color: #213851 !important;
}

body.imperial-v3-theme .hide-info-price {
    color: #907940 !important;
}

body.imperial-v3-theme .hide-info-note {
    border: 1px solid rgba(132, 100, 46, .18) !important;
    border-radius: 0 !important;
    background: rgba(221, 211, 189, .28) !important;
    color: #657184 !important;
}

body.imperial-v3-theme .hide-info-actions .btn {
    border-radius: 0 !important;
}

/* Webshop promotional notice uses the same light Imperial callout language. */
body.imperial-v3-theme .discount_notice {
    border: 1px solid #d6dee7 !important;
    border-left: 4px solid #e4cc62 !important;
    border-radius: 0 !important;
    background: #f9fbfd !important;
    color: #40536a !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 6px 16px rgba(30,50,75,.05) !important;
}

body.imperial-v3-theme .discount_notice .content {
    color: #40536a !important;
}

body.imperial-v3-theme .ribbon-green {
    border: 1px solid #d0b242 !important;
    background: linear-gradient(180deg, #faeca0 0%, #efd45a 100%) !important;
    color: #30445a !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.imperial-v3-theme #item_filter {
    border: 1px solid rgba(133, 100, 45, .30) !important;
    border-radius: 0 !important;
    background: #fbf9f4 !important;
    color: #344156 !important;
    box-shadow: 0 18px 40px rgba(20, 34, 51, .18) !important;
}

/* Global AJAX loader: frameless Imperial ring + text. */
body.imperial-v3-theme #loading {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    z-index: 12000 !important;
    min-height: 42px;
    padding: 2px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    color: #3f5670 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 7px rgba(255,255,255,.92), 0 0 2px rgba(255,255,255,.72) !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.imperial-v3-theme #loading::before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-right: 12px;
    vertical-align: -13px;
    border: 3px solid rgba(105,176,226,.20);
    border-top-color: #72b9e9;
    border-right-color: #72b9e9;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 2px 8px rgba(40,102,150,.10);
    animation: imperialAjaxLoaderSpin .58s linear infinite;
}
body.imperial-v3-theme #loading img {
    display: none !important;
}
@keyframes imperialAjaxLoaderSpin {
    to { transform: rotate(360deg); }
}

/* Old button focus/active rules used Flame yellow and Bootstrap glow. */
body.imperial-v3-theme .btn:focus,
body.imperial-v3-theme .btn.focus,
body.imperial-v3-theme .btn-primary:focus,
body.imperial-v3-theme .btn-primary.focus,
body.imperial-v3-theme .btn-primary:not(:disabled):not(.disabled):active,
body.imperial-v3-theme .btn-primary:not(:disabled):not(.disabled).active,
body.imperial-v3-theme .show > .btn-primary.dropdown-toggle,
body.imperial-v3-theme .button-style:focus,
body.imperial-v3-theme .button-style:active {
    border-color: rgba(209, 177, 102, .66) !important;
    background:
        linear-gradient(90deg, rgba(101, 148, 185, .055), transparent 68%),
        linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    color: #f3df8d !important;
    outline: 0 !important;
    box-shadow: inset 0 -2px 0 rgba(167, 121, 46, .42) !important;
}

/* ID/class-specific old table-link colors otherwise beat the generic skin. */
body.imperial-v3-theme .flame-data-table a:not(.btn) {
    color: var(--imp-gold-700) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-data-table a:not(.btn):hover,
body.imperial-v3-theme .flame-data-table a:not(.btn):focus {
    color: var(--imp-gold-600) !important;
}

@media (max-width: 767.98px) {
    body.imperial-v3-theme #pagination a {
        min-width: 34px !important;
        min-height: 34px !important;
        padding: 6px 9px !important;
        font-size: 10px !important;
    }

    body.imperial-v3-theme #paypal-options > li,
    body.imperial-v3-theme #paypal-options > li.list-group-item,
    body.imperial-v3-theme #paypal-options > li > div {
        flex-wrap: wrap !important;
    }

    body.imperial-v3-theme #paypal-options > li h4 {
        flex: 1 1 100% !important;
    }

    body.imperial-v3-theme #paypal-options > li h3 {
        flex: 1 1 calc(100% - 112px) !important;
    }

    body.imperial-v3-theme #paypal-options > li .btn,
    body.imperial-v3-theme #paypal-options > li button {
        min-width: 100px !important;
    }

    body.imperial-v3-theme .flame-votereward-page .vote-options > li h5.float-left,
    body.imperial-v3-theme .flame-votereward-page .vote-options > li h5[id^="counter-"] {
        border-left: 0 !important;
        font-size: 14px !important;
    }

    body.imperial-v3-theme .flame-votereward-page .vote-options > li .flame-vote-reward-button {
        min-height: 44px !important;
        font-size: 11px !important;
    }

    body.imperial-v3-theme .flame-vote-history-table tbody tr {
        border-color: rgba(133, 100, 45, .20) !important;
        border-radius: 0 !important;
        background: #f4f1ea !important;
    }
}

/* Additional public-page normalization found during the full view audit. */

/* Webshop product cards still used the original charcoal Flame tiles. */
body.imperial-v3-theme .shop-product-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body.imperial-v3-theme .shop-product-list-item {
    display: flex !important;
    flex-direction: column;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 15px !important;
    border: 1px solid rgba(134, 100, 43, .24) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, #fffdf8, #eee9df) !important;
    color: #344156 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 9px 22px rgba(21,34,50,.06) !important;
}

body.imperial-v3-theme .shop-product-list-item .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    background: radial-gradient(circle at 50% 46%, rgba(48, 77, 106, .055), transparent 68%);
}

body.imperial-v3-theme .shop-product-list-item .detail {
    margin-top: 10px;
    padding-top: 13px !important;
    border-top: 1px solid rgba(137, 103, 47, .20) !important;
}

body.imperial-v3-theme .shop-product-list-item .item-name {
    color: #253c55 !important;
    font-family: var(--imp-font-display);
    font-weight: 600;
}

body.imperial-v3-theme .shop-product-list-item .detail .price {
    color: #826e40 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Account Panel: keep its useful responsive layout, replace the old black/orange skin. */
body.imperial-v3-theme .flame-account-panel-modern {
    --flame-account-border: rgba(135, 101, 44, .24);
    --flame-account-border-soft: rgba(135, 101, 44, .14);
    --flame-account-gold: #947c42;
    --flame-account-text: #5c6879;
    --flame-account-title: #213851;
    --flame-account-muted: #6b7788;
    --flame-account-bg-1: #fffdf9;
    --flame-account-bg-2: #eee9df;
    color: #344156 !important;
}

body.imperial-v3-theme .flame-account-details-table tr,
body.imperial-v3-theme .flame-account-service-table tr {
    border-radius: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 6px 16px rgba(20,34,51,.045) !important;
}

body.imperial-v3-theme .flame-account-details-table tr::before {
    background: linear-gradient(180deg, #d7bf7b, #a18847) !important;
}

body.imperial-v3-theme .flame-account-details-table tr:hover,
body.imperial-v3-theme .flame-account-service-table tr:hover {
    border-color: rgba(163, 119, 47, .40) !important;
    background: linear-gradient(180deg, #fffefb, #ebe5d9) !important;
}

body.imperial-v3-theme .flame-account-details-table th,
body.imperial-v3-theme .flame-account-service-table td {
    color: #667386 !important;
}

body.imperial-v3-theme .flame-account-details-table td,
body.imperial-v3-theme .flame-account-service-table td:first-child {
    color: #213851 !important;
}

body.imperial-v3-theme .flame-account-service-table td:nth-child(2) {
    color: #5c6879 !important;
}

/* Guild members uses a separate legacy header selector from rankings. */
body.imperial-v3-theme .flame-guild-members-table .flame-guild-members-columns th {
    border: 0 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(213, 178, 95, .045), transparent 60%),
        linear-gradient(180deg, #172944, #07111f) !important;
    color: #f0dc87 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(180, 132, 52, .72) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-guild-members-table .flame-guild-members-columns th::after {
    background: rgba(229, 204, 143, .15) !important;
}

body.imperial-v3-theme .flame-guild-members-table.flame-legacy-rankings-table a {
    color: var(--imp-gold-700) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-guild-members-table.flame-legacy-rankings-table a:hover {
    color: var(--imp-gold-600) !important;
}

/* Clear Inventory keeps its light public-card treatment. Registration owns its
   visual system in imperial-polish.css. */
body.imperial-v3-theme .flame-clear-inventory-option-text {
    color: #596678 !important;
}
body.imperial-v3-theme .flame-clear-inventory-option:hover .flame-clear-inventory-option-text {
    color: var(--imp-gold-600) !important;
}
body.imperial-v3-theme .flame-clear-inventory-card {
    border: 1px solid rgba(134, 101, 45, .22) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(237,232,221,.60)) !important;
    color: #4d5a6c !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.90) !important;
}

@media (max-width: 900px) {
    body.imperial-v3-theme .shop-product-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    body.imperial-v3-theme .shop-product-list {
        grid-template-columns: 1fr;
    }
}

/* Last ID-specific controls from the audit. */
body.imperial-v3-theme .flame-account-panel-shell #acc-panel-tabs .nav-link {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-account-panel-shell #acc-panel-tabs .nav-link.active {
    border-color: rgba(207, 174, 97, .72) !important;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    color: #f3df8d !important;
    box-shadow: inset 0 -2px 0 rgba(166, 120, 46, .42) !important;
}

body.imperial-v3-theme #select_server .flame-server-select-arrow {
    border-color: #947c40 !important;
    color: #947c40 !important;
}

/* Legacy webshop purchase EJS: remove the old burgundy MU skin. */
body.imperial-v3-theme #item_buy_right {
    border: 1px solid rgba(132, 99, 43, .28) !important;
    border-radius: 0 !important;
    background: #f3efe7 !important;
    color: #344156 !important;
}

body.imperial-v3-theme #item_buy_right .full {
    border: 0 !important;
    border-bottom: 1px solid rgba(205, 173, 98, .38) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-surface-top), var(--imp-surface-bottom)) !important;
    color: #f0dc87 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme #item_buy_right .opt_title,
body.imperial-v3-theme #item_buy_right .opt {
    border: 0 !important;
    background: #f7f4ed !important;
    color: #3d4b60 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme #item_buy_right .opt_title {
    color: #263d56 !important;
    font-weight: 700 !important;
}

body.imperial-v3-theme #item_buy_right .opt select,
body.imperial-v3-theme #item_buy_right .opt input[type="number"] {
    border: 1px solid rgba(132, 99, 43, .28) !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #1f3047 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme #item_image_bg {
    border: 1px solid rgba(137, 103, 47, .26) !important;
    border-radius: 0 !important;
    background: radial-gradient(circle at 50% 45%, rgba(67, 104, 139, .10), transparent 67%), #f4f0e7 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

body.imperial-v3-theme .item_info {
    border: 1px solid rgba(137, 103, 47, .24) !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    background: #ece7dc !important;
}

body.imperial-v3-theme .item_info .info {
    color: #344156 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .item_info .info .btimes { color: #9a514e !important; }
body.imperial-v3-theme .item_info .info .goldcr { color: #917940 !important; }
body.imperial-v3-theme .item_info .info .normalcr { color: #687487 !important; }

body.imperial-v3-theme .buy_button,
body.imperial-v3-theme .buttonn {
    border: 1px solid rgba(205, 173, 98, .52) !important;
    border-radius: 0 !important;
    background-image: none !important;
    background: linear-gradient(180deg, var(--imp-panel-top), var(--imp-panel-bottom)) !important;
    color: #f3df8d !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.imperial-v3-theme .buy_button:hover,
body.imperial-v3-theme .buttonn:hover,
body.imperial-v3-theme .buttonn:focus {
    border-color: rgba(220, 190, 116, .72) !important;
    background: linear-gradient(180deg, #243a5c, #0c1a2e) !important;
    color: #f4e6bd !important;
    outline: 0 !important;
}

body.imperial-v3-theme .span_red {
    background: #8f4a49 !important;
    color: #fff !important;
}

body.imperial-v3-theme .payment-method-button {
    border: 1px solid rgba(132, 99, 43, .26) !important;
    border-radius: 0 !important;
    background: #f7f3eb !important;
    color: #344156 !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .payment-method-button label span {
    color: #344156 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* Rankings Gens summary is informational and should stay light, not a Flame-black mini table. */
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-gens-summary-table {
    color: #405066 !important;
    background: transparent !important;
}

body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-gens-summary-table th,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-gens-summary-table td,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr:first-child > th {
    border-top: 1px solid rgba(125, 144, 164, .12) !important;
    border-bottom: 1px solid rgba(132, 100, 45, .16) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #f8f6f0, #eeebe4) !important;
    color: #33465d !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Game Rules header owns a clean navy surface; old Flame/gold rail stays disabled. */
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar::after,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-header::after {
    content: none !important;
    display: none !important;
}

/* Referral and shared section headers: remove the last rounded/dark local skins. */
body.imperial-v3-theme .flame-profile-modern-title-no-icon,
body.imperial-v3-theme .flame-guild-members-title-table,
body.imperial-v3-theme .flame-guild-members-title-table > thead > tr > th.flame-profile-modern-th {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-referral-link-help {
    color: #566477 !important;
}

body.imperial-v3-theme .flame-referral-link-input.form-control {
    border: 1px solid rgba(132, 99, 43, .28) !important;
    border-radius: 0 !important;
    background: #fffdf9 !important;
    color: #213851 !important;
    -webkit-text-fill-color: #213851 !important;
    box-shadow: inset 0 1px 2px rgba(25,40,58,.06) !important;
}

body.imperial-v3-theme .flame-referral-link-input.form-control:focus {
    border-color: var(--imp-gold-600) !important;
    background: #fff !important;
    color: #213851 !important;
    -webkit-text-fill-color: #213851 !important;
    box-shadow: 0 0 0 3px rgba(169,123,51,.10) !important;
}

body.imperial-v3-theme .flame-ref-char-stat {
    border: 1px solid rgba(132, 99, 43, .20) !important;
    border-radius: 0 !important;
    background: #f2eee6 !important;
    color: #4f5d70 !important;
}

body.imperial-v3-theme .flame-ref-char-stat strong {
    color: #213851 !important;
}

body.imperial-v3-theme .flame-referral-table.add_to_card tr {
    border-radius: 0 !important;
}

body.imperial-v3-theme .flame-referral-section-row {
    background: rgba(192, 157, 84, .10) !important;
}

@media (max-width: 767px) {
    body.imperial-v3-theme .flame-referral-table.add_to_card tr {
        border-color: rgba(132, 99, 43, .20) !important;
        border-radius: 0 !important;
        background: #f5f2eb !important;
    }

    body.imperial-v3-theme .flame-referral-table.add_to_card td + td {
        border-top-color: rgba(132, 99, 43, .14) !important;
    }
}

/* Explicit aliases for legacy classes added dynamically / by ranking templates. */
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-players-table > thead > tr > th,
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-guilds-table > thead > tr > th {
    border-radius: 0 !important;
    background: linear-gradient(180deg, #172944, #07111f) !important;
    color: #f0dc87 !important;
    box-shadow: inset 0 -2px 0 rgba(180, 132, 52, .72) !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close::before,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close::after {
    background: #ffffff !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close:hover::before,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close:hover::after,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close:focus::before,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-close:focus::after {
    background: #ffffff !important;
}

/* ==========================================================================
   Final Imperial readability guards
   ========================================================================== */
body.imperial-v3-theme [style*="color:red"],
body.imperial-v3-theme [style*="color: red"] {
    color: #9f4344 !important;
}

body.imperial-v3-theme [style*="color:green"],
body.imperial-v3-theme [style*="color: green"] {
    color: #32734f !important;
}

body.imperial-v3-theme tr[style*="background-color:#FF3333"] > td,
body.imperial-v3-theme tr[style*="background-color: #FF3333"] > td,
body.imperial-v3-theme td[style*="background-color:#FF3333"],
body.imperial-v3-theme td[style*="background-color: #FF3333"] {
    background: rgba(177, 77, 74, .12) !important;
    color: #5c3032 !important;
}

/* ==========================================================================
   Imperial UX modernization pass — 2026-08-07
   Keeps the established dark navy + gold identity while normalizing data
   surfaces, schedules, buttons and interactive states across public pages.
   ========================================================================== */

/* Rankings are sized to the content column on desktop. A responsive table may
   scroll only when the viewport is genuinely too narrow, not all the time. */
@media (min-width: 768px) {
    body.imperial-v3-theme .flame-rankings-table-wrap,
    body.imperial-v3-theme .flame-rankings-table-area {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: visible !important;
        scrollbar-width: none !important;
    }

    body.imperial-v3-theme .flame-rankings-table-area::-webkit-scrollbar,
    body.imperial-v3-theme .flame-rankings-table-wrap::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

    body.imperial-v3-theme .flame-rankings-table-area > table,
    body.imperial-v3-theme .flame-rankings-table-area .table,
    body.imperial-v3-theme .flame-rankings-table-area .flame-data-table,
    body.imperial-v3-theme .flame-rankings-table-area .flame-legacy-rankings-table,
    body.imperial-v3-theme .flame-rankings-table-area .dmn-rankings-table,
    body.imperial-v3-theme .flame-rankings-table-area .ranking-table,
    body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

/* Modern data rows: one calm ivory surface, with separation created by thin
   structure rather than zebra fills or a full-row hover recolour. */
body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table,
body.imperial-v3-theme .flame-rankings-table-area .flame-data-table,
body.imperial-v3-theme .flame-rankings-table-area .flame-legacy-rankings-table,
body.imperial-v3-theme .flame-rankings-table-area .dmn-rankings-table,
body.imperial-v3-theme .flame-rankings-table-area .ranking-table,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table),
body.imperial-v3-theme .flame-ticket-table,
body.imperial-v3-theme .account-logs-table,
body.imperial-v3-theme .zen-wallet-logs-table,
body.imperial-v3-theme .xshop-logs-table,
body.imperial-v3-theme .flame-account-service-table {
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
    background: transparent !important;
}

body.imperial-v3-theme .flame-rankings-table-area tbody tr,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table) > tbody > tr,
body.imperial-v3-theme .flame-ticket-table > tbody > tr,
body.imperial-v3-theme .account-logs-table > tbody > tr,
body.imperial-v3-theme .zen-wallet-logs-table > tbody > tr,
body.imperial-v3-theme .xshop-logs-table > tbody > tr,
body.imperial-v3-theme .flame-account-service-table > tbody > tr {
    position: relative;
    background: transparent !important;
}

body.imperial-v3-theme .flame-rankings-table-area tbody td,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table) > tbody > tr > td,
body.imperial-v3-theme .flame-ticket-table > tbody > tr > td,
body.imperial-v3-theme .account-logs-table > tbody > tr > td,
body.imperial-v3-theme .zen-wallet-logs-table > tbody > tr > td,
body.imperial-v3-theme .xshop-logs-table > tbody > tr > td,
body.imperial-v3-theme .flame-account-service-table > tbody > tr > td {
    background: rgba(252, 250, 246, .94) !important;
    border-top: 1px solid rgba(83, 96, 117, .12) !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(83, 96, 117, .12) !important;
    border-left: 0 !important;
    color: #334157 !important;
    box-shadow: none !important;
    transition: border-color .15s ease, color .15s ease, box-shadow .15s ease !important;
}

body.imperial-v3-theme .flame-rankings-table-area tbody td:first-child,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table) > tbody > tr > td:first-child,
body.imperial-v3-theme .flame-ticket-table > tbody > tr > td:first-child,
body.imperial-v3-theme .account-logs-table > tbody > tr > td:first-child,
body.imperial-v3-theme .zen-wallet-logs-table > tbody > tr > td:first-child,
body.imperial-v3-theme .xshop-logs-table > tbody > tr > td:first-child,
body.imperial-v3-theme .flame-account-service-table > tbody > tr > td:first-child {
    border-left: 2px solid rgba(169, 120, 49, .18) !important;
}

body.imperial-v3-theme .flame-rankings-table-area tbody td:last-child,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table) > tbody > tr > td:last-child,
body.imperial-v3-theme .flame-ticket-table > tbody > tr > td:last-child,
body.imperial-v3-theme .account-logs-table > tbody > tr > td:last-child,
body.imperial-v3-theme .zen-wallet-logs-table > tbody > tr > td:last-child,
body.imperial-v3-theme .xshop-logs-table > tbody > tr > td:last-child,
body.imperial-v3-theme .flame-account-service-table > tbody > tr > td:last-child {
    border-right: 1px solid rgba(83, 96, 117, .12) !important;
}

/* Uniform light data rows. Bootstrap/legacy striped selectors have higher
   specificity than the normal row rule, so neutralize both odd and even rows
   explicitly rather than relying on cascade order. */
body.imperial-v3-theme .flame-rankings-table-area tbody tr:nth-child(odd) > td,
body.imperial-v3-theme .flame-rankings-table-area tbody tr:nth-child(even) > td,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table) > tbody > tr:nth-of-type(odd) > td,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table) > tbody > tr:nth-of-type(even) > td,
body.imperial-v3-theme .flame-data-table > tbody > tr:nth-child(odd) > td,
body.imperial-v3-theme .flame-data-table > tbody > tr:nth-child(even) > td,
body.imperial-v3-theme .flame-profile-modern-table > tbody > tr:nth-child(odd) > td,
body.imperial-v3-theme .flame-profile-modern-table > tbody > tr:nth-child(even) > td {
    background: #fbfaf7 !important;
}

body.imperial-v3-theme .flame-rankings-table-area tbody tr:hover td,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table) > tbody > tr:hover > td,
body.imperial-v3-theme .flame-ticket-table > tbody > tr:hover > td,
body.imperial-v3-theme .account-logs-table > tbody > tr:hover > td,
body.imperial-v3-theme .zen-wallet-logs-table > tbody > tr:hover > td,
body.imperial-v3-theme .xshop-logs-table > tbody > tr:hover > td,
body.imperial-v3-theme .flame-account-service-table > tbody > tr:hover > td {
    background: rgba(252, 250, 246, .94) !important;
    border-top-color: rgba(169, 120, 49, .28) !important;
    border-bottom-color: rgba(169, 120, 49, .28) !important;
    color: #26354b !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.66) !important;
}

body.imperial-v3-theme .flame-rankings-table-area tbody tr:hover td:first-child,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table) > tbody > tr:hover > td:first-child,
body.imperial-v3-theme .flame-ticket-table > tbody > tr:hover > td:first-child,
body.imperial-v3-theme .account-logs-table > tbody > tr:hover > td:first-child,
body.imperial-v3-theme .zen-wallet-logs-table > tbody > tr:hover > td:first-child,
body.imperial-v3-theme .xshop-logs-table > tbody > tr:hover > td:first-child,
body.imperial-v3-theme .flame-account-service-table > tbody > tr:hover > td:first-child {
    border-left-color: #c5aa60 !important;
}

/* A slightly more architectural table head — dark like the site chrome, but
   lower and cleaner than a separate boxed panel. */
body.imperial-v3-theme .flame-rankings-table-area table > thead > tr > th,
body.imperial-v3-theme .flame-data-table > thead > tr > th,
body.imperial-v3-theme .flame-data-table > thead > th,
body.imperial-v3-theme .dmn-rankings-table > thead > tr > th,
body.imperial-v3-theme .ranking-table > thead > tr > th,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table) > thead > tr > th {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-top: 1px solid rgba(240, 217, 154, .28) !important;
    border-bottom: 2px solid var(--imp-gold-line) !important;
    background:
        linear-gradient(90deg, rgba(240, 217, 154, .055), transparent 55%),
        linear-gradient(180deg, #1b2a45, #08111f) !important;
    color: #f0dda7 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .065em !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Buttons: visible interaction without neon/glow. */
body.imperial-v3-theme .button:focus-visible,
body.imperial-v3-theme .btn:focus-visible,
body.imperial-v3-theme input[type='submit']:focus-visible,
body.imperial-v3-theme input[type='button']:focus-visible {
    outline: 1px solid var(--imp-gold-bright) !important;
    outline-offset: 3px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), inset 0 -2px 0 rgba(206,164,79,.30), 0 0 0 1px rgba(218,187,112,.18), 0 10px 24px rgba(5,12,23,.24) !important;
}

body.imperial-v3-theme .button:active,
body.imperial-v3-theme .btn:active,
body.imperial-v3-theme input[type='submit']:active,
body.imperial-v3-theme input[type='button']:active {
    transform: translateY(0) !important;
    background: linear-gradient(180deg, #0b182b, #050c17) !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,.25), inset 0 -1px 0 rgba(218,187,112,.22) !important;
}

/* Single-purpose sidebar: schedule only. Ranking tabs no longer compete for
   space or introduce a second visual language. */
body.imperial-v3-theme .imperial-events-widget {
    position: relative;
    overflow: visible;
    border: 1px solid rgba(217, 189, 120, .52);
    border-radius: 0;
    background: #fbfaf6;
    box-shadow: 0 18px 42px rgba(15, 26, 43, .14), inset 0 1px 0 #fff;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
}

body.imperial-v3-theme .imperial-events-widget-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 64px;
    padding: 12px 24px 11px;
    border-bottom: 2px solid var(--imp-gold-line);
    background:
        linear-gradient(90deg, rgba(218,187,112,.065), transparent 56%),
        linear-gradient(180deg, #17233a, #08111f);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

body.imperial-v3-theme .imperial-events-widget-header::after {
    content: "";
    position: absolute;
    right: 17px;
    top: 17px;
    width: 9px;
    height: 9px;
    border: 1px solid rgba(224, 195, 124, .72);
    background: rgba(169, 120, 49, .22);
    transform: rotate(45deg);
}

body.imperial-v3-theme .imperial-events-widget-header > span {
    margin-bottom: 6px;
    color: rgba(225,231,241,.55);
    font-family: var(--imp-font-ui);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .22em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-events-widget-header > strong {
    color: #f0dda7;
    font-family: var(--imp-font-display);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .055em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-events-widget-body {
    position: relative;
    padding: 18px 20px 20px;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(246,243,236,.96));
}

body.imperial-v3-theme .imperial-events-widget-body::before,
body.imperial-v3-theme .imperial-events-widget-body::after {
    content: "";
    position: absolute;
    top: 12px;
    width: 28px;
    height: 28px;
    pointer-events: none;
}

body.imperial-v3-theme .imperial-events-widget-body::before {
    left: 12px;
    border-top: 1px solid rgba(217,189,120,.48);
    border-left: 1px solid rgba(217,189,120,.48);
}

body.imperial-v3-theme .imperial-events-widget-body::after {
    right: 12px;
    border-top: 1px solid rgba(217,189,120,.48);
    border-right: 1px solid rgba(217,189,120,.48);
}

body.imperial-v3-theme .imperial-events-widget .flame-sidebar-timebox {
    margin: 0 0 15px;
    padding: 13px 12px;
    border: 1px solid rgba(207, 173, 47, .28);
    background: rgba(250,252,254,.92);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

body.imperial-v3-theme .imperial-events-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 10px 12px 8px;
    border-bottom: 0;
    color: var(--imp-gold-600);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-events-list-heading small {
    color: #7b8492;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .06em;
}

body.imperial-v3-theme .imperial-events-widget #events {
    gap: 2px;
    padding-top: 4px;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger,
body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger:nth-child(even) {
    min-height: 34px;
    padding: 3px 9px 3px 10px;
    border: 1px solid transparent;
    border-bottom-color: rgba(116, 143, 173, .16);
    background: #fbfdff !important;
    opacity: 1 !important;
    transition: background-color .15s ease, box-shadow .15s ease !important;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger:hover {
    border-bottom-color: rgba(106, 143, 181, .28);
    background: #f2f7fc !important;
    box-shadow: none;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger > span {
    color: #1c2a40 !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger > small {
    color: #6f86a5 !important;
    font-size: 14.5px !important;
    font-weight: 350 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent {
    border-color: #e2c95f !important;
    background: #fbfdff !important;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent > span {
    color: #1c2a40 !important;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent > small {
    color: #6f86a5 !important;
    font-weight: 350 !important;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger.is-live {
    border-left-color: #4e9d72 !important;
}

body.imperial-v3-theme .imperial-events-widget #events > .flame-event-tooltip-trigger.is-live > small {
    color: #32734f !important;
}

/* Active navigation surfaces stay in the same dark-blue button family. */
body.imperial-v3-theme .tabs-button li.active {
    color: #fff0c4 !important;
}

body.imperial-v3-theme .tabs-button li.active * {
    color: inherit !important;
}

body.imperial-v3-theme .nav-pills .nav-link.active,
body.imperial-v3-theme .nav-pills .show > .nav-link,
body.imperial-v3-theme .nav-tabs .nav-link.active {
    border-color: #f0d99a !important;
    background: linear-gradient(180deg, #304a70 0%, #1b2f4d 50%, #0a1627 100%) !important;
    color: #fff0c4 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), inset 0 -2px 0 rgba(240,217,154,.28), 0 7px 16px rgba(10,20,34,.14) !important;
}

body.imperial-v3-theme .nav-pills .nav-link.active *,
body.imperial-v3-theme .nav-pills .show > .nav-link *,
body.imperial-v3-theme .nav-tabs .nav-link.active * {
    color: inherit !important;
}

/* Popup and dialog action rows inherit the same button treatment; body copy
   remains dark on ivory even when an old plugin ships inline light text. */
body.imperial-v3-theme .modalContent,
body.imperial-v3-theme .ui-dialog-content,
body.imperial-v3-theme .alertable,
body.imperial-v3-theme .account-announcement-popup {
    --imp-popup-text: #334157;
}

body.imperial-v3-theme .modalContent p,
body.imperial-v3-theme .ui-dialog-content p,
body.imperial-v3-theme .alertable-message,
body.imperial-v3-theme .flame-rules-dialog-popup p {
    color: var(--imp-popup-text) !important;
    text-shadow: none !important;
}

@media (max-width: 767.98px) {
    body.imperial-v3-theme .imperial-events-widget-header {
        min-height: 58px;
        padding: 11px 18px 10px;
    }

    body.imperial-v3-theme .imperial-events-widget-header > strong {
        font-size: 16px;
    }

    body.imperial-v3-theme .imperial-events-widget-body {
        padding: 16px 14px 17px;
    }

    body.imperial-v3-theme .flame-rankings-table-area .flame-rankings-table,
    body.imperial-v3-theme .flame-rankings-table-area .flame-data-table,
    body.imperial-v3-theme .flame-rankings-table-area .flame-legacy-rankings-table,
    body.imperial-v3-theme .flame-rankings-table-area .dmn-rankings-table,
    body.imperial-v3-theme .flame-rankings-table-area .ranking-table,
    body.imperial-v3-theme table.table-striped:not(.flame-equipment-table):not(.flame-profile-modern-table) {
        border-spacing: 0 3px !important;
    }
}






/* Ranking/statistics selection state: never fall back to the old solid-gold slab. */
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn.is-active,
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn.active,
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn.is-active,
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn.active,
body.imperial-v3-theme .flame-about-stats-page .flame-about-server-button.is-active,
body.imperial-v3-theme .flame-about-stats-page .flame-about-server-button.active {
    border-color: var(--imp-gold-line) !important;
    background: linear-gradient(180deg, #3b5b83 0%, #243e5f 52%, #0d1b2f 100%) !important;
    color: #fff3ce !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(228,202,134,.28), 0 8px 18px rgba(7,15,27,.16) !important;
}

/* Angular form/list ownership for legacy selectors that still carried rounded Flame values. */
body.imperial-v3-theme #enter.modal_div input[type="text"],
body.imperial-v3-theme #enter.modal_div input[type="password"],
body.imperial-v3-theme #enter.modal_div input.input,
body.imperial-v3-theme #select_server select,
body.imperial-v3-theme #select_server .flame-server-select-toggle,
body.imperial-v3-theme .flame-guild-members-wrap {
    border-radius: 0 !important;
}

/* Keep data surfaces visually stable: no zebra tint and no hover recolour. */
body.imperial-v3-theme .flame-rankings-table-area tbody tr:hover > td,
body.imperial-v3-theme .flame-rankings-table-area tbody tr:focus-within > td,
body.imperial-v3-theme .flame-data-table > tbody > tr:hover > td,
body.imperial-v3-theme .flame-data-table > tbody > tr:focus-within > td,
body.imperial-v3-theme .flame-profile-modern-table > tbody > tr:hover > td,
body.imperial-v3-theme .flame-profile-modern-table > tbody > tr:focus-within > td,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table) > tbody > tr:hover > td,
body.imperial-v3-theme table.table-striped:not(.flame-equipment-table) > tbody > tr:focus-within > td {
    background: #fbfaf7 !important;
}

/* Dark section headers use a brighter, cleaner gold keyline rather than a dull brown edge. */
body.imperial-v3-theme .card-header,
body.imperial-v3-theme .panel-heading,
body.imperial-v3-theme .modal-header,
body.imperial-v3-theme .modal-header2,
body.imperial-v3-theme #enter.modal_div .modal-header,
body.imperial-v3-theme .ui-dialog-titlebar,
body.imperial-v3-theme .account-announcement-head,
body.imperial-v3-theme .waretitle.imperial-inventory-title,
body.imperial-v3-theme .imperial-muun-pager {
    border-bottom: 2px solid rgba(228,202,134,.70) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(245,228,181,.08) !important;
}

/* Server crest frame stays flat and crisp; each realm receives its own inner accent. */
body.imperial-v3-theme .imperial-server-sigil {
    background: #dec45b;
}
body.imperial-v3-theme .imperial-realm-monitor-heading strong,
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name {
    color: var(--imp-gold-bright);
}

/* Canonical Imperial typography: keep legacy modules from reverting to Flame-era
   Verdana/Arial stacks while leaving icon-font glyphs untouched. */
body.imperial-v3-theme .main,
body.imperial-v3-theme .topPanel,
body.imperial-v3-theme .imperial-realm-monitor,
body.imperial-v3-theme .modal_div,
body.imperial-v3-theme .ui-dialog,
body.imperial-v3-theme .alertable,
body.imperial-v3-theme table,
body.imperial-v3-theme input,
body.imperial-v3-theme select,
body.imperial-v3-theme textarea,
body.imperial-v3-theme button,
body.imperial-v3-theme .btn,
body.imperial-v3-theme .button {
    font-family: var(--imp-font-ui) !important;
}

/* Desktop sidebar begins on the same optical baseline as the page title. */
@media (min-width: 1081px) {
    body.imperial-v3-theme .sidebar {
        padding-top: 12px;
    }
}

/* Legacy/plugin action controls that are anchors rather than Bootstrap .btn.
   They now share the same Imperial interaction language as native buttons. */
body.imperial-v3-theme .vs-btn,
body.imperial-v3-theme .vs-btn2,
body.imperial-v3-theme .gradient-btn,
body.imperial-v3-theme .custom_button,
body.imperial-v3-theme .pagerButton,
body.imperial-v3-theme .zen-wallet-action-btn:not(.zen-wallet-action-btn-locked),
body.imperial-v3-theme .action-btn,
body.imperial-v3-theme .flame-download-button,
body.imperial-v3-theme .flame-donate-button,
body.imperial-v3-theme .exchange_item,
body.imperial-v3-theme .get_reward,
body.imperial-v3-theme .view_reward,
body.imperial-v3-theme .ref-reward-link,
body.imperial-v3-theme .flame-vote-reward-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 44px;
    padding: 10px 19px !important;
    border: 1px solid rgba(224, 197, 128, .82) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #273c5d 0%, #162741 50%, #081321 100%) !important;
    color: #f5e7c1 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: .065em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -2px 0 rgba(218,187,112,.20), 0 8px 20px rgba(5,12,23,.20) !important;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease !important;
}

body.imperial-v3-theme .vs-btn:hover,
body.imperial-v3-theme .vs-btn:focus,
body.imperial-v3-theme .vs-btn2:hover,
body.imperial-v3-theme .vs-btn2:focus,
body.imperial-v3-theme .gradient-btn:hover,
body.imperial-v3-theme .gradient-btn:focus,
body.imperial-v3-theme .custom_button:hover,
body.imperial-v3-theme .custom_button:focus,
body.imperial-v3-theme .pagerButton:hover,
body.imperial-v3-theme .pagerButton:focus,
body.imperial-v3-theme .zen-wallet-action-btn:not(.zen-wallet-action-btn-locked):hover,
body.imperial-v3-theme .zen-wallet-action-btn:not(.zen-wallet-action-btn-locked):focus,
body.imperial-v3-theme .action-btn:hover,
body.imperial-v3-theme .action-btn:focus,
body.imperial-v3-theme .flame-download-button:hover,
body.imperial-v3-theme .flame-download-button:focus,
body.imperial-v3-theme .flame-donate-button:hover,
body.imperial-v3-theme .flame-donate-button:focus,
body.imperial-v3-theme .exchange_item:hover,
body.imperial-v3-theme .exchange_item:focus,
body.imperial-v3-theme .get_reward:hover,
body.imperial-v3-theme .get_reward:focus,
body.imperial-v3-theme .view_reward:hover,
body.imperial-v3-theme .view_reward:focus,
body.imperial-v3-theme .ref-reward-link:hover,
body.imperial-v3-theme .ref-reward-link:focus,
body.imperial-v3-theme .flame-vote-reward-link:hover,
body.imperial-v3-theme .flame-vote-reward-link:focus {
    border-color: #f0d99a !important;
    background: linear-gradient(180deg, #3a5c86 0%, #284468 50%, #10213a 100%) !important;
    color: #fff7df !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -2px 0 rgba(240,217,154,.26), 0 0 0 1px rgba(240,217,154,.10), 0 11px 25px rgba(5,12,23,.25) !important;
    transform: translateY(-1px);
}

body.imperial-v3-theme .exchange_item,
body.imperial-v3-theme .get_reward,
body.imperial-v3-theme .view_reward,
body.imperial-v3-theme .ref-reward-link,
body.imperial-v3-theme .flame-vote-reward-link {
    min-height: 36px !important;
    padding: 8px 13px !important;
    font-size: 10px !important;
    letter-spacing: .055em !important;
}


body.imperial-v3-theme .flame-vote-reward-link {
    margin-left: 12px !important;
    vertical-align: middle;
}

body.imperial-v3-theme .vs-btn[disabled],
body.imperial-v3-theme .vs-btn.disabled,
body.imperial-v3-theme .vs-btn2.disabled,
body.imperial-v3-theme .gradient-btn[disabled],
body.imperial-v3-theme .custom_button.disabled,
body.imperial-v3-theme .imperial-disabled-button,
body.imperial-v3-theme .zen-wallet-action-btn-locked {
    cursor: not-allowed !important;
    border-color: rgba(108, 121, 140, .28) !important;
    background: linear-gradient(180deg, #566476, #3d4a5b) !important;
    color: rgba(244,247,250,.66) !important;
    box-shadow: none !important;
    opacity: .72 !important;
    transform: none !important;
}

/* ========================================================================== 
   IMPERIAL CONSISTENCY PASS — 2026-08
   Canonical ownership for page headers, legacy plugin shells, dark section
   headers and the Events sidebar. This block intentionally lives last so
   route/plugin CSS cannot reintroduce Flame-era spacing or header variants.
   ========================================================================== */
body.imperial-v3-theme {
    --imp-page-title-color: #173d60;
    --imp-page-title-accent: #c0a43b;
    --imp-page-title-line: linear-gradient(90deg, #c0a43b 0%, rgba(178,154,85,.38) 34%, transparent 82%);
    --imp-section-header-bg: linear-gradient(90deg, rgba(218,187,112,.055), transparent 58%), linear-gradient(180deg, #172944 0%, #07111f 100%);
    --imp-section-header-line: rgba(228,202,134,.70);
    --imp-card-border: rgba(138,103,45,.32);
    --imp-card-bg: linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,247,247,.97) 58%, rgba(231,235,236,.95));
    --imp-card-shadow: 0 18px 45px rgba(35,43,60,.10), inset 0 1px 0 rgba(255,255,255,.88);
}

/* Main-grid children from older plugins must obey the same column geometry as
   native flame-content pages. Bootstrap's negative .row margins used to make
   several plugin pages begin a few pixels off the canonical content line. */
body.imperial-v3-theme .main > .row,
body.imperial-v3-theme .main > #content,
body.imperial-v3-theme .main > .flame-content,
body.imperial-v3-theme .main > .news {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.imperial-v3-theme .main > #content > #box1,
body.imperial-v3-theme .main > #content > #box1 > #content_center {
    width: 100% !important;
    min-width: 0 !important;
}

/* One page-title grammar for native pages, old #content/title1 pages and
   Bootstrap-era plugin pages. Title and Events sidebar now share the exact
   same 54px header height and 16px content gap. */
body.imperial-v3-theme .flame-page-title,
body.imperial-v3-theme .news-title,
body.imperial-v3-theme .main > #content > #box1 > .title1,
body.imperial-v3-theme .vs-blog > .blog-meta {
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 0 16px !important;
}

body.imperial-v3-theme .main > #content > #box1 > .title1,
body.imperial-v3-theme .vs-blog > .blog-meta {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 0 12px 19px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .main > #content > #box1 > .title1::before,
body.imperial-v3-theme .vs-blog > .blog-meta::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    bottom: 10px !important;
    width: 3px !important;
    height: auto !important;
    border: 0 !important;
    background: linear-gradient(180deg, #f5df91 0%, #ddc45e 56%, #9b7e2c 100%) !important;
    box-shadow: 0 0 10px rgba(217,189,120,.16) !important;
}

body.imperial-v3-theme .main > #content > #box1 > .title1::after,
body.imperial-v3-theme .vs-blog > .blog-meta::after {
    content: "" !important;
    position: absolute !important;
    left: 19px !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: 2px !important;
    border: 0 !important;
    background: var(--imp-page-title-line) !important;
    box-shadow: 0 1px 8px rgba(222,190,112,.12) !important;
    opacity: 1 !important;
}

body.imperial-v3-theme .main > #content > #box1 > .title1 > h1,
body.imperial-v3-theme .vs-blog > .blog-meta .blog-title,
body.imperial-v3-theme .vs-blog > .blog-meta .blog-title > h2 {
    margin: 0 !important;
    color: var(--imp-page-title-color) !important;
    font-family: var(--imp-font-display) !important;
    font-size: clamp(24px, 2vw, 34px) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: .02em !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

body.imperial-v3-theme .vs-blog {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .vs-blog > .blog-meta .blog-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
}

body.imperial-v3-theme .vs-blog > .blog-meta .blog-title > span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

body.imperial-v3-theme .vs-blog > .blog-content,
body.imperial-v3-theme .vs-blog > .bg-major-black.blog-content,
body.imperial-v3-theme .main > #content > #box1 > .box-style1,
body.imperial-v3-theme .main > #content > #box1 > #content_center > .box-style1 {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    border: 1px solid var(--imp-card-border) !important;
    border-radius: 0 !important;
    background: var(--imp-card-bg) !important;
    color: var(--imp-ink) !important;
    box-shadow: var(--imp-card-shadow) !important;
}

body.imperial-v3-theme .vs-blog > .blog-content,
body.imperial-v3-theme .vs-blog > .bg-major-black.blog-content {
    padding: clamp(24px, 3vw, 38px) !important;
}

/* Re-purpose the old box-style1 left stripe as the same restrained Imperial
   corner ornament used by native content cards. */
body.imperial-v3-theme .main > #content .box-style1::before {
    content: "" !important;
    position: absolute !important;
    inset: 8px !important;
    width: auto !important;
    height: auto !important;
    pointer-events: none !important;
    border: 0 !important;
    background:
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) left top / 32px 1px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) left top / 1px 32px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) right top / 32px 1px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) right top / 1px 32px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) left bottom / 32px 1px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) left bottom / 1px 32px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) right bottom / 32px 1px no-repeat,
        linear-gradient(var(--imp-gold-line), var(--imp-gold-line)) right bottom / 1px 32px no-repeat !important;
    opacity: .52 !important;
}

body.imperial-v3-theme .main > #content .box-style1 > * {
    position: relative;
    z-index: 1;
}

/* Canonical dark section header. Every dark in-card/dialog heading uses the
   same navy, gold keyline and shadow instead of a collection of 1px/2px and
   brown/gold variants. */
body.imperial-v3-theme .flame-sidebar-box-title,
body.imperial-v3-theme .card-header,
body.imperial-v3-theme .panel-heading,
body.imperial-v3-theme .modal-header,
body.imperial-v3-theme .modal-header2,
body.imperial-v3-theme #enter.modal_div .modal-header,
body.imperial-v3-theme #select_server .modal-header,
body.imperial-v3-theme #select_server .modal-header2,
body.imperial-v3-theme .ui-dialog-titlebar,
body.imperial-v3-theme .account-announcement-head,
body.imperial-v3-theme .waretitle.imperial-inventory-title,
body.imperial-v3-theme .imperial-muun-pager,
body.imperial-v3-theme .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th,
body.imperial-v3-theme .flame-guild-members-title-table > thead > tr > th.flame-profile-modern-th {
    border-radius: 0 !important;
    border-color: rgba(209,179,111,.30) !important;
    border-bottom: 2px solid var(--imp-section-header-line) !important;
    background: var(--imp-section-header-bg) !important;
    color: #f0dc87 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(245,228,181,.08) !important;
}

body.imperial-v3-theme .flame-sidebar-box-title::after,
body.imperial-v3-theme #select_server .modal-header::after,
body.imperial-v3-theme #select_server .modal-header2::after,
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-titlebar::after {
    content: none !important;
    display: none !important;
}

body.imperial-v3-theme .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th::after,
body.imperial-v3-theme .flame-guild-members-title-table > thead > tr > th.flame-profile-modern-th::after {
    left: 0 !important;
    right: 0 !important;
    bottom: -2px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(245,228,181,.30) 12%, rgba(245,228,181,.75) 50%, rgba(245,228,181,.30) 88%, transparent 100%) !important;
    box-shadow: none !important;
}

/* Events sidebar: its heading is a true peer of the adjacent page heading.
   The body is a separate content card, so both columns begin their content on
   the same horizontal line. */
body.imperial-v3-theme .sidebar,
body.imperial-v3-theme.imperial-inner .sidebar {
    padding-top: 0 !important;
}

body.imperial-v3-theme .imperial-events-widget {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
}

body.imperial-v3-theme .imperial-events-widget-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 54px !important;
    margin: 0 0 16px !important;
    padding: 8px 0 12px 19px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .imperial-events-widget-header::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    bottom: 10px !important;
    width: 3px !important;
    background: linear-gradient(180deg, #f5df91 0%, #ddc45e 56%, #9b7e2c 100%) !important;
    box-shadow: 0 0 10px rgba(217,189,120,.16) !important;
}

body.imperial-v3-theme .imperial-events-widget-header::after {
    content: "" !important;
    position: absolute !important;
    left: 19px !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: auto !important;
    height: 2px !important;
    border: 0 !important;
    background: var(--imp-page-title-line) !important;
    box-shadow: 0 1px 8px rgba(222,190,112,.12) !important;
    transform: none !important;
}

body.imperial-v3-theme .imperial-events-widget-header > strong {
    margin: 0 !important;
    color: var(--imp-page-title-color) !important;
    font-family: var(--imp-font-display) !important;
    font-size: clamp(24px, 2vw, 34px) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

body.imperial-v3-theme .imperial-events-widget-body {
    position: relative !important;
    min-width: 0 !important;
    padding: 20px !important;
    border: 1px solid var(--imp-card-border) !important;
    border-radius: 0 !important;
    background: var(--imp-card-bg) !important;
    box-shadow: var(--imp-card-shadow) !important;
    clip-path: none !important;
}

body.imperial-v3-theme .imperial-events-widget-body::before,
body.imperial-v3-theme .imperial-events-widget-body::after {
    top: 8px !important;
    width: 32px !important;
    height: 32px !important;
    opacity: .62;
}
body.imperial-v3-theme .imperial-events-widget-body::before { left: 8px !important; }
body.imperial-v3-theme .imperial-events-widget-body::after { right: 8px !important; }

/* Keep legacy plugin content from carrying Bootstrap dark-text utility leakage
   into the now-light card while retaining deliberate status colors. */
body.imperial-v3-theme .vs-blog > .blog-content,
body.imperial-v3-theme .vs-blog > .blog-content p,
body.imperial-v3-theme .vs-blog > .blog-content td,
body.imperial-v3-theme .main > #content .box-style1,
body.imperial-v3-theme .main > #content .box-style1 p,
body.imperial-v3-theme .main > #content .box-style1 td {
    text-shadow: none !important;
}

@media (max-width: 767.98px) {
    body.imperial-v3-theme .main > #content > #box1 > .title1,
    body.imperial-v3-theme .vs-blog > .blog-meta,
    body.imperial-v3-theme .imperial-events-widget-header {
        min-height: 55px !important;
        padding: 8px 0 11px 16px !important;
        margin-bottom: 14px !important;
    }

    body.imperial-v3-theme .main > #content > #box1 > .title1::after,
    body.imperial-v3-theme .vs-blog > .blog-meta::after,
    body.imperial-v3-theme .imperial-events-widget-header::after {
        left: 16px !important;
    }

    body.imperial-v3-theme .main > #content > #box1 > .title1 > h1,
    body.imperial-v3-theme .vs-blog > .blog-meta .blog-title,
    body.imperial-v3-theme .vs-blog > .blog-meta .blog-title > h2,
    body.imperial-v3-theme .imperial-events-widget-header > strong {
        font-size: 25px !important;
    }

    body.imperial-v3-theme .vs-blog > .blog-meta .blog-title {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body.imperial-v3-theme .vs-blog > .blog-meta .blog-title > span {
        justify-content: flex-start;
        width: 100%;
    }

    body.imperial-v3-theme .imperial-events-widget-body {
        padding: 16px 14px 17px !important;
    }
}


/* ========================================================================== 
   IMPERIAL PREMIUM REFINEMENT — 2026-08-08
   Final ownership for gold palette, interaction states, alerts, table chrome,
   rankings active states, Events typography and character item tooltips.
   ========================================================================== */
/* One typography system across legacy and modern public modules. */
body.imperial-v3-theme,
body.imperial-v3-theme .main,
body.imperial-v3-theme .sidebar,
body.imperial-v3-theme .modal_div,
body.imperial-v3-theme .ui-dialog,
body.imperial-v3-theme .alertable,
body.imperial-v3-theme table,
body.imperial-v3-theme input,
body.imperial-v3-theme select,
body.imperial-v3-theme textarea,
body.imperial-v3-theme button,
body.imperial-v3-theme .btn,
body.imperial-v3-theme .button,
body.imperial-v3-theme #notifier-box .message-box,
body.imperial-v3-theme div.message-box {
    font-family: var(--imp-font-ui);
}
body.imperial-v3-theme h1,
body.imperial-v3-theme h2,
body.imperial-v3-theme h3,
body.imperial-v3-theme h4,
body.imperial-v3-theme h5,
body.imperial-v3-theme h6,
body.imperial-v3-theme .flame-page-title h1,
body.imperial-v3-theme .flame-sidebar-box-title,
body.imperial-v3-theme .card-header,
body.imperial-v3-theme .panel-heading,
body.imperial-v3-theme .modal-header,
body.imperial-v3-theme .modal-header2,
body.imperial-v3-theme .ui-dialog-titlebar,
body.imperial-v3-theme .imperial-events-widget-header > strong {
    font-family: var(--imp-font-display) !important;
}

/* Content-link interaction is owned by the canonical scoped link rules near
   the top of this file. Do not apply a global anchor hover here. */

/* Canonical premium button keyline and all interaction states. */
body.imperial-v3-theme .button,
body.imperial-v3-theme .btn,
body.imperial-v3-theme .btn-primary,
body.imperial-v3-theme .vs-btn,
body.imperial-v3-theme .vs-btn2,
body.imperial-v3-theme .gradient-btn,
body.imperial-v3-theme .custom_button,
body.imperial-v3-theme .pagerButton,
body.imperial-v3-theme .zen-wallet-action-btn:not(.zen-wallet-action-btn-locked),
body.imperial-v3-theme .action-btn,
body.imperial-v3-theme .flame-download-button,
body.imperial-v3-theme .flame-donate-button,
body.imperial-v3-theme .exchange_item,
body.imperial-v3-theme .get_reward,
body.imperial-v3-theme .view_reward,
body.imperial-v3-theme .ref-reward-link,
body.imperial-v3-theme .flame-vote-reward-link,
body.imperial-v3-theme .imperial-profile-quest-link,
body.imperial-v3-theme input[type='submit'],
body.imperial-v3-theme input[type='button'] {
    border: 1px solid #d7b75f !important;
    background: linear-gradient(180deg, #263b5d 0%, #142641 52%, #081421 100%) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11), inset 0 -2px 0 rgba(231,207,145,.22), 0 0 0 1px rgba(194,148,61,.18), 0 8px 19px rgba(5,12,23,.17) !important;
}
body.imperial-v3-theme .button:hover,
body.imperial-v3-theme .button:focus-visible,
body.imperial-v3-theme .btn:hover,
body.imperial-v3-theme .btn:focus-visible,
body.imperial-v3-theme .vs-btn:hover,
body.imperial-v3-theme .vs-btn2:hover,
body.imperial-v3-theme .gradient-btn:hover,
body.imperial-v3-theme .custom_button:hover,
body.imperial-v3-theme .action-btn:hover,
body.imperial-v3-theme .flame-download-button:hover,
body.imperial-v3-theme .flame-donate-button:hover,
body.imperial-v3-theme .flame-vote-reward-link:hover,
body.imperial-v3-theme .imperial-profile-quest-link:hover,
body.imperial-v3-theme input[type='submit']:hover,
body.imperial-v3-theme input[type='button']:hover {
    border-color: #f0d88e !important;
    background: linear-gradient(180deg, #344f76 0%, #213b5d 52%, #0c1d33 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -2px 0 rgba(240,216,142,.29), 0 0 0 1px rgba(240,216,142,.26), 0 10px 22px rgba(5,12,23,.20) !important;
}
body.imperial-v3-theme .button:active,
body.imperial-v3-theme .btn:active,
body.imperial-v3-theme .btn-primary:active,
body.imperial-v3-theme .button.active,
body.imperial-v3-theme .btn.active,
body.imperial-v3-theme .btn-primary.active,
body.imperial-v3-theme input[type='submit']:active,
body.imperial-v3-theme input[type='button']:active {
    border-color: #ebcf7b !important;
    background: linear-gradient(180deg, #2d466a 0%, #1b3150 52%, #0a192b 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,.18), 0 0 0 1px rgba(235,207,123,.25) !important;
    transform: translateY(0) !important;
}

/* Homepage Read More is deliberately easier to notice without becoming oversized. */
body.imperial-v3-theme .newsBlock-button .button,
body.imperial-v3-theme .newsBlock-button .button-small {
    min-width: 172px !important;
    min-height: 52px !important;
    padding: 12px 24px !important;
    border-color: #d8b85f !important;
    background: linear-gradient(180deg, #263b5d 0%, #142641 52%, #081421 100%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    letter-spacing: .095em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11), inset 0 -2px 0 rgba(231,207,145,.22), 0 0 0 1px rgba(194,148,61,.20), 0 10px 22px rgba(5,12,23,.16) !important;
}
body.imperial-v3-theme .newsBlock-button .button:hover,
body.imperial-v3-theme .newsBlock-button .button:focus,
body.imperial-v3-theme .newsBlock-button .button:active {
    border-color: #f1d98d !important;
    background: linear-gradient(180deg, #344f76 0%, #213b5d 52%, #0c1d33 100%) !important;
    color: #ffffff !important;
}

/* Rankings: selected realm and selected ranking are unmistakable, not merely a
   slightly different navy. */
body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills > .nav-link,
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^='rankings_select_'] > .btn {
    border-color: #ccb16a !important;
}
body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills > .nav-link.active,
body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills > .nav-link[aria-current='page'],
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^='rankings_select_'] > .btn.is-active {
    border-color: #f0d681 !important;
    background: linear-gradient(180deg, #4a5060 0%, #313b4c 12%, #182b47 58%, #0a1728 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 3px 0 rgba(240,214,129,.66), inset 0 -2px 0 rgba(240,214,129,.24), 0 0 0 1px rgba(240,214,129,.28), 0 10px 25px rgba(14,23,37,.18) !important;
}

/* Canonical table/section header: statistics, rankings, character info and
   plugin tables now terminate with the exact same premium gold keyline. */
body.imperial-v3-theme .flame-page-content table > thead > tr > th,
body.imperial-v3-theme .flame-page-content .flame-data-table > thead > tr > th,
body.imperial-v3-theme .flame-page-content .flame-legacy-rankings-table > thead > tr > th,
body.imperial-v3-theme .flame-page-content .flame-rankings-table > thead > tr > th,
body.imperial-v3-theme .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th,
body.imperial-v3-theme .flame-guild-members-title-table > thead > tr > th.flame-profile-modern-th,
body.imperial-v3-theme .flame-about-stats-title {
    border-top: 1px solid rgba(231,207,145,.22) !important;
    border-bottom: 2px solid #d8bb6d !important;
    background: linear-gradient(90deg, rgba(219,187,109,.055), transparent 55%), linear-gradient(180deg, #182a46 0%, #0a1628 100%) !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(246,230,184,.09) !important;
}
body.imperial-v3-theme .flame-page-content table > thead > tr > th::after,
body.imperial-v3-theme .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th::after,
body.imperial-v3-theme .flame-guild-members-title-table > thead > tr > th.flame-profile-modern-th::after {
    background: linear-gradient(90deg, transparent 0%, rgba(225,239,253,.18) 10%, rgba(238,247,255,.62) 50%, rgba(225,239,253,.18) 90%, transparent 100%) !important;
    box-shadow: none !important;
}

/* Alerts / information blocks: clean semantic hierarchy for legacy public views. */
body.imperial-v3-theme .alert,
body.imperial-v3-theme .important-notice,
body.imperial-v3-theme .imperial-inline-note,
body.imperial-v3-theme [id^='warn-info'] {
    position: relative;
    border: 1px solid #d5dfe8 !important;
    border-left: 4px solid #4d7fae !important;
    border-radius: 0 !important;
    background: #f5f9fd !important;
    color: #40556d !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
}
body.imperial-v3-theme .imperial-inline-note,
body.imperial-v3-theme [id^='warn-info'] {
    margin: 10px 0 !important;
    padding: 12px 15px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.52 !important;
}
body.imperial-v3-theme .alert-info,
body.imperial-v3-theme .alert-primary,
body.imperial-v3-theme #warn-info10,
body.imperial-v3-theme #warn-info12 {
    border-color: #cfdae6 !important;
    border-left-color: #4d7fae !important;
    background: #f0f6fb !important;
    color: #385873 !important;
}
body.imperial-v3-theme #warn-info11 {
    border-color: #e8ddb7 !important;
    border-left-color: #9b742d !important;
    background: #fff9eb !important;
    color: #685126 !important;
}
body.imperial-v3-theme .alert-success {
    border-color: #cfe2d6 !important;
    border-left-color: #3e805e !important;
    background: #f0f8f3 !important;
    color: #2d5c45 !important;
}
body.imperial-v3-theme .alert-warning {
    border-color: #e8ddb7 !important;
    border-left-color: #9b742d !important;
    background: #fff9eb !important;
    color: #685126 !important;
}
body.imperial-v3-theme .alert-danger,
body.imperial-v3-theme .alert-error,
body.imperial-v3-theme .validation_error {
    border-color: #e4cbc8 !important;
    border-left-color: #a44b49 !important;
    background: #fff3f2 !important;
    color: #7b3f3f !important;
}
body.imperial-v3-theme .imperial-inline-note a,
body.imperial-v3-theme [id^='warn-info'] a {
    color: #2b6395 !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .imperial-inline-note a:hover,
body.imperial-v3-theme [id^='warn-info'] a:hover {
    color: #173f66 !important;
    text-decoration: underline !important;
}
body.imperial-v3-theme .alert:hover,
body.imperial-v3-theme .important-notice:hover,
body.imperial-v3-theme .imperial-inline-note:hover,
body.imperial-v3-theme [id^='warn-info']:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* Toast notifications retain semantic header colors but now have stronger,
   brighter state accents. */
body.imperial-v3-theme #notifier-box .message-box:has(> div.success),
body.imperial-v3-theme div.message-box:has(> div.success) {
    border-color: rgba(79,155,117,.48) !important;
}
body.imperial-v3-theme #notifier-box .message-box:has(> div.error),
body.imperial-v3-theme div.message-box:has(> div.error) {
    border-color: rgba(189,91,87,.52) !important;
}
body.imperial-v3-theme #notifier-box .message-box div.success,
body.imperial-v3-theme div.message-box div.success {
    border-bottom-color: #76ba94 !important;
    background: linear-gradient(90deg, #1d523b 0%, #153529 52%, #0a1721 100%) !important;
}
body.imperial-v3-theme #notifier-box .message-box div.error,
body.imperial-v3-theme div.message-box div.error {
    border-bottom-color: #d37d76 !important;
    background: linear-gradient(90deg, #733036 0%, #472329 52%, #111826 100%) !important;
}

/* Character profile actions now use the same button geometry and hierarchy. */
body.imperial-v3-theme .flame-vote-reward-link,
body.imperial-v3-theme .imperial-profile-quest-link {
    min-width: 142px !important;
    min-height: 42px !important;
    margin-left: 14px !important;
    padding: 9px 15px !important;
    font-size: 11px !important;
    letter-spacing: .055em !important;
    vertical-align: middle !important;
}

/* Item hover: visibly active without glow/shadow artifacts. Covers both the
   newer inventoryc equipment layout and older inventory markup. */
body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^='in_'],
body.imperial-v3-theme .flame-equipment-card #inventory > div[data-info],
body.imperial-v3-theme #inventoryc > div[data-info],
body.imperial-v3-theme #inventory > div[data-info],
body.imperial-v3-theme .flame-extra-equipment-info [data-info] {
    transition: transform .14s ease, filter .14s ease, border-color .14s ease, background-color .14s ease !important;
    transform-origin: center center;
}
body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^='in_']:hover,
body.imperial-v3-theme .flame-equipment-card #inventoryc > div[id^='in_']:focus,
body.imperial-v3-theme .flame-equipment-card #inventory > div[data-info]:hover,
body.imperial-v3-theme .flame-equipment-card #inventory > div[data-info]:focus,
body.imperial-v3-theme #inventoryc > div[data-info]:hover,
body.imperial-v3-theme #inventory > div[data-info]:hover,
body.imperial-v3-theme .flame-extra-equipment-info [data-info]:hover {
    z-index: 8 !important;
    transform: scale(1.055) !important;
    filter: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Item tooltip may contain a two-column set panel. Let it use the space it
   needs, wrap long lines, and stay inside the viewport. JS repositions it
   after AJAX content arrives. */
body.imperial-v3-theme #tooltip {
    width: max-content !important;
    max-width: min(760px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.38), inset 0 0 0 2px rgba(218,187,112,.045) !important;
}
body.imperial-v3-theme #tooltip.flame-tooltip-loader-transparent {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    filter: none !important;
}
body.imperial-v3-theme #tooltip.flame-tooltip-loader-transparent > div {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
body.imperial-v3-theme #tooltip .flame-tooltip-spinner-only {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 3px solid rgba(105, 176, 226, .20) !important;
    border-top-color: #72b9e9 !important;
    border-right-color: #72b9e9 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: flameTooltipSpin .58s linear infinite !important;
}
@keyframes flameTooltipSpin {
    to { transform: rotate(360deg); }
}
body.imperial-v3-theme #tooltip .body,
body.imperial-v3-theme #tooltip .flame-ancient-tooltip-wrap,
body.imperial-v3-theme #tooltip .flame-ancient-tooltip-main,
body.imperial-v3-theme #tooltip .flame-ancient-tooltip-set {
    box-sizing: border-box !important;
    max-width: 100% !important;
}
body.imperial-v3-theme #tooltip .flame-ancient-tooltip-set,
body.imperial-v3-theme #tooltip .flame-ancient-tooltip-set *,
body.imperial-v3-theme #tooltip .flame-set-effect-group,
body.imperial-v3-theme #tooltip .flame-set-effect-group * {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
}
@media (max-width: 720px) {
    body.imperial-v3-theme #tooltip {
        width: auto !important;
        max-width: calc(100vw - 20px) !important;
    }
    body.imperial-v3-theme #tooltip .flame-ancient-tooltip-wrap {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
    }
}

/* Facebook support replacement for the former embedded Discord widget. */
body.imperial-v3-theme .imperial-support-facebook {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px !important;
}
body.imperial-v3-theme .imperial-support-facebook-copy {
    display: grid;
    gap: 4px;
}
body.imperial-v3-theme .imperial-support-facebook-copy strong {
    color: #203651;
    font-family: var(--imp-font-display);
    font-size: 18px;
}
body.imperial-v3-theme .imperial-support-facebook-button {
    flex: 0 0 auto;
    min-width: 160px;
}
body.imperial-v3-theme .imperial-support-widget-facebook {
    min-height: 150px;
    display: grid;
    place-items: center;
    margin-top: 16px;
    padding: 28px;
    border: 1px solid rgba(169,126,48,.28);
    background: linear-gradient(135deg, #fffdf8, #f2eee5);
    box-shadow: none !important;
}
body.imperial-v3-theme .imperial-support-facebook-placeholder {
    max-width: 650px;
    color: #4a5669;
    text-align: center;
}
@media (max-width: 640px) {
    body.imperial-v3-theme .imperial-support-facebook {
        align-items: stretch;
        flex-direction: column;
    }
    body.imperial-v3-theme .imperial-support-facebook-button {
        width: 100%;
    }
}


/* ==========================================================================
   IMPERIAL TEXT-COLOR CORRECTION — 2026-08-08
   Gold is reserved for accents/interaction, not broad foreground text.
   ========================================================================== */
body.imperial-v3-theme .button,
body.imperial-v3-theme .btn,
body.imperial-v3-theme .btn-primary,
body.imperial-v3-theme .vs-btn,
body.imperial-v3-theme .vs-btn2,
body.imperial-v3-theme .gradient-btn,
body.imperial-v3-theme .custom_button,
body.imperial-v3-theme .pagerButton,
body.imperial-v3-theme .action-btn,
body.imperial-v3-theme .flame-download-button,
body.imperial-v3-theme .flame-donate-button,
body.imperial-v3-theme .exchange_item,
body.imperial-v3-theme .get_reward,
body.imperial-v3-theme .view_reward,
body.imperial-v3-theme .ref-reward-link,
body.imperial-v3-theme .flame-vote-reward-link,
body.imperial-v3-theme .imperial-profile-quest-link,
body.imperial-v3-theme .newsBlock-button .button,
body.imperial-v3-theme .newsBlock-button .button-small,
body.imperial-v3-theme input[type='submit'],
body.imperial-v3-theme input[type='button'] {
    color: #fff !important;
}

body.imperial-v3-theme .flame-page-content table > thead > tr > th,
body.imperial-v3-theme .flame-page-content .flame-data-table > thead > tr > th,
body.imperial-v3-theme .flame-page-content .flame-legacy-rankings-table > thead > tr > th,
body.imperial-v3-theme .flame-page-content .flame-rankings-table > thead > tr > th,
body.imperial-v3-theme .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th,
body.imperial-v3-theme .flame-guild-members-title-table > thead > tr > th.flame-profile-modern-th,
body.imperial-v3-theme .flame-about-stats-title {
    color: #fff !important;
}

body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills > .nav-link.active,
body.imperial-v3-theme .flame-rankings-page-content h2.title .nav-pills > .nav-link[aria-current='page'],
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^='rankings_select_'] > .btn.is-active {
    color: #fff !important;
}

/* ==========================================================================
   IMPERIAL BUTTON SYSTEM + ACCOUNT PANEL V2 — 2026-08-08
   One explicit action hierarchy. Generic <button> tags are intentionally NOT
   skinned here so select triggers, close controls and other UI widgets cannot
   accidentally inherit the primary action button appearance.
   ========================================================================== */
body.imperial-v3-theme {
    --imp-btn-gold: #d9bd72;
    --imp-btn-gold-bright: #f0d991;
    --imp-btn-gold-soft: rgba(217,189,114,.34);
    --imp-btn-navy-top: #263b5d;
    --imp-btn-navy-mid: #152943;
    --imp-btn-navy-bottom: #081522;
    --imp-btn-navy-hover-top: #314c70;
    --imp-btn-navy-hover-mid: #203a5a;
    --imp-btn-navy-hover-bottom: #0c1c31;
}

/* Primary actions: Bootstrap, legacy plugin actions and old CMS button classes. */
body.imperial-v3-theme .button,
body.imperial-v3-theme .btn,
body.imperial-v3-theme .btn-primary,
body.imperial-v3-theme .button-style,
body.imperial-v3-theme .vs-btn,
body.imperial-v3-theme .vs-btn2,
body.imperial-v3-theme .gradient-btn,
body.imperial-v3-theme .custom_button,
body.imperial-v3-theme .pagerButton,
body.imperial-v3-theme .action-btn,
body.imperial-v3-theme .flame-download-button,
body.imperial-v3-theme .flame-donate-button,
body.imperial-v3-theme .exchange_item,
body.imperial-v3-theme .get_reward,
body.imperial-v3-theme .view_reward,
body.imperial-v3-theme .ref-reward-link,
body.imperial-v3-theme .flame-vote-reward-link,
body.imperial-v3-theme .imperial-profile-quest-link,
body.imperial-v3-theme .flame-guides-search-button,
body.imperial-v3-theme .flame-quest-claim-btn,
body.imperial-v3-theme .flame-quest-reload,
body.imperial-v3-theme .imperial-login-submit,
body.imperial-v3-theme .buy_button,
body.imperial-v3-theme .buttonn {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px;
    padding: 10px 18px !important;
    border: 1px solid var(--imp-btn-gold) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-btn-navy-top) 0%, var(--imp-btn-navy-mid) 52%, var(--imp-btn-navy-bottom) 100%) !important;
    color: #fff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: .065em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
    text-transform: uppercase !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -2px 0 rgba(238,214,150,.18),
        0 0 0 1px rgba(173,128,45,.22),
        0 6px 14px rgba(7,15,27,.14) !important;
    clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
    cursor: pointer;
    transition: transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease !important;
}

body.imperial-v3-theme .button:hover,
body.imperial-v3-theme .button:focus,
body.imperial-v3-theme .btn:hover,
body.imperial-v3-theme .btn:focus,
body.imperial-v3-theme .btn-primary:hover,
body.imperial-v3-theme .btn-primary:focus,
body.imperial-v3-theme .button-style:hover,
body.imperial-v3-theme .button-style:focus,
body.imperial-v3-theme .vs-btn:hover,
body.imperial-v3-theme .vs-btn:focus,
body.imperial-v3-theme .vs-btn2:hover,
body.imperial-v3-theme .vs-btn2:focus,
body.imperial-v3-theme .gradient-btn:hover,
body.imperial-v3-theme .gradient-btn:focus,
body.imperial-v3-theme .custom_button:hover,
body.imperial-v3-theme .custom_button:focus,
body.imperial-v3-theme .pagerButton:hover,
body.imperial-v3-theme .pagerButton:focus,
body.imperial-v3-theme .action-btn:hover,
body.imperial-v3-theme .action-btn:focus,
body.imperial-v3-theme .flame-download-button:hover,
body.imperial-v3-theme .flame-download-button:focus,
body.imperial-v3-theme .flame-donate-button:hover,
body.imperial-v3-theme .flame-donate-button:focus,
body.imperial-v3-theme .exchange_item:hover,
body.imperial-v3-theme .exchange_item:focus,
body.imperial-v3-theme .get_reward:hover,
body.imperial-v3-theme .get_reward:focus,
body.imperial-v3-theme .view_reward:hover,
body.imperial-v3-theme .view_reward:focus,
body.imperial-v3-theme .ref-reward-link:hover,
body.imperial-v3-theme .ref-reward-link:focus,
body.imperial-v3-theme .flame-vote-reward-link:hover,
body.imperial-v3-theme .flame-vote-reward-link:focus,
body.imperial-v3-theme .imperial-profile-quest-link:hover,
body.imperial-v3-theme .imperial-profile-quest-link:focus,
body.imperial-v3-theme .flame-guides-search-button:hover,
body.imperial-v3-theme .flame-guides-search-button:focus,
body.imperial-v3-theme .flame-quest-claim-btn:hover,
body.imperial-v3-theme .flame-quest-claim-btn:focus,
body.imperial-v3-theme .flame-quest-reload:hover,
body.imperial-v3-theme .flame-quest-reload:focus,
body.imperial-v3-theme .imperial-login-submit:hover,
body.imperial-v3-theme .imperial-login-submit:focus,
body.imperial-v3-theme .buy_button:hover,
body.imperial-v3-theme .buy_button:focus,
body.imperial-v3-theme .buttonn:hover,
body.imperial-v3-theme .buttonn:focus {
    border-color: var(--imp-btn-gold-bright) !important;
    background: linear-gradient(180deg, var(--imp-btn-navy-hover-top) 0%, var(--imp-btn-navy-hover-mid) 52%, var(--imp-btn-navy-hover-bottom) 100%) !important;
    color: #fff !important;
    outline: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -2px 0 rgba(240,217,145,.22),
        0 0 0 1px rgba(240,217,145,.28),
        0 8px 17px rgba(7,15,27,.17) !important;
    transform: translateY(-1px) !important;
}

body.imperial-v3-theme .button:active,
body.imperial-v3-theme .btn:active,
body.imperial-v3-theme .btn-primary:active,
body.imperial-v3-theme .button-style:active,
body.imperial-v3-theme .vs-btn:active,
body.imperial-v3-theme .vs-btn2:active,
body.imperial-v3-theme .gradient-btn:active,
body.imperial-v3-theme .custom_button:active,
body.imperial-v3-theme .pagerButton:active,
body.imperial-v3-theme .action-btn:active,
body.imperial-v3-theme .flame-download-button:active,
body.imperial-v3-theme .flame-donate-button:active,
body.imperial-v3-theme .exchange_item:active,
body.imperial-v3-theme .get_reward:active,
body.imperial-v3-theme .view_reward:active,
body.imperial-v3-theme .ref-reward-link:active,
body.imperial-v3-theme .flame-vote-reward-link:active,
body.imperial-v3-theme .imperial-profile-quest-link:active,
body.imperial-v3-theme .flame-guides-search-button:active,
body.imperial-v3-theme .flame-quest-claim-btn:active,
body.imperial-v3-theme .flame-quest-reload:active,
body.imperial-v3-theme .imperial-login-submit:active,
body.imperial-v3-theme .buy_button:active,
body.imperial-v3-theme .buttonn:active {
    border-color: #e7cd84 !important;
    background: linear-gradient(180deg, #263d5f 0%, #172b47 52%, #091725 100%) !important;
    color: #fff !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,.18), 0 0 0 1px rgba(231,205,132,.23) !important;
    transform: translateY(0) !important;
}

body.imperial-v3-theme .button:focus-visible,
body.imperial-v3-theme .btn:focus-visible,
body.imperial-v3-theme .button-style:focus-visible,
body.imperial-v3-theme .vs-btn:focus-visible,
body.imperial-v3-theme .vs-btn2:focus-visible,
body.imperial-v3-theme .gradient-btn:focus-visible,
body.imperial-v3-theme .custom_button:focus-visible,
body.imperial-v3-theme .flame-guides-search-button:focus-visible,
body.imperial-v3-theme .flame-quest-claim-btn:focus-visible,
body.imperial-v3-theme .flame-quest-reload:focus-visible,
body.imperial-v3-theme .imperial-login-submit:focus-visible {
    outline: 2px solid rgba(240,217,145,.72) !important;
    outline-offset: 3px !important;
}


/* Header actions keep a compact translucent glass treatment. */
body.imperial-v3-theme .user-enter {
    border-color: rgba(226, 199, 129, .34) !important;
    background: rgba(20, 37, 59, .48) !important;
    color: #fff !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: transform .14s ease, border-color .14s ease, background-color .14s ease, color .14s ease !important;
}
body.imperial-v3-theme .user-enter:hover,
body.imperial-v3-theme .user-enter:focus {
    border-color: rgba(239, 214, 148, .72) !important;
    background: rgba(34, 56, 85, .66) !important;
    color: #fff6dc !important;
    outline: 0 !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}
body.imperial-v3-theme .user-enter:active {
    border-color: rgba(231, 205, 132, .56) !important;
    background: rgba(18, 35, 56, .64) !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translateY(0) !important;
}
body.imperial-v3-theme .user-enter:focus-visible {
    outline: 1px solid rgba(240,217,145,.72) !important;
    outline-offset: 3px !important;
}

/* Compact and large action sizes. */
body.imperial-v3-theme .btn-sm,
body.imperial-v3-theme .flame-account-details-table .btn {
    min-height: 34px !important;
    padding: 6px 11px !important;
    font-size: 10.5px !important;
    letter-spacing: .045em !important;
    clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px) !important;
}
body.imperial-v3-theme .flame-modern-submit-large,
body.imperial-v3-theme .flame-registration-submit-large {
    min-height: 48px !important;
    padding: 11px 28px !important;
}
body.imperial-v3-theme .buy_button {
    min-height: 42px !important;
    padding: 0 16px !important;
}

/* Inline micro-actions stay compact; they use the same visual system without
   becoming oversized full CTA buttons inside rows/cards. */
body.imperial-v3-theme .exchange_item,
body.imperial-v3-theme .get_reward,
body.imperial-v3-theme .view_reward,
body.imperial-v3-theme .ref-reward-link,
body.imperial-v3-theme .flame-quest-claim-btn,
body.imperial-v3-theme .flame-quest-reload {
    min-height: 36px !important;
    padding: 7px 12px !important;
    font-size: 10.5px !important;
    letter-spacing: .05em !important;
    clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px) !important;
}

/* Muun-market page arrows are pager controls, not call-to-action blocks. */
body.imperial-v3-theme .pagerButton {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px) !important;
}
body.imperial-v3-theme .pagerButton:hover,
body.imperial-v3-theme .pagerButton:focus,
body.imperial-v3-theme .pagerButton:active {
    transform: none !important;
}

/* Secondary/light actions. Read More gets its own primary override below. */
body.imperial-v3-theme .button-white,
body.imperial-v3-theme .flame-guides-clear-button,
body.imperial-v3-theme .account-announcement-btn-secondary {
    border: 1px solid rgba(174,133,58,.52) !important;
    background: linear-gradient(180deg, #fffefa 0%, #f0ece3 100%) !important;
    color: #233851 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(174,133,58,.08) !important;
}
body.imperial-v3-theme .button-white:hover,
body.imperial-v3-theme .button-white:focus,
body.imperial-v3-theme .flame-guides-clear-button:hover,
body.imperial-v3-theme .flame-guides-clear-button:focus,
body.imperial-v3-theme .account-announcement-btn-secondary:hover,
body.imperial-v3-theme .account-announcement-btn-secondary:focus {
    border-color: var(--imp-btn-gold-bright) !important;
    background: linear-gradient(180deg, #fff 0%, #f5efe1 100%) !important;
    color: #142a44 !important;
    box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(240,217,145,.22) !important;
    transform: translateY(-1px) !important;
}

/* Homepage Read More remains a dark primary CTA even though legacy markup also
   contains .button-white. */
body.imperial-v3-theme .newsBlock-button .button,
body.imperial-v3-theme .newsBlock-button .button-small {
    min-width: 184px !important;
    min-height: 54px !important;
    padding: 13px 26px !important;
    border-color: var(--imp-btn-gold) !important;
    background: linear-gradient(180deg, var(--imp-btn-navy-top), var(--imp-btn-navy-mid) 52%, var(--imp-btn-navy-bottom)) !important;
    color: #fff !important;
    font-size: 13px !important;
    letter-spacing: .09em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11), inset 0 -2px 0 rgba(238,214,150,.20), 0 0 0 1px rgba(173,128,45,.22), 0 8px 18px rgba(7,15,27,.15) !important;
}
body.imperial-v3-theme .newsBlock-button .button:hover,
body.imperial-v3-theme .newsBlock-button .button:focus,
body.imperial-v3-theme .newsBlock-button .button:active {
    border-color: var(--imp-btn-gold-bright) !important;
    background: linear-gradient(180deg, var(--imp-btn-navy-hover-top), var(--imp-btn-navy-hover-mid) 52%, var(--imp-btn-navy-hover-bottom)) !important;
    color: #fff !important;
}

/* Selected-choice controls use a stronger gold keyline, never a different text
   color or a solid gold slab. */
body.imperial-v3-theme .imperial-choice-button,
body.imperial-v3-theme .flame-about-server-button,
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^='rankings_select_'] > .btn,
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^='rankings_select_'] > .btn {
    border-color: #c9aa5d !important;
    color: #fff !important;
}
body.imperial-v3-theme .imperial-choice-button.is-active,
body.imperial-v3-theme .imperial-choice-button.active,
body.imperial-v3-theme .flame-about-server-button.is-active,
body.imperial-v3-theme .flame-about-server-button.active,
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^='rankings_select_'] > .btn.is-active,
body.imperial-v3-theme .flame-rankings-page-content #top_list [id^='rankings_select_'] > .btn.active,
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^='rankings_select_'] > .btn.is-active,
body.imperial-v3-theme .flame-weekly-history-page #top_list [id^='rankings_select_'] > .btn.active {
    border-color: #f1d986 !important;
    background: linear-gradient(180deg, #45546b 0%, #263c5d 18%, #152943 58%, #081522 100%) !important;
    color: #fff !important;
    box-shadow: inset 0 3px 0 rgba(241,217,134,.60), inset 0 -2px 0 rgba(241,217,134,.20), 0 0 0 1px rgba(241,217,134,.28), 0 8px 18px rgba(7,15,27,.17) !important;
}

/* Disabled states must look disabled and must not brighten on hover. */
body.imperial-v3-theme .btn:disabled,
body.imperial-v3-theme .btn.disabled,
body.imperial-v3-theme .button.disabled,
body.imperial-v3-theme .vs-btn[disabled],
body.imperial-v3-theme .vs-btn.disabled,
body.imperial-v3-theme .vs-btn2.disabled,
body.imperial-v3-theme .gradient-btn[disabled],
body.imperial-v3-theme .custom_button.disabled,
body.imperial-v3-theme .flame-vote-reward-button:disabled,
body.imperial-v3-theme .flame-vote-reward-button[disabled],
body.imperial-v3-theme .flame-vote-reward-button.disabled,
body.imperial-v3-theme .zen-wallet-action-btn-locked,
body.imperial-v3-theme .imperial-disabled-button {
    cursor: not-allowed !important;
    border-color: rgba(119,132,151,.30) !important;
    background: linear-gradient(180deg, #596777 0%, #424f60 100%) !important;
    color: rgba(255,255,255,.68) !important;
    box-shadow: none !important;
    opacity: .72 !important;
    transform: none !important;
}
body.imperial-v3-theme .btn:disabled:hover,
body.imperial-v3-theme .btn.disabled:hover,
body.imperial-v3-theme .flame-vote-reward-button:disabled:hover,
body.imperial-v3-theme .flame-vote-reward-button[disabled]:hover,
body.imperial-v3-theme .zen-wallet-action-btn-locked:hover {
    border-color: rgba(119,132,151,.30) !important;
    background: linear-gradient(180deg, #596777 0%, #424f60 100%) !important;
    color: rgba(255,255,255,.68) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Server/custom select triggers are fields, not CTA buttons. */
body.imperial-v3-theme #select_server .flame-server-select-toggle,
body.imperial-v3-theme .flame-custom-select-trigger {
    clip-path: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    transform: none !important;
}

/* --------------------------------------------------------------------------
   ACCOUNT PANEL V2
   Calm structured surfaces instead of floating card rows / mixed Bootstrap UI.
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .flame-account-page-content {
    padding: 30px 30px 34px !important;
}
body.imperial-v3-theme .imperial-account-panel-v2 {
    position: relative;
    width: 100%;
    color: #334157;
}
body.imperial-v3-theme .imperial-account-panel-v2::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin: 0 0 14px;
    background: linear-gradient(90deg, transparent 0%, rgba(217,189,114,.36) 8%, #e4cc8a 50%, rgba(217,189,114,.36) 92%, transparent 100%);
}
body.imperial-v3-theme .imperial-account-panel-v2 #acc-panel-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
}
body.imperial-v3-theme .imperial-account-panel-v2 #acc-panel-tabs .nav-item {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}
body.imperial-v3-theme .imperial-account-panel-v2 #acc-panel-tabs .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(163,122,49,.34) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #fffefa 0%, #eee9df 100%) !important;
    color: #30435c !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: .055em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 #fff !important;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    transition: border-color .14s ease, background .14s ease, color .14s ease !important;
}
body.imperial-v3-theme .imperial-account-panel-v2 #acc-panel-tabs .nav-link:hover,
body.imperial-v3-theme .imperial-account-panel-v2 #acc-panel-tabs .nav-link:focus {
    border-color: #d8bb6d !important;
    background: linear-gradient(180deg, #fff 0%, #f3ede0 100%) !important;
    color: #17324f !important;
}
body.imperial-v3-theme .imperial-account-panel-v2 #acc-panel-tabs .nav-link.active {
    border-color: #ebd080 !important;
    background: linear-gradient(180deg, #2c4264 0%, #172b47 52%, #091725 100%) !important;
    color: #fff !important;
    box-shadow: inset 0 3px 0 rgba(235,208,128,.54), inset 0 -2px 0 rgba(235,208,128,.18), 0 0 0 1px rgba(235,208,128,.18) !important;
}

body.imperial-v3-theme .imperial-account-tab-content {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(146,108,44,.27) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(244,241,234,.78)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.imperial-v3-theme .imperial-account-tab-content::before,
body.imperial-v3-theme .imperial-account-tab-content::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    pointer-events: none;
    opacity: .72;
}
body.imperial-v3-theme .imperial-account-tab-content::before {
    top: 8px;
    left: 8px;
    border-top: 1px solid rgba(217,189,114,.56);
    border-left: 1px solid rgba(217,189,114,.56);
}
body.imperial-v3-theme .imperial-account-tab-content::after {
    right: 8px;
    bottom: 8px;
    border-right: 1px solid rgba(217,189,114,.56);
    border-bottom: 1px solid rgba(217,189,114,.56);
}
body.imperial-v3-theme .imperial-account-tab-content > .tab-pane {
    position: relative;
    z-index: 1;
    padding: 0 !important;
}

/* Account information: one architectural grid, no floating shadows/cards. */
body.imperial-v3-theme .imperial-account-details {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid rgba(85,99,120,.14) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fbfaf7 !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .imperial-account-details > tbody {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 !important;
    width: 100% !important;
}
body.imperial-v3-theme .imperial-account-details > tbody > tr {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(118px, .40fr) minmax(0, .60fr) !important;
    align-items: center !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(85,99,120,.12) !important;
    border-radius: 0 !important;
    background: #fbfaf7 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
body.imperial-v3-theme .imperial-account-details > tbody > tr:nth-child(odd) {
    border-right: 1px solid rgba(85,99,120,.12) !important;
}
body.imperial-v3-theme .imperial-account-details > tbody > tr:nth-last-child(-n+2) {
    border-bottom-color: transparent !important;
}
body.imperial-v3-theme .imperial-account-details > tbody > tr::before,
body.imperial-v3-theme .imperial-account-details > tbody > tr::after {
    content: none !important;
    display: none !important;
}
body.imperial-v3-theme .imperial-account-details > tbody > tr:hover {
    background: #fbfaf7 !important;
    border-color: rgba(85,99,120,.12) !important;
    box-shadow: none !important;
    transform: none !important;
}
body.imperial-v3-theme .imperial-account-details th,
body.imperial-v3-theme .imperial-account-details td {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .imperial-account-details th {
    padding: 14px 10px 14px 17px !important;
    color: #697587 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .045em !important;
    text-align: left !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .imperial-account-details td {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding: 12px 17px 12px 8px !important;
    color: #203751 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    overflow-wrap: anywhere;
}
body.imperial-v3-theme .imperial-account-details .float-right {
    float: none !important;
}
body.imperial-v3-theme .imperial-account-details td > .float-right {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
}
body.imperial-v3-theme .imperial-account-details .btn {
    flex: 0 0 auto;
    margin: 0 !important;
}

/* Service tabs: premium list, not disconnected card rows. */
body.imperial-v3-theme .imperial-account-services {
    display: table !important;
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid rgba(85,99,120,.14) !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #fbfaf7 !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .imperial-account-services > tbody {
    display: table-row-group !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr:first-child {
    display: none !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr {
    display: table-row !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fbfaf7 !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr > td {
    display: table-cell !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(85,99,120,.12) !important;
    background: #fbfaf7 !important;
    color: #5c6879 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr > td:first-child {
    width: 24% !important;
    border-left: 3px solid transparent !important;
    color: #203751 !important;
    font-weight: 800 !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr > td:nth-child(2) {
    width: auto !important;
    color: #687486 !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr > td:last-child {
    width: 150px !important;
    text-align: right !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr:hover > td {
    background: #faf8f3 !important;
    border-bottom-color: rgba(169,124,48,.22) !important;
    color: inherit !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .imperial-account-services > tbody > tr:hover > td:first-child {
    border-left-color: #d8bb6d !important;
    color: #17324f !important;
}
body.imperial-v3-theme .imperial-account-services .btn {
    min-width: 112px !important;
    min-height: 36px !important;
    padding: 7px 12px !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
}

@media (max-width: 900px) {
    body.imperial-v3-theme .flame-account-page-content {
        padding: 22px !important;
    }
    body.imperial-v3-theme .imperial-account-panel-v2 #acc-panel-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.imperial-v3-theme .imperial-account-details > tbody {
        grid-template-columns: 1fr !important;
    }
    body.imperial-v3-theme .imperial-account-details > tbody > tr,
    body.imperial-v3-theme .imperial-account-details > tbody > tr:nth-child(odd),
    body.imperial-v3-theme .imperial-account-details > tbody > tr:nth-last-child(-n+2) {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(85,99,120,.12) !important;
    }
    body.imperial-v3-theme .imperial-account-details > tbody > tr:last-child {
        border-bottom: 0 !important;
    }
}

@media (max-width: 680px) {
    body.imperial-v3-theme .flame-account-page-content {
        padding: 16px !important;
    }
    body.imperial-v3-theme .imperial-account-tab-content {
        padding: 12px !important;
    }
    body.imperial-v3-theme .imperial-account-services,
    body.imperial-v3-theme .imperial-account-services > tbody,
    body.imperial-v3-theme .imperial-account-services > tbody > tr,
    body.imperial-v3-theme .imperial-account-services > tbody > tr > td {
        display: block !important;
        width: 100% !important;
    }
    body.imperial-v3-theme .imperial-account-services > tbody > tr {
        padding: 13px 14px 14px !important;
        border-bottom: 1px solid rgba(85,99,120,.13) !important;
    }
    body.imperial-v3-theme .imperial-account-services > tbody > tr:last-child {
        border-bottom: 0 !important;
    }
    body.imperial-v3-theme .imperial-account-services > tbody > tr > td,
    body.imperial-v3-theme .imperial-account-services > tbody > tr > td:first-child,
    body.imperial-v3-theme .imperial-account-services > tbody > tr > td:last-child {
        padding: 3px 0 !important;
        border: 0 !important;
        text-align: left !important;
    }
    body.imperial-v3-theme .imperial-account-services > tbody > tr > td:first-child {
        padding-left: 10px !important;
        border-left: 3px solid rgba(216,187,109,.42) !important;
    }
    body.imperial-v3-theme .imperial-account-services > tbody > tr > td:nth-child(2) {
        padding-top: 6px !important;
        padding-bottom: 10px !important;
    }
    body.imperial-v3-theme .imperial-account-services .btn {
        width: 100% !important;
        min-height: 40px !important;
    }
}

@media (max-width: 560px) {
    body.imperial-v3-theme .imperial-account-panel-v2 #acc-panel-tabs {
        grid-template-columns: 1fr;
        gap: 6px !important;
    }
    body.imperial-v3-theme .imperial-account-details > tbody > tr {
        grid-template-columns: 1fr !important;
        align-content: center !important;
        min-height: 70px !important;
        padding: 11px 13px !important;
    }
    body.imperial-v3-theme .imperial-account-details th {
        padding: 0 0 5px !important;
        font-size: 10px !important;
    }
    body.imperial-v3-theme .imperial-account-details td {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        padding: 0 !important;
        font-size: 12px !important;
        text-align: left !important;
    }
    body.imperial-v3-theme .imperial-account-details td .btn {
        margin-left: auto !important;
    }
}


/* ========================================================================== 
   IMPERIAL LIGHT BACKGROUND — isolated base patch 2026-08-08
   --------------------------------------------------------------------------
   Background/surface colors only. No buttons, typography, borders, spacing,
   popup styling, table styling, forms, account panel or HTML structure.
   ========================================================================== */

body.imperial-v3-theme {
    background:
        radial-gradient(circle at 12% 2%, rgba(255, 255, 255, .92), transparent 31rem),
        linear-gradient(180deg, #f8f9fa 0%, #f4f6f8 42%, #f7f7f5 100%) !important;
}

/* Keep the large public page area clean and light below the hero. */
body.imperial-v3-theme .main {
    background: transparent;
}

/* Page/content surfaces only — retain the existing base layout and styling. */
body.imperial-v3-theme .flame-page-box,
body.imperial-v3-theme .flame-page-content,
body.imperial-v3-theme .content,
body.imperial-v3-theme .tabBlock,
body.imperial-v3-theme .flame-sidebar-box,
body.imperial-v3-theme .news-block,
body.imperial-v3-theme .box-style1,
body.imperial-v3-theme .vs-blog,
body.imperial-v3-theme .blog-content,
body.imperial-v3-theme .blog-meta {
    background-color: #ffffff !important;
}

/* Where the base theme uses decorative gradients as the surface itself,
   replace only that surface fill with the same clean white background. */
body.imperial-v3-theme .flame-page-content,
body.imperial-v3-theme .content,
body.imperial-v3-theme .tabBlock,
body.imperial-v3-theme .flame-sidebar-box,
body.imperial-v3-theme .news-block,
body.imperial-v3-theme .box-style1,
body.imperial-v3-theme .vs-blog,
body.imperial-v3-theme .blog-content,
body.imperial-v3-theme .blog-meta {
    background-image: none !important;
    background: #ffffff !important;
}

/* Header and server monitor responsive layout */
@media (max-width: 1260px) {
    body.imperial-v3-theme .topPanel {
        width: calc(100% - 44px);
        height: 76px;
        padding-left: 14px;
        padding-right: 14px;
    }
    body.imperial-v3-theme .imperial-nav-brand { flex-basis: 204px; }
    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
        width: 35px;
        height: 46px;
        flex-basis: 35px;
    }
    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
        width: 136px;
        flex-basis: 136px;
        filter: none;
    }
    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: 196px minmax(0, 1fr) 170px;
        width: calc(100% - 54px);
        min-height: 84px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-heading {
        gap: 11px;
        padding: 0 19px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-heading strong {
        font-size: 12px;
        letter-spacing: .13em;
    }
    body.imperial-v3-theme .imperial-realm-heading-mark {
        width: 23px;
        height: 27px;
        flex-basis: 23px;
    }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 14px;
        min-height: 82px;
        padding-left: 20px;
        padding-right: 20px;
    }
    body.imperial-v3-theme .imperial-server-sigil {
        width: 31px;
        height: 37px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-link {
        padding-left: 19px;
        padding-right: 17px;
    }
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .topPanel {
        width: calc(100% - 28px);
        height: 72px;
    }
    body.imperial-v3-theme .topPanel-right { height: 72px; }
    body.imperial-v3-theme .imperial-realm-monitor {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "heading rankings"
            "servers servers";
        width: calc(100% - 28px);
        min-height: 0;
        margin-top: 10px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-heading {
        grid-area: heading;
        display: flex;
        min-height: 54px;
        border-right: 0;
        border-bottom: 1px solid rgba(225, 198, 128, .10);
    }
    body.imperial-v3-theme .imperial-realm-monitor .online {
        grid-area: servers;
        position: static;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        width: 100%;
        overflow: visible;
        border-top: 0;
    }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        min-height: 74px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-link {
        grid-area: rankings;
        display: flex;
        min-width: 158px;
        min-height: 54px;
        border-left: 1px solid rgba(225, 198, 128, .10);
        border-bottom: 1px solid rgba(225, 198, 128, .10);
    }
}

@media (max-width: 1080px) and (max-height: 600px) and (orientation: landscape) {
    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: 1fr;
        grid-template-areas: "servers";
        width: calc(100% - 28px);
        min-height: 0;
        height: auto;
        margin-top: 5px;
    }

    body.imperial-v3-theme .imperial-realm-monitor-heading,
    body.imperial-v3-theme .imperial-realm-monitor-link {
        display: none;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online {
        grid-area: servers;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        min-height: 60px;
        height: 60px;
    }

    body.imperial-v3-theme .imperial-opening-countdown {
        top: 142px;
    }
}

@media (max-width: 720px) {
    body.imperial-v3-theme .topPanel {
        width: calc(100% - 18px);
        height: 66px;
        padding-left: 11px;
        padding-right: 11px;
    }
    body.imperial-v3-theme .topPanel-right { height: 66px; }
    body.imperial-v3-theme .imperial-nav-brand {
        margin-left: 44px;
        gap: 6px;
    }
    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
        width: 31px;
        height: 41px;
        flex-basis: 31px;
    }
    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
        width: 112px;
        flex-basis: 112px;
    }
    body.imperial-v3-theme .topPanel-right .user-enter {
        width: 38px;
        min-width: 38px;
        min-height: 38px;
        margin: 0;
        padding: 0;
    }
    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: minmax(0, 1fr) 52px;
        width: calc(100% - 18px);
        margin-top: 8px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-heading {
        min-height: 50px;
        gap: 9px;
        padding: 0 13px;
    }
    body.imperial-v3-theme .imperial-realm-heading-mark {
        width: 21px;
        height: 25px;
        flex-basis: 21px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-heading strong {
        font-size: 10px;
        letter-spacing: .12em;
    }
    body.imperial-v3-theme .imperial-realm-monitor-link {
        min-width: 52px;
        min-height: 50px;
        padding: 0;
        justify-content: center;
    }
    body.imperial-v3-theme .imperial-rankings-label { display: none; }
    body.imperial-v3-theme .imperial-rankings-icon {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
    }
    body.imperial-v3-theme .imperial-realm-monitor .online { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 10px;
        min-height: 68px;
        padding: 10px 12px;
    }
    body.imperial-v3-theme .imperial-server-sigil {
        width: 27px;
        height: 32px;
    }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name { font-size: 10px; }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players { font-size: 23px; }
    body.imperial-v3-theme .imperial-server-caption { display: none; }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state {
        font-size: 6.5px;
        letter-spacing: .09em;
    }
}

@media (max-width: 480px) {
    body.imperial-v3-theme .imperial-realm-monitor .online { grid-template-columns: 1fr; }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        border-right: 0;
        border-bottom: 1px solid rgba(225, 198, 128, .09);
    }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex:last-child { border-bottom: 0; }
}

/* ========================================================================== 
   Imperial header + realm monitor modernization pass (08-08-2026)
   Clean glass surfaces, lighter sizing, higher hero alignment.
   ========================================================================== */
body.imperial-v3-theme .imperial-hero-backdrop {
    background-position: 58% 118px;
}

body.imperial-v3-theme .imperial-hero-backdrop::before {
    background:
        linear-gradient(180deg, rgba(4, 10, 20, .58) 0 118px, rgba(4, 10, 20, .70) 192px, rgba(4, 9, 18, .08) 340px, rgba(4, 9, 18, .18) 71%, rgba(5, 10, 20, .90) 100%),
        linear-gradient(90deg, rgba(4, 10, 20, .58) 0%, rgba(6, 13, 25, .32) 28%, rgba(6, 13, 25, .04) 57%, rgba(4, 8, 15, .14) 100%);
}

body.imperial-v3-theme .topPanel,
body.imperial-v3-theme .imperial-realm-monitor {
    background: rgba(6, 14, 27, .45);
    border: 1px solid rgba(228, 201, 138, .15);
    box-shadow: none;
    -webkit-backdrop-filter: blur(20px) saturate(135%);
    backdrop-filter: blur(20px) saturate(135%);
}

body.imperial-v3-theme .topPanel {
    width: min(1600px, calc(100% - 52px));
    height: 72px;
    padding: 0 18px;
    border-top-color: rgba(228, 201, 138, .11);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px));
}

body.imperial-v3-theme .topPanel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 38%);
}

body.imperial-v3-theme .topPanel::after {
    left: 18px;
    right: 18px;
    height: 1px;
    background: rgba(225, 198, 128, .34);
    opacity: 1;
}

body.imperial-v3-theme .imperial-nav-brand {
    flex: 0 0 224px;
    gap: 9px;
    padding-right: 14px;
}

body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
    width: 37px;
    height: 49px;
    flex: 0 0 37px;
}

body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
    width: 175px;
    flex: 0 0 175px;
}

body.imperial-v3-theme .menu__link {
    padding: 0 clamp(10px, .78vw, 16px);
    color: rgba(240, 243, 250, .84);
    font-size: clamp(13px, .86vw, 15px);
    font-weight: 800;
    letter-spacing: .09em;
}

body.imperial-v3-theme .menu__link::after {
    bottom: 14px;
    height: 1px;
    background: rgba(225, 198, 128, .90);
}

body.imperial-v3-theme .menu__link:hover,
body.imperial-v3-theme .menu__link:focus {
    color: #fff6de;
}

body.imperial-v3-theme .topPanel-right {
    gap: 10px;
}

body.imperial-v3-theme .user-enter,
body.imperial-v3-theme .accountBlock > a.user-enter,
body.imperial-v3-theme .accountBlock .buttonDrop > a.user-enter {
    min-height: 38px;
    padding: 0 17px;
    border: 1px solid rgba(228, 201, 138, .28);
    background: rgba(23, 39, 61, .34);
    color: #f7f1df;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

body.imperial-v3-theme .user-enter:hover,
body.imperial-v3-theme .user-enter:focus,
body.imperial-v3-theme .accountBlock > a.user-enter:hover,
body.imperial-v3-theme .accountBlock .buttonDrop > a.user-enter:hover {
    background: rgba(30, 49, 75, .48);
    border-color: rgba(239, 214, 148, .5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

body.imperial-v3-theme .imperial-realm-monitor {
    position: relative;
    z-index: 24;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) 188px;
    width: min(1600px, calc(100% - 52px));
    min-height: 78px;
    margin: 12px auto 0;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px));
}

body.imperial-v3-theme .imperial-realm-monitor::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 44%);
}

body.imperial-v3-theme .imperial-realm-monitor-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
    border-right: 1px solid rgba(228, 201, 138, .10);
}

body.imperial-v3-theme .imperial-realm-heading-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.imperial-v3-theme .imperial-realm-heading-kicker {
    margin-bottom: 4px;
    color: rgba(214, 198, 160, .58);
    font-family: var(--imp-font-ui);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .22em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-realm-heading-mark {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border: 1px solid rgba(226, 199, 129, .22);
    background: rgba(17, 31, 49, .36);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

body.imperial-v3-theme .imperial-realm-heading-mark::before {
    content: "";
    position: absolute;
    inset: 6px;
    background: linear-gradient(180deg, #f5e5b1, #c8a65e);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

body.imperial-v3-theme .imperial-realm-monitor-heading strong {
    color: #f2e2b6;
    font-family: var(--imp-font-ui);
    font-size: 14px;
    font-weight: 820;
    line-height: 1;
    letter-spacing: .15em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-realm-monitor .online {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    width: 100%;
    height: 100%;
    margin: 0;
    border-left: 0;
}

body.imperial-v3-theme .imperial-realm-monitor .online-flex {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 78px;
    width: 100%;
    padding: 0 24px;
    border-right: 1px solid rgba(228, 201, 138, .10);
    background: transparent;
}

body.imperial-v3-theme .imperial-realm-monitor .online-flex::before,
body.imperial-v3-theme .imperial-realm-monitor .online-flex::after,
body.imperial-v3-theme .online-flex::before,
body.imperial-v3-theme .online-flex::after {
    content: none !important;
}

body.imperial-v3-theme .imperial-server-sigil {
    width: 42px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    background: none;
    box-shadow: none;
}

body.imperial-v3-theme .imperial-server-sigil::before,
body.imperial-v3-theme .imperial-server-sigil::after {
    content: none !important;
}

body.imperial-v3-theme .imperial-server-sigil img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.imperial-v3-theme .imperial-realm-monitor .online-block,
body.imperial-v3-theme .imperial-realm-monitor .online-block.online-block-active {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    background: transparent;
}

body.imperial-v3-theme .imperial-server-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 7px;
}

body.imperial-v3-theme .imperial-server-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name {
    color: #f2dfad;
    font-family: var(--imp-font-ui);
    font-size: 12px;
    font-weight: 820;
    line-height: 1;
    letter-spacing: .13em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-server-count {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players {
    color: #ffffff !important;
    font-family: var(--imp-font-ui);
    font-size: 24px;
    font-weight: 860;
    line-height: .9;
    letter-spacing: -.02em;
}

body.imperial-v3-theme .imperial-server-caption {
    color: rgba(216, 221, 229, .46);
    font-family: var(--imp-font-ui);
    font-size: 10px;
    font-weight: 720;
    line-height: 1;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #7fd2a2;
    font-family: var(--imp-font-ui);
    font-size: 10px;
    font-weight: 820;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(122, 212, 161, .08);
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-red .imperial-server-state {
    color: #d38b8b !important;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-red .imperial-server-state::before {
    box-shadow: 0 0 0 4px rgba(211, 139, 139, .08);
}

body.imperial-v3-theme .imperial-realm-monitor-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 22px;
    border-left: 1px solid rgba(228, 201, 138, .10);
    color: #f2dfaf;
    background: transparent;
}

body.imperial-v3-theme .imperial-rankings-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.imperial-v3-theme .imperial-rankings-kicker {
    margin-bottom: 4px;
    color: rgba(214, 198, 160, .52);
    font-family: var(--imp-font-ui);
    font-size: 9px;
    font-weight: 720;
    line-height: 1;
    letter-spacing: .22em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-rankings-label {
    color: inherit;
    font-family: var(--imp-font-ui);
    font-size: 12px;
    font-weight: 820;
    line-height: 1.18;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-rankings-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(228, 201, 138, .22);
    background: rgba(23, 39, 61, .28);
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}

body.imperial-v3-theme .imperial-rankings-icon svg {
    width: 14px;
    height: 14px;
    stroke: #e4ca85;
}

body.imperial-v3-theme .imperial-realm-monitor-link:hover,
body.imperial-v3-theme .imperial-realm-monitor-link:focus {
    color: #fff4d6;
    background: rgba(255,255,255,.02);
}

body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-icon,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-icon {
    border-color: rgba(242, 218, 154, .46);
    background: rgba(34, 54, 82, .42);
    transform: translateX(2px);
}

@media (max-width: 1260px) {
    body.imperial-v3-theme .topPanel,
    body.imperial-v3-theme .imperial-realm-monitor {
        width: calc(100% - 40px);
    }

    body.imperial-v3-theme .topPanel {
        height: 70px;
        padding: 0 15px;
    }

    body.imperial-v3-theme .imperial-nav-brand {
        flex-basis: 208px;
    }

    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
        width: 162px;
        flex-basis: 162px;
    }

    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: 214px minmax(0, 1fr) 170px;
        min-height: 74px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 60% 112px;
    }

    body.imperial-v3-theme .topPanel,
    body.imperial-v3-theme .imperial-realm-monitor {
        width: calc(100% - 24px);
    }

    body.imperial-v3-theme .topPanel {
        height: 68px;
        padding: 0 13px;
    }

    body.imperial-v3-theme .topPanel-right {
        height: 68px;
    }

    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: minmax(0, 1fr) 176px;
        grid-template-areas:
            "heading rankings"
            "servers servers";
    }

    body.imperial-v3-theme .imperial-realm-monitor-heading {
        grid-area: heading;
        min-height: 56px;
        border-right: 0;
        border-bottom: 1px solid rgba(228, 201, 138, .10);
    }

    body.imperial-v3-theme .imperial-realm-monitor .online {
        grid-area: servers;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        min-height: 72px;
    }

    body.imperial-v3-theme .imperial-realm-monitor-link {
        grid-area: rankings;
        min-height: 56px;
        border-left: 1px solid rgba(228, 201, 138, .10);
        border-bottom: 1px solid rgba(228, 201, 138, .10);
    }
}

@media (max-width: 760px) {
    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 62% 108px;
    }

    body.imperial-v3-theme .topPanel,
    body.imperial-v3-theme .imperial-realm-monitor {
        width: calc(100% - 16px);
    }

    body.imperial-v3-theme .topPanel {
        height: 64px;
        padding: 0 10px;
    }

    body.imperial-v3-theme .topPanel-right { height: 64px; }

    body.imperial-v3-theme .imperial-nav-brand {
        margin-left: 42px;
        flex-basis: auto;
        gap: 7px;
        padding-right: 8px;
    }

    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
        width: 31px;
        height: 42px;
        flex-basis: 31px;
    }

    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
        width: 118px;
        flex-basis: 118px;
    }

    body.imperial-v3-theme .topPanel-right .user-enter {
        min-height: 36px;
    }

    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: minmax(0, 1fr) 56px;
        margin-top: 8px;
    }

    body.imperial-v3-theme .imperial-realm-monitor-heading {
        gap: 10px;
        min-height: 50px;
        padding: 0 14px;
    }

    body.imperial-v3-theme .imperial-realm-heading-kicker {
        display: none;
    }

    body.imperial-v3-theme .imperial-realm-monitor-heading strong {
        font-size: 11px;
        letter-spacing: .13em;
    }

    body.imperial-v3-theme .imperial-realm-monitor-link {
        min-height: 50px;
        padding: 0;
        justify-content: center;
    }

    body.imperial-v3-theme .imperial-rankings-copy {
        display: none;
    }

    body.imperial-v3-theme .imperial-rankings-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online {
        grid-template-columns: 1fr 1fr;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        min-height: 62px;
        padding: 10px 12px;
    }

    body.imperial-v3-theme .imperial-server-sigil {
        width: 30px;
        height: 35px;
        flex-basis: 30px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name {
        font-size: 10px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players {
        font-size: 20px;
    }

    body.imperial-v3-theme .imperial-server-caption {
        font-size: 9px;
    }

    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state {
        font-size: 8px;
        letter-spacing: .10em;
    }
}

@media (max-width: 520px) {
    body.imperial-v3-theme .imperial-realm-monitor .online {
        grid-template-columns: 1fr;
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        border-right: 0;
        border-bottom: 1px solid rgba(228, 201, 138, .10);
    }

    body.imperial-v3-theme .imperial-realm-monitor .online-flex:last-child {
        border-bottom: 0;
    }
}

/* Imperial header and realm monitor refinement */
body.imperial-v3-theme .topPanel {
    width: min(1480px, calc(100% - 110px));
    height: 62px;
    padding: 0 16px;
    border: 1px solid rgba(226, 203, 142, .065);
    border-top-color: rgba(239, 219, 163, .10);
    border-bottom-color: transparent;
    background: rgba(5, 7, 16, .86);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    clip-path: none;
}
body.imperial-v3-theme .topPanel::before {
    background: none;
}
body.imperial-v3-theme .topPanel::after {
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 9px;
    background: linear-gradient(180deg,
        rgba(2, 5, 12, 0) 0%,
        rgba(2, 5, 12, .045) 38%,
        rgba(2, 5, 12, .14) 72%,
        rgba(1, 3, 9, .24) 100%);
    opacity: 1;
    box-shadow: none;
}
body.imperial-v3-theme .imperial-nav-brand {
    flex-basis: 210px;
    gap: 9px;
    padding: 4px 18px 4px 0;
}
body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
    width: 31px;
    height: 41px;
    flex-basis: 31px;
    filter: none;
}
body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
    width: 146px;
    flex-basis: 146px;
    filter: none;
}
body.imperial-v3-theme .menu-wrapper {
    margin-left: 4px;
}
body.imperial-v3-theme .menu__link {
    min-height: 62px;
    padding: 0 clamp(11px, .78vw, 16px);
    border: 0;
    color: rgba(241, 243, 249, .82);
    font-size: clamp(13.8px, .84vw, 15.2px);
    font-weight: 720;
    letter-spacing: .055em;
    text-shadow: none;
    transition: color .18s ease, background-color .18s ease;
}
body.imperial-v3-theme .menu__link::after {
    left: 50%;
    bottom: 8px;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: rgba(224, 195, 121, 0);
    transform: translateX(-50%) scaleX(.45);
    transform-origin: center;
    transition: width .18s ease, background-color .18s ease, transform .18s ease;
}
body.imperial-v3-theme .menu__link:hover,
body.imperial-v3-theme .menu__link:focus {
    color: #f5e5b6;
    background: rgba(223, 194, 121, .045);
}
body.imperial-v3-theme .menu__link:hover::after,
body.imperial-v3-theme .menu__link:focus::after {
    width: 28px;
    background: rgba(226, 198, 128, .86);
    transform: translateX(-50%) scaleX(1);
}
body.imperial-v3-theme .topPanel-right {
    height: 62px;
    gap: 7px;
}
body.imperial-v3-theme .topPanel-right .user-enter,
body.imperial-v3-theme .accountBlock > a.user-enter,
body.imperial-v3-theme .accountBlock .buttonDrop > a.user-enter {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid rgba(229, 205, 143, .22);
    border-radius: 1px;
    background: rgba(242, 224, 176, .035);
    color: rgba(249, 247, 239, .92);
    font-size: 11.5px;
    font-weight: 780;
    letter-spacing: .075em;
    box-shadow: none;
    clip-path: none;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
body.imperial-v3-theme .topPanel-right .user-enter:hover,
body.imperial-v3-theme .topPanel-right .user-enter:focus,
body.imperial-v3-theme .accountBlock > a.user-enter:hover,
body.imperial-v3-theme .accountBlock > a.user-enter:focus,
body.imperial-v3-theme .accountBlock .buttonDrop > a.user-enter:hover,
body.imperial-v3-theme .accountBlock .buttonDrop > a.user-enter:focus {
    border-color: rgba(236, 214, 156, .48);
    background: rgba(229, 200, 129, .075);
    color: #fff4d5;
    box-shadow: none;
    transform: none;
}

body.imperial-v3-theme .imperial-realm-monitor {
    grid-template-columns: 196px minmax(0, 1fr) 170px;
    width: min(1480px, calc(100% - 110px));
    min-height: 58px;
    height: 58px;
    margin-top: 6px;
    border: 1px solid rgba(220, 202, 151, .055);
    border-top-color: transparent;
    background: rgba(17, 18, 42, .47);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    clip-path: none;
}
body.imperial-v3-theme .imperial-realm-monitor::before {
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 7px;
    background: linear-gradient(180deg,
        rgba(1, 4, 10, .20) 0%,
        rgba(1, 4, 10, .075) 46%,
        rgba(1, 4, 10, 0) 100%);
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-monitor-heading {
    gap: 12px;
    padding: 0 19px;
    border-right: 1px solid rgba(255, 255, 255, .026);
    background: rgba(255, 255, 255, .012);
}
body.imperial-v3-theme .imperial-realm-monitor-heading strong {
    color: #ead9a5;
    font-size: 12px;
    font-weight: 790;
    letter-spacing: .105em;
    white-space: nowrap;
}
body.imperial-v3-theme .imperial-realm-heading-mark {
    width: 2px;
    height: 28px;
    flex-basis: 2px;
    border: 0;
    background: rgba(211, 179, 101, .92);
    clip-path: none;
    box-shadow: none;
    opacity: 1;
}
body.imperial-v3-theme .imperial-realm-heading-mark::before,
body.imperial-v3-theme .imperial-realm-heading-mark::after {
    content: none;
}
body.imperial-v3-theme .imperial-realm-monitor .online {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 100%;
}
body.imperial-v3-theme .imperial-realm-monitor .online-flex {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 13px;
    min-height: 56px;
    height: 56px;
    padding: 5px 22px;
    border-right: 1px solid rgba(255, 255, 255, .026);
    background: transparent;
}
body.imperial-v3-theme .imperial-server-sigil {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    clip-path: none;
    filter: none;
}
body.imperial-v3-theme .imperial-server-sigil::before,
body.imperial-v3-theme .imperial-server-sigil::after {
    content: none;
}
body.imperial-v3-theme .imperial-server-sigil img {
    display: block;
    width: 40px;
    height: 40px;
    max-width: none;
    object-fit: contain;
    filter: none;
}
body.imperial-v3-theme .imperial-realm-monitor .online-block,
body.imperial-v3-theme .imperial-realm-monitor .online-block.online-block-active {
    display: block;
    width: 100%;
}
body.imperial-v3-theme .imperial-server-main {
    display: block;
    width: 100%;
}
body.imperial-v3-theme .imperial-server-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 3px;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name {
    color: #ead79c;
    font-size: 12px;
    font-weight: 810;
    letter-spacing: .095em;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #78c996 !important;
    font-size: 8.5px;
    font-weight: 760;
    letter-spacing: .095em;
    line-height: 1;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state::before {
    width: 6px;
    height: 6px;
    flex-basis: 6px;
    border-radius: 50%;
    background: #70c592;
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-red .imperial-server-state {
    color: #dc8682 !important;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-red .imperial-server-state::before {
    background: #d87572;
}
body.imperial-v3-theme .imperial-server-count {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 0;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players {
    color: #f4f5f8 !important;
    font-size: 30px;
    font-weight: 760;
    line-height: .9;
    letter-spacing: -.035em;
}
body.imperial-v3-theme .imperial-server-caption {
    margin-bottom: 1px;
    color: rgba(219, 225, 236, .62);
    font-size: 8.5px;
    font-weight: 690;
    letter-spacing: .095em;
    text-transform: uppercase;
}
body.imperial-v3-theme .imperial-realm-monitor-link {
    gap: 12px;
    padding: 0 17px 0 19px;
    border-left: 1px solid rgba(255, 255, 255, .045);
    background: rgba(255, 255, 255, .012);
    color: rgba(244, 239, 224, .90);
    transition: background-color .18s ease, color .18s ease;
}
body.imperial-v3-theme .imperial-rankings-copy {
    display: flex;
    align-items: center;
    min-width: 0;
}
body.imperial-v3-theme .imperial-rankings-kicker {
    display: none;
}
body.imperial-v3-theme .imperial-rankings-label {
    max-width: none;
    color: rgba(247, 241, 224, .91);
    font-size: 9.5px;
    font-weight: 790;
    letter-spacing: .095em;
    white-space: nowrap;
}
body.imperial-v3-theme .imperial-rankings-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border: 1px solid rgba(231, 207, 146, .20);
    border-radius: 1px;
    background: rgba(229, 201, 132, .035);
    clip-path: none;
    box-shadow: none;
}
body.imperial-v3-theme .imperial-rankings-icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #d8bd77;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover,
body.imperial-v3-theme .imperial-realm-monitor-link:focus {
    background: rgba(224, 195, 124, .055);
    color: #fff1c9;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-icon,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-icon {
    border-color: rgba(235, 211, 151, .43);
    background: rgba(229, 201, 132, .075);
}

/* Integrated Imperial brand layout.
   Formerly loaded from imperial-brand-refresh-v47.css; kept here with the
   existing header/hero rules so no separate brand override stylesheet is needed. */
/* V50: small crest only in the header, larger separated crest + wordmark in hero. */
body.imperial-v3-theme .imperial-nav-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex: 0 0 64px !important;
    flex-basis: 64px !important;
    min-width: 64px !important;
    padding: 2px 16px 2px 0 !important;
    /* Keep the existing layout box, but only the visible logo image itself
       receives mouse/touch input. This removes the clickable empty margins. */
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
    display: none !important;
}

body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
    display: block !important;
    width: 41px !important;
    height: 56px !important;
    flex: 0 0 41px !important;
    object-fit: contain !important;
    filter: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    -webkit-user-drag: none !important;
    user-drag: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

body.imperial-v3-theme .logo {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 760px !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

body.imperial-v3-theme .imperial-hero-brand {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 760px !important;
    overflow: visible !important;
    /* The anchor can stay wide for layout, while hit-testing is delegated
       only to the actual PNG below. Keyboard activation remains unchanged. */
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

body.imperial-v3-theme .imperial-hero-brand .imperial-hero-crest {
    display: block !important;
    width: 176px !important;
    height: auto !important;
    flex: 0 0 176px !important;
    margin: 2px 18px 0 0 !important;
    transform: translateY(16px) !important;
    object-fit: contain !important;
    filter: none !important;
}

body.imperial-v3-theme .imperial-brand-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 0 1 560px !important;
    margin-left: 0 !important;
    padding-top: 8px !important;
    overflow: visible !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

body.imperial-v3-theme .imperial-brand-copy > img {
    display: block !important;
    width: min(560px, 100%) !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    filter: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    -webkit-user-drag: none !important;
    user-drag: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    /* The PNG is tall because the crest extends above/below the wordmark.
       Follow the actual artwork silhouette for mouse/touch hit-testing so the
       large transparent upper-right/lower-right zones are not clickable. */
    -webkit-clip-path: polygon(
        16% 0%, 24% 0%,
        29% 10%, 29% 15%, 41% 20%, 40% 25%, 66% 30%,
        97% 35%, 99% 40%, 100% 50%, 100% 70%, 99% 80%,
        66% 85%, 27% 90%, 25% 95%, 23% 100%,
        16% 100%, 14% 95%, 11% 90%, 9% 85%, 7% 80%,
        2% 70%, 1% 60%, 2% 50%, 0% 40%, 2% 35%, 1% 30%,
        0% 25%, 0% 20%, 9% 15%, 9% 10%
    ) !important;
    clip-path: polygon(
        16% 0%, 24% 0%,
        29% 10%, 29% 15%, 41% 20%, 40% 25%, 66% 30%,
        97% 35%, 99% 40%, 100% 50%, 100% 70%, 99% 80%,
        66% 85%, 27% 90%, 25% 95%, 23% 100%,
        16% 100%, 14% 95%, 11% 90%, 9% 85%, 7% 80%,
        2% 70%, 1% 60%, 2% 50%, 0% 40%, 2% 35%, 1% 30%,
        0% 25%, 0% 20%, 9% 15%, 9% 10%
    ) !important;
}

body.imperial-v3-theme .imperial-brand-copy small {
    display: block !important;
    align-self: flex-start !important;
    width: min(470px, 100%) !important;
    margin: 16px 0 0 34px !important;
    padding-top: 14px !important;
    text-align: center !important;
}

@media (max-width: 1360px) {
    body.imperial-v3-theme .imperial-nav-brand {
        flex-basis: 60px !important;
        min-width: 60px !important;
        padding-right: 14px !important;
    }
    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
        width: 39px !important;
        height: 52px !important;
        flex-basis: 39px !important;
    }
    body.imperial-v3-theme .logo,
    body.imperial-v3-theme .imperial-hero-brand {
        max-width: 704px !important;
    }
    body.imperial-v3-theme .imperial-hero-brand .imperial-hero-crest {
        width: 164px !important;
        flex-basis: 164px !important;
        margin-right: 16px !important;
        transform: translateY(14px) !important;
    }
    body.imperial-v3-theme .imperial-brand-copy {
        flex-basis: 520px !important;
    }
    body.imperial-v3-theme .imperial-brand-copy > img {
        width: min(520px, 100%) !important;
    }
    body.imperial-v3-theme .imperial-brand-copy small {
        width: min(438px, 100%) !important;
        margin-left: 28px !important;
    }
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .logo,
    body.imperial-v3-theme .imperial-hero-brand {
        max-width: 100% !important;
    }
    body.imperial-v3-theme .imperial-hero-brand .imperial-hero-crest {
        width: 142px !important;
        flex-basis: 142px !important;
        margin-right: 14px !important;
        transform: translateY(10px) !important;
    }
    body.imperial-v3-theme .imperial-brand-copy {
        flex-basis: 460px !important;
    }
    body.imperial-v3-theme .imperial-brand-copy > img {
        width: min(460px, 100%) !important;
    }
    body.imperial-v3-theme .imperial-brand-copy small {
        width: min(390px, 100%) !important;
        margin-top: 12px !important;
        margin-left: 24px !important;
        padding-top: 10px !important;
    }
}

@media (max-width: 720px) {
    body.imperial-v3-theme .imperial-nav-brand {
        flex-basis: auto !important;
        min-width: 0 !important;
        padding-right: 8px !important;
    }
    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
        width: 33px !important;
        height: 44px !important;
        flex-basis: 33px !important;
    }
    body.imperial-v3-theme .logo,
    body.imperial-v3-theme .imperial-hero-brand {
        justify-content: center !important;
    }
    body.imperial-v3-theme .imperial-hero-brand .imperial-hero-crest {
        width: 112px !important;
        flex-basis: 112px !important;
        margin-right: 10px !important;
        transform: translateY(8px) !important;
    }
    body.imperial-v3-theme .imperial-brand-copy {
        flex-basis: auto !important;
        width: calc(100% - 122px) !important;
        max-width: 360px !important;
        padding-top: 4px !important;
    }
    body.imperial-v3-theme .imperial-brand-copy > img {
        width: 100% !important;
    }
    body.imperial-v3-theme .imperial-brand-copy small {
        width: 92% !important;
        margin-top: 8px !important;
        margin-left: 10px !important;
        padding-top: 7px !important;
    }
}

@media (max-width: 430px) {
    body.imperial-v3-theme .imperial-hero-brand .imperial-hero-crest {
        width: 92px !important;
        flex-basis: 92px !important;
        margin-right: 8px !important;
        transform: translateY(6px) !important;
    }
    body.imperial-v3-theme .imperial-brand-copy {
        width: calc(100% - 100px) !important;
        max-width: 292px !important;
    }
    body.imperial-v3-theme .imperial-brand-copy small {
        width: 94% !important;
        margin-left: 4px !important;
    }
}

/* Hero blend and vertical rhythm refinement.
   Keep the compact UI bars crisp (no blur), merge the dark top naturally
   into the artwork, and let the light content begin sooner on desktop. */
body.imperial-v3-theme .imperial-hero-stage {
    background: #060814;
}

@media (min-width: 1081px) {
    body.imperial-v3-theme .imperial-hero-stage,
    body.imperial-v3-theme.imperial-inner .imperial-hero-stage {
        min-height: 800px;
    }

    body.imperial-v3-theme .imperial-hero-backdrop {
        background-size: max(106vw, 2050px) auto;
        background-position: 56% 12px;
    }

    body.imperial-v3-theme .imperial-hero-backdrop::before {
        background:
            linear-gradient(180deg,
                rgba(4, 5, 13, .96) 0px,
                rgba(5, 7, 16, .88) 42px,
                rgba(6, 9, 20, .58) 96px,
                rgba(5, 10, 22, .26) 150px,
                rgba(4, 10, 20, .07) 260px,
                rgba(4, 9, 18, .14) 72%,
                rgba(5, 10, 20, .88) 100%),
            linear-gradient(90deg, rgba(4, 10, 20, .70) 0%, rgba(6, 13, 25, .45) 29%, rgba(6, 13, 25, .035) 58%, rgba(4, 8, 15, .07) 100%);
    }
}

@media (max-width: 1320px) {
    body.imperial-v3-theme .topPanel {
        width: calc(100% - 54px);
        height: 62px;
        padding-left: 13px;
        padding-right: 13px;
    }
    body.imperial-v3-theme .imperial-nav-brand { flex-basis: 192px; }
    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-crest {
        width: 29px;
        height: 39px;
        flex-basis: 29px;
    }
    body.imperial-v3-theme .imperial-nav-brand .imperial-nav-wordmark {
        width: 132px;
        flex-basis: 132px;
    }
    body.imperial-v3-theme .menu__link {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13.2px;
    }
    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: 184px minmax(0, 1fr) 154px;
        width: calc(100% - 54px);
        min-height: 58px;
        height: 58px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-heading { padding: 0 17px; }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 11px;
        min-height: 56px;
        height: 56px;
        padding: 5px 16px;
    }
    body.imperial-v3-theme .imperial-server-sigil,
    body.imperial-v3-theme .imperial-server-sigil img {
        width: 38px;
        height: 38px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-link { padding: 0 13px; }
}

@media (max-width: 1080px) {
    body.imperial-v3-theme .topPanel {
        width: calc(100% - 28px);
        height: 62px;
        overflow: visible;
        clip-path: none;
    }
    body.imperial-v3-theme .topPanel-right { height: 62px; }
    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: minmax(0, 1fr) 54px;
        grid-template-areas: "heading rankings" "servers servers";
        width: calc(100% - 28px);
        height: auto;
        min-height: 0;
        margin-top: 6px;
        clip-path: none;
    }
    body.imperial-v3-theme .imperial-realm-monitor-heading {
        grid-area: heading;
        min-height: 46px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.05);
    }
    body.imperial-v3-theme .imperial-realm-monitor .online {
        grid-area: servers;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        min-height: 60px;
        height: 60px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-link {
        grid-area: rankings;
        min-width: 54px;
        min-height: 46px;
        padding: 0;
        justify-content: center;
        border-left: 1px solid rgba(255,255,255,.05);
        border-bottom: 1px solid rgba(255,255,255,.05);
    }
    body.imperial-v3-theme .imperial-rankings-copy { display: none; }
}

@media (max-width: 720px) {
    body.imperial-v3-theme .topPanel {
        width: calc(100% - 18px);
        height: 58px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: visible;
        clip-path: none;
    }
    body.imperial-v3-theme .topPanel-right { height: 58px; }
    body.imperial-v3-theme .imperial-realm-monitor {
        grid-template-columns: 1fr;
        grid-template-areas: "servers";
        width: calc(100% - 18px);
        min-height: 0;
        height: auto;
        margin-top: 5px;
    }
    body.imperial-v3-theme .imperial-realm-monitor-heading,
    body.imperial-v3-theme .imperial-realm-monitor-link {
        display: none;
    }
    body.imperial-v3-theme .imperial-realm-monitor .online {
        grid-area: servers;
        width: 100%;
    }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        grid-template-columns: 35px minmax(0, 1fr);
        gap: 9px;
        min-height: 58px;
        height: 58px;
        padding: 5px 10px;
    }
    body.imperial-v3-theme .imperial-server-sigil,
    body.imperial-v3-theme .imperial-server-sigil img {
        width: 35px;
        height: 35px;
    }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name { font-size: 10.5px; }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players { font-size: 25px; }
    body.imperial-v3-theme .imperial-server-caption { font-size: 7.5px; }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state { font-size: 7.5px; }
}

@media (max-width: 480px) {
    body.imperial-v3-theme .imperial-realm-monitor .online { grid-template-columns: 1fr; }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.05);
    }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex:last-child { border-bottom: 0; }
}

/* =======================================================================
   Imperial hero geometry — unified final fit (09-08-2026)
   One geometry model for Home + all inner pages + all viewport widths.
   The hero stage follows its real content height; the 3072x1078 artwork
   always covers that height, so no empty dark strip can remain below it.
   ======================================================================= */
body.imperial-v3-theme .imperial-hero-stage,
body.imperial-v3-theme.imperial-inner .imperial-hero-stage {
    min-height: 0 !important;
    height: auto !important;
    background: #060814;
}

body.imperial-v3-theme .imperial-hero-backdrop {
    background-size: cover !important;
    background-position: 56% top !important;
    transform: none !important;
}

/* Keep the artwork readable without creating a visible top/bottom transition. */
body.imperial-v3-theme .imperial-hero-backdrop::before {
    background:
        linear-gradient(90deg,
            rgba(8, 12, 24, .58) 0%,
            rgba(8, 12, 24, .36) 27%,
            rgba(8, 12, 24, .14) 56%,
            rgba(8, 12, 24, .18) 100%),
        rgba(8, 12, 24, .16);
}

body.imperial-v3-theme .imperial-hero-backdrop::after {
    display: none !important;
    content: none !important;
}

body.imperial-v3-theme .topPanel,
body.imperial-v3-theme .imperial-realm-monitor {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.imperial-v3-theme .topPanel {
    background: rgba(6, 10, 22, .68);
}

body.imperial-v3-theme .imperial-realm-monitor {
    background: rgba(12, 18, 34, .44);
}

/* Content starts immediately after the hero section on every public page. */
body.imperial-v3-theme .imperial-hero-stage + .main,
body.imperial-v3-theme .main {
    margin-top: 0 !important;
}

@media (min-width: 1081px) {
    body.imperial-v3-theme .header {
        height: 548px;
        padding-top: 24px;
        padding-bottom: 52px;
    }

    body.imperial-v3-theme.imperial-inner .header {
        height: 548px;
        padding-top: 24px;
        padding-bottom: 52px;
    }

    body.imperial-v3-theme .headerInfo {
        margin-top: 22px;
    }
}

/* On narrower screens keep the characters anchored to the right while the
   artwork continues to cover the exact natural hero height. */
@media (max-width: 1080px) {
    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 64% top !important;
    }
}

@media (max-width: 720px) {
    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 72% top !important;
    }
}

@media (max-width: 480px) {
    body.imperial-v3-theme .imperial-hero-backdrop {
        background-position: 76% top !important;
    }
}


/* ========================================================================== 
   IMPERIAL LIGHT SURFACE SYSTEM — unified public content colors (09-08-2026)
   Color/surface ownership only. Home and every inner/plugin page now use the
   same page canvas and the same primary content-card surface. Component
   typography, buttons, tables, forms and functional layout remain untouched.
   ========================================================================== */
body.imperial-v3-theme {
    --imp-page-canvas: #f5f7f9;
    --imp-surface-primary: #ffffff;
    --imp-surface-soft: #f8f9fa;
    --imp-surface-muted: #f2f4f6;
    --imp-card-bg: #ffffff;
    background: var(--imp-page-canvas) !important;
}

/* The page shell/title area must sit directly on the shared canvas, not on a
   second white wrapper. This is what previously made inner pages look subtly
   different from Home even when their cards were almost the same color. */
body.imperial-v3-theme .main,
body.imperial-v3-theme .main > .row,
body.imperial-v3-theme .main > #content,
body.imperial-v3-theme .main > #content > #box1,
body.imperial-v3-theme .main > #content > #box1 > #content_center,
body.imperial-v3-theme .flame-content,
body.imperial-v3-theme .news,
body.imperial-v3-theme .flame-page-box,
body.imperial-v3-theme .vs-blog {
    background: transparent !important;
    background-image: none !important;
}

/* One primary white surface for native pages, Home news cards, side content
   and legacy/plugin shells. Keep existing borders/corners/layout intact. */
body.imperial-v3-theme .newsBlock,
body.imperial-v3-theme .newsBlockFlex .newsBlock,
body.imperial-v3-theme .flame-page-content,
body.imperial-v3-theme .content,
body.imperial-v3-theme .tabBlock,
body.imperial-v3-theme .flame-sidebar-box,
body.imperial-v3-theme .news-block,
body.imperial-v3-theme .box-style1,
body.imperial-v3-theme .vs-blog > .blog-content,
body.imperial-v3-theme .vs-blog > .bg-major-black.blog-content,
body.imperial-v3-theme .main > #content > #box1 > .box-style1,
body.imperial-v3-theme .main > #content > #box1 > #content_center > .box-style1,
body.imperial-v3-theme .imperial-events-widget-body {
    background: var(--imp-surface-primary) !important;
    background-image: none !important;
}

/* Generic nested neutral surfaces may stay slightly separated, but use one
   cool neutral family instead of mixed yellow/beige/off-white fills. */
body.imperial-v3-theme .well,
body.imperial-v3-theme .panel-body,
body.imperial-v3-theme .card-body,
body.imperial-v3-theme .list-group-item,
body.imperial-v3-theme .table-responsive {
    background-color: var(--imp-surface-primary);
}


/* ========================================================================== 
   IMPERIAL HEADER EDGE DEPTH + LOGIN ICON — 09-08-2026
   Final visual ownership for top chrome edge depth, page-title gold rules and
   the login action icon. Existing layout and component behaviour are unchanged.
   ========================================================================== */

/* Modern inline login glyph: clean rounded line work, no legacy icon font. */
body.imperial-v3-theme .imperial-hero-action-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

body.imperial-v3-theme .imperial-login-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: #e7cb79;
}

body.imperial-v3-theme .imperial-login-icon svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.imperial-v3-theme .imperial-hero-action-login:hover .imperial-login-icon,
body.imperial-v3-theme .imperial-hero-action-login:focus .imperial-login-icon {
    color: #f4dfa0;
}

body.imperial-v3-theme .imperial-login-label {
    line-height: 1;
}

/* Header edge depth: no visible separator lines. The panel boundaries are
   shaped with restrained inner navy fades so they stay crisp over the hero
   artwork without creating a second horizontal rule. */
body.imperial-v3-theme .topPanel::after {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: 9px !important;
    background: linear-gradient(180deg,
        rgba(2,5,12,0) 0%,
        rgba(2,5,12,.045) 38%,
        rgba(2,5,12,.14) 72%,
        rgba(1,3,9,.24) 100%) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

body.imperial-v3-theme .imperial-realm-monitor::before {
    content: none !important;
    display: none !important;
}

/* One precise golden page-title rule on Home, native pages, legacy plugin
   titles and Events. Unlike the old gradient it never fades out before the
   content edge. */
body.imperial-v3-theme {
    --imp-page-title-line: linear-gradient(90deg,
        rgba(183,132,48,.78) 0%,
        rgba(213,174,88,.72) 28%,
        rgba(229,204,139,.58) 62%,
        rgba(183,132,48,.22) 100%);
}

body.imperial-v3-theme .news-title::after,
body.imperial-v3-theme .flame-page-title h1::after,
body.imperial-v3-theme .main > #content > #box1 > .title1::after,
body.imperial-v3-theme .vs-blog > .blog-meta::after,
body.imperial-v3-theme .imperial-events-widget-header::after {
    height: 1px !important;
    background: var(--imp-page-title-line) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

body.imperial-v3-theme .news-title::before,
body.imperial-v3-theme .flame-page-title h1::before,
body.imperial-v3-theme .main > #content > #box1 > .title1::before,
body.imperial-v3-theme .vs-blog > .blog-meta::before,
body.imperial-v3-theme .imperial-events-widget-header::before {
    width: 2px !important;
    background: linear-gradient(180deg, rgba(232,205,137,.92) 0%, rgba(193,143,55,.82) 100%) !important;
    box-shadow: none !important;
}

@media (max-width: 720px) {
    body.imperial-v3-theme .imperial-login-icon,
    body.imperial-v3-theme .imperial-login-icon svg {
        width: 20px;
        height: 20px;
    }
}


/* ========================================================================== 
   IMPERIAL INTERACTION + TOOLTIP + TYPOGRAPHY CONSISTENCY PASS — 09-08-2026
   White/cool hover feedback on dark controls, dark Imperial UI tooltips for
   normal title attributes, and final ownership of public UI typography.
   Item/game tooltips intentionally keep their own rendering and fonts.
   ========================================================================== */

/* Canonical typography ownership for legacy public components that can still
   inherit Flame-era DIN/Albertus/Arial/Tahoma declarations from earlier CSS. */
body.imperial-v3-theme textarea,
body.imperial-v3-theme .online-block span,
body.imperial-v3-theme .headerInfo-text,
body.imperial-v3-theme .table-td,
body.imperial-v3-theme .footerInfo-text,
body.imperial-v3-theme .newsBlock-text,
body.imperial-v3-theme .formGroup p,
body.imperial-v3-theme .content,
body.imperial-v3-theme .waretitle,
body.imperial-v3-theme #item_buy_right .full,
body.imperial-v3-theme #item_buy_right .opt_title,
body.imperial-v3-theme #item_buy_right .opt,
body.imperial-v3-theme .buy_button,
body.imperial-v3-theme .payment-method-button label span,
body.imperial-v3-theme .buttonn,
body.imperial-v3-theme .discount_notice .content,
body.imperial-v3-theme .ui-widget,
body.imperial-v3-theme .ui-widget input,
body.imperial-v3-theme .ui-widget select,
body.imperial-v3-theme .ui-widget textarea,
body.imperial-v3-theme .ui-widget button,
body.imperial-v3-theme .flame-char-currency-value {
    font-family: var(--imp-font-ui) !important;
}

/* Keep headings/title families intentionally separate and consistent. */
body.imperial-v3-theme h1,
body.imperial-v3-theme h2,
body.imperial-v3-theme h3,
body.imperial-v3-theme h4,
body.imperial-v3-theme h5,
body.imperial-v3-theme h6,
body.imperial-v3-theme .news-title,
body.imperial-v3-theme .flame-page-title h1,
body.imperial-v3-theme .flame-sidebar-box-title,
body.imperial-v3-theme .imperial-events-widget-header,
body.imperial-v3-theme .newsBlock-title a {
    font-family: var(--imp-font-display) !important;
}

/* Dark header navigation: hover feedback is neutral white, not yellow/orange. */
body.imperial-v3-theme .menu__link:hover,
body.imperial-v3-theme .menu__link:focus {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .055) !important;
}
body.imperial-v3-theme .menu__link:hover::after,
body.imperial-v3-theme .menu__link:focus::after {
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: none !important;
}

/* Header Login / Account actions use a cool white interaction edge. */
body.imperial-v3-theme .topPanel-right .user-enter:hover,
body.imperial-v3-theme .topPanel-right .user-enter:focus,
body.imperial-v3-theme .accountBlock > a.user-enter:hover,
body.imperial-v3-theme .accountBlock > a.user-enter:focus,
body.imperial-v3-theme .accountBlock .buttonDrop > a.user-enter:hover,
body.imperial-v3-theme .accountBlock .buttonDrop > a.user-enter:focus {
    border-color: rgba(255, 255, 255, .36) !important;
    background: rgba(255, 255, 255, .07) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .imperial-hero-action-login:hover .imperial-login-icon,
body.imperial-v3-theme .imperial-hero-action-login:focus .imperial-login-icon {
    color: #ffffff !important;
}

/* Server header CTA follows the same neutral hover language. */
body.imperial-v3-theme .imperial-realm-monitor-link:hover,
body.imperial-v3-theme .imperial-realm-monitor-link:focus {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .045) !important;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-icon,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-icon {
    border-color: rgba(255, 255, 255, .30) !important;
    background: rgba(255, 255, 255, .055) !important;
    transform: translateX(1px) !important;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-icon svg,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-icon svg {
    stroke: #ffffff !important;
}

/* Dark dropdown/mobile chrome also uses white hover text and a cool surface. */
body.imperial-v3-theme .accountBlock-dropdown a:hover,
body.imperial-v3-theme .accountBlock-dropdown a:focus,
body.imperial-v3-theme .menu-sub a:hover,
body.imperial-v3-theme .menu-sub a:focus,
body.imperial-v3-theme .langBlock-dropdown a:hover,
body.imperial-v3-theme .langBlock-dropdown a:focus,
body.imperial-v3-theme .mobile-menu li a:hover,
body.imperial-v3-theme .mobile-menu li a:focus {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, .055) !important;
}

/* Common dark/navy button hover: preserve button identity but replace the
   warm yellow glow with a restrained cool-white highlight. Semantic danger /
   success / warning buttons retain their dedicated state colours. */
body.imperial-v3-theme .button:hover,
body.imperial-v3-theme .button:focus-visible,
body.imperial-v3-theme .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info):hover,
body.imperial-v3-theme .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info):focus-visible,
body.imperial-v3-theme .button-style:hover,
body.imperial-v3-theme .button-style:focus,
body.imperial-v3-theme .vs-btn:hover,
body.imperial-v3-theme .vs-btn:focus,
body.imperial-v3-theme .vs-btn2:hover,
body.imperial-v3-theme .vs-btn2:focus,
body.imperial-v3-theme .gradient-btn:hover,
body.imperial-v3-theme .gradient-btn:focus,
body.imperial-v3-theme .custom_button:hover,
body.imperial-v3-theme .custom_button:focus,
body.imperial-v3-theme .pagerButton:hover,
body.imperial-v3-theme .pagerButton:focus,
body.imperial-v3-theme .action-btn:hover,
body.imperial-v3-theme .action-btn:focus,
body.imperial-v3-theme .flame-download-button:hover,
body.imperial-v3-theme .flame-download-button:focus,
body.imperial-v3-theme .flame-donate-button:hover,
body.imperial-v3-theme .flame-donate-button:focus,
body.imperial-v3-theme .exchange_item:hover,
body.imperial-v3-theme .exchange_item:focus,
body.imperial-v3-theme .get_reward:hover,
body.imperial-v3-theme .get_reward:focus,
body.imperial-v3-theme .view_reward:hover,
body.imperial-v3-theme .view_reward:focus,
body.imperial-v3-theme .ref-reward-link:hover,
body.imperial-v3-theme .ref-reward-link:focus,
body.imperial-v3-theme .flame-vote-reward-link:hover,
body.imperial-v3-theme .flame-vote-reward-link:focus,
body.imperial-v3-theme .imperial-profile-quest-link:hover,
body.imperial-v3-theme .imperial-profile-quest-link:focus,
body.imperial-v3-theme .flame-guides-search-button:hover,
body.imperial-v3-theme .flame-guides-search-button:focus,
body.imperial-v3-theme .flame-quest-claim-btn:hover,
body.imperial-v3-theme .flame-quest-claim-btn:focus,
body.imperial-v3-theme .flame-quest-reload:hover,
body.imperial-v3-theme .flame-quest-reload:focus,
body.imperial-v3-theme .imperial-login-submit:hover,
body.imperial-v3-theme .imperial-login-submit:focus,
body.imperial-v3-theme .buy_button:hover,
body.imperial-v3-theme .buy_button:focus,
body.imperial-v3-theme .buttonn:hover,
body.imperial-v3-theme .buttonn:focus,
body.imperial-v3-theme input[type='submit']:hover,
body.imperial-v3-theme input[type='submit']:focus-visible,
body.imperial-v3-theme input[type='button']:hover,
body.imperial-v3-theme input[type='button']:focus-visible {
    border-color: rgba(255, 255, 255, .62) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(255,255,255,.09),
        0 0 0 1px rgba(255,255,255,.11),
        0 8px 18px rgba(7,15,27,.17) !important;
}


/* ========================================================================== 
   IMPERIAL INTERACTION QUALITY PASS — 09-08-2026
   Dedicated normal-web tooltip host (separate from MU item #tooltip), neutral
   white dark-surface hovers, larger Login action, footer SVG and white timebox.
   ========================================================================== */

/* Login stays visually larger without changing the 62px top navigation bar. */
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login {
    min-width: 128px;
    width: auto;
    min-height: 44px;
    height: 44px;
    padding: 0 19px;
    gap: 10px;
    border-color: rgba(225, 205, 151, .22) !important;
    background: rgba(10, 17, 32, .32) !important;
    color: #f6f8fb !important;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .075em;
}
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-label {
    color: #f6f8fb !important;
}
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-icon,
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-icon svg {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
}
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:hover,
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:focus,
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:focus-visible {
    border-color: rgba(255,255,255,.42) !important;
    background: rgba(255,255,255,.075) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:hover .imperial-login-label,
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:focus .imperial-login-label,
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:focus-visible .imperial-login-label,
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:hover .imperial-login-icon,
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:focus .imperial-login-icon,
body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:focus-visible .imperial-login-icon {
    color: #ffffff !important;
}

/* Buttons on dark/navy surfaces must not reveal old warm Flame hover text on
   nested spans/icons. Semantic status colours are not changed here. */
body.imperial-v3-theme .user-enter:hover *,
body.imperial-v3-theme .user-enter:focus *,
body.imperial-v3-theme .button:hover > span,
body.imperial-v3-theme .button:focus-visible > span,
body.imperial-v3-theme .button-style:hover > span,
body.imperial-v3-theme .button-style:focus > span,
body.imperial-v3-theme .vs-btn:hover > span,
body.imperial-v3-theme .vs-btn:focus > span,
body.imperial-v3-theme .vs-btn2:hover > span,
body.imperial-v3-theme .vs-btn2:focus > span,
body.imperial-v3-theme .gradient-btn:hover > span,
body.imperial-v3-theme .gradient-btn:focus > span,
body.imperial-v3-theme .custom_button:hover > span,
body.imperial-v3-theme .custom_button:focus > span,
body.imperial-v3-theme .flame-download-button:hover > span,
body.imperial-v3-theme .flame-download-button:focus > span,
body.imperial-v3-theme .flame-donate-button:hover > span,
body.imperial-v3-theme .flame-donate-button:focus > span {
    color: #ffffff !important;
}

/* One compact tooltip system for ordinary website title hints. It intentionally
   does not share #tooltip or any item-tooltip selectors. */
body.imperial-v3-theme #imperial-ui-tooltip.imperial-ui-tooltip-popover {
    position: fixed;
    z-index: 20050;
    display: block;
    width: max-content;
    max-width: min(220px, calc(100vw - 16px));
    padding: 6px 9px;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 0;
    background: #0b1322;
    color: #f7f9fc;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .24);
    font-family: var(--imp-font-ui);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: .01em;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(2px);
    transition: opacity .10s ease, transform .10s ease, visibility 0s linear .10s;
}
body.imperial-v3-theme #imperial-ui-tooltip.imperial-ui-tooltip-popover.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
}
body.imperial-v3-theme #imperial-ui-tooltip.imperial-ui-tooltip-popover::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 6px;
    height: 6px;
    background: #0b1322;
    transform: translateX(-50%) rotate(45deg);
}
body.imperial-v3-theme #imperial-ui-tooltip[data-placement="top"]::after {
    bottom: -4px;
    border-right: 1px solid rgba(255, 255, 255, .32);
    border-bottom: 1px solid rgba(255, 255, 255, .32);
}
body.imperial-v3-theme #imperial-ui-tooltip[data-placement="bottom"]::after {
    top: -4px;
    border-left: 1px solid rgba(255, 255, 255, .32);
    border-top: 1px solid rgba(255, 255, 255, .32);
}

/* Footer links use the same neutral interaction language as the header. */
body.imperial-v3-theme .footerInfo-buttons a:hover,
body.imperial-v3-theme .footerInfo-buttons a:focus,
body.imperial-v3-theme .footerMenu a:hover,
body.imperial-v3-theme .footerMenu a:focus {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Replace legacy icon-social.png Facebook sprite with a crisp inline SVG. */
body.imperial-v3-theme .socBlock a.fb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-left: 8px;
    border: 1px solid rgba(211, 190, 133, .22);
    background: rgba(255,255,255,.022) !important;
    background-image: none !important;
    color: rgba(224, 229, 238, .62);
    box-shadow: none;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}
body.imperial-v3-theme .socBlock a.fb .imperial-facebook-icon {
    display: block;
    width: 29px;
    height: 29px;
    fill: currentColor;
}
body.imperial-v3-theme .socBlock a.fb:hover,
body.imperial-v3-theme .socBlock a.fb:focus {
    border-color: rgba(255,255,255,.34);
    background: rgba(255,255,255,.06) !important;
    color: #ffffff;
}

/* Event Schedule time summary: neutral white card, not warm/cream. */
body.imperial-v3-theme .imperial-events-widget .flame-sidebar-timebox {
    margin-bottom: 15px;
    padding: 13px 12px;
    border: 1px solid rgba(35, 54, 82, .14) !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 7px 18px rgba(18, 34, 57, .055) !important;
}
body.imperial-v3-theme .imperial-events-widget .flame-sidebar-timebox::before {
    background: linear-gradient(90deg, transparent, rgba(196, 153, 65, .46), transparent) !important;
    opacity: .65 !important;
}
body.imperial-v3-theme .imperial-events-widget .flame-sidebar-timebox-item span {
    color: #667181 !important;
}
body.imperial-v3-theme .imperial-events-widget .flame-sidebar-timebox-item strong {
    color: #12213a !important;
}
body.imperial-v3-theme .imperial-events-widget .flame-sidebar-timebox-separator {
    background: rgba(35, 54, 82, .14) !important;
}

@media (max-width: 720px) {
    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login {
        min-width: 0;
        min-height: 38px;
        height: 38px;
        padding: 0 12px;
        gap: 7px;
        font-size: 11px;
    }
    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-icon,
    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-icon svg {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }
    body.imperial-v3-theme #imperial-ui-tooltip.imperial-ui-tooltip-popover {
        display: none !important;
    }
    body.imperial-v3-theme .socBlock a.fb {
        width: 52px;
        height: 52px;
    }
    body.imperial-v3-theme .socBlock a.fb .imperial-facebook-icon {
        width: 25px;
        height: 25px;
    }
}

/* ========================================================================== 
   IMPERIAL FOOTER — canonical modern layout
   Larger desktop typography, clearer separation from content and a compact
   mobile composition without changing the footer markup.
   ========================================================================== */
body.imperial-v3-theme .footer {
    position: relative;
    display: grid;
    grid-template-columns: minmax(390px, 1.2fr) minmax(390px, .95fr) 160px;
    align-items: center;
    gap: clamp(44px, 4vw, 76px);
    width: 100%;
    min-height: 306px;
    margin: 0;
    padding: 64px max(40px, calc((100vw - 1480px) / 2)) 58px;
    border-top: 0;
    background:
        linear-gradient(180deg, rgba(8, 13, 24, .08) 0%, rgba(8, 13, 24, .18) 14%, rgba(8, 14, 25, .36) 40%, rgba(8, 14, 25, .72) 100%),
        linear-gradient(90deg, rgba(5, 10, 20, .56) 0%, rgba(8, 15, 28, .20) 22%, rgba(8, 15, 28, .18) 78%, rgba(5, 10, 20, .58) 100%),
        url('../images/imperial-footer-landscape.png') 54% 76% / cover no-repeat,
        linear-gradient(180deg, #101b2d 0%, #0b1422 32%, #08111e 100%);
    color: #8f9db1;
    box-shadow: 0 -18px 42px rgba(7, 15, 27, .12);
}

body.imperial-v3-theme .footer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 14% 14%, rgba(197, 212, 244, .13), transparent 26%),
        radial-gradient(circle at 74% 8%, rgba(145, 170, 225, .11), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,.020) 0, transparent 28px),
        linear-gradient(90deg, rgba(255,255,255,.008), transparent 24%, transparent 76%, rgba(255,255,255,.004));
}

body.imperial-v3-theme .footer::after {
    content: none;
}

body.imperial-v3-theme .footerInfo,
body.imperial-v3-theme .footerMenu,
body.imperial-v3-theme .footerRight {
    position: relative;
    z-index: 3;
    width: auto;
    min-width: 0;
}

body.imperial-v3-theme .footerInfo-title {
    margin: 0 0 18px;
    color: #ead9aa;
    font-family: var(--imp-font-display);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .04em;
}

body.imperial-v3-theme .footerInfo-text {
    max-width: 680px;
    margin: 0;
    color: #8090a7;
    font-family: var(--imp-font-ui);
    font-size: 12px;
    font-weight: 520;
    line-height: 1.65;
    letter-spacing: .006em;
}

body.imperial-v3-theme .footerInfo-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 30px;
    margin-top: 23px;
}

/* Footer links use one single color system in every state. */
body.imperial-v3-theme footer.footer .footerInfo-buttons a,
body.imperial-v3-theme footer.footer .footerInfo-buttons a:link,
body.imperial-v3-theme footer.footer .footerInfo-buttons a:visited,
body.imperial-v3-theme footer.footer .footerMenu ul li a,
body.imperial-v3-theme footer.footer .footerMenu ul li a:link,
body.imperial-v3-theme footer.footer .footerMenu ul li a:visited {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0;
    border: 0;
    background: none;
    color: #b5c0d1 !important;
    -webkit-text-fill-color: #b5c0d1 !important;
    font-family: var(--imp-font-ui);
    font-size: 12.5px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: .07em;
    text-decoration: none !important;
    text-transform: uppercase;
    text-shadow: none !important;
    filter: none !important;
    transition: color .16s ease, transform .16s ease, opacity .16s ease;
}

body.imperial-v3-theme footer.footer .footerInfo-buttons a *,
body.imperial-v3-theme footer.footer .footerMenu ul li a * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

body.imperial-v3-theme footer.footer .footerInfo-buttons a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -3px;
    height: 1px;
    background: rgba(255,255,255,.68);
    transition: right .18s ease;
}

body.imperial-v3-theme footer.footer .footerInfo-buttons a:hover,
body.imperial-v3-theme footer.footer .footerInfo-buttons a:focus,
body.imperial-v3-theme footer.footer .footerInfo-buttons a:focus-visible,
body.imperial-v3-theme footer.footer .footerInfo-buttons a:active,
body.imperial-v3-theme footer.footer .footerMenu ul li a:hover,
body.imperial-v3-theme footer.footer .footerMenu ul li a:focus,
body.imperial-v3-theme footer.footer .footerMenu ul li a:focus-visible,
body.imperial-v3-theme footer.footer .footerMenu ul li a:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    text-shadow: none !important;
    filter: none !important;
}

body.imperial-v3-theme footer.footer .footerInfo-buttons a:hover::after,
body.imperial-v3-theme footer.footer .footerInfo-buttons a:focus-visible::after {
    right: 0;
}

body.imperial-v3-theme .footerMenu {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: 0 clamp(46px, 4vw, 76px);
    align-self: center;
}

body.imperial-v3-theme .footerMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.imperial-v3-theme .footerMenu ul li {
    margin: 0;
    padding: 7px 0;
}

body.imperial-v3-theme footer.footer .footerMenu ul li a:hover,
body.imperial-v3-theme footer.footer .footerMenu ul li a:focus-visible {
    transform: translateX(3px);
}

body.imperial-v3-theme .footerRight {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
}

body.imperial-v3-theme .footer .socBlock.imperial-footer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Standalone social mark: intentionally not a button/card. */
body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card,
body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card:link,
body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card:visited {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 138px;
    min-height: 118px;
    margin: 0;
    padding: 6px 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    background-image: none !important;
    color: #a5b0c1 !important;
    -webkit-text-fill-color: #a5b0c1 !important;
    box-shadow: none !important;
    clip-path: none;
    text-decoration: none !important;
    filter: none !important;
    transition: color .16s ease, transform .18s ease, opacity .16s ease;
}

body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card::before,
body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card::after {
    content: none !important;
}

body.imperial-v3-theme .footer .socBlock a.fb .imperial-facebook-icon {
    display: block;
    width: 68px;
    height: 68px;
    fill: currentColor;
    color: inherit;
    filter: none;
    transition: transform .18s ease;
}

body.imperial-v3-theme .imperial-footer-social-name {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-family: var(--imp-font-ui);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card:hover,
body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card:focus,
body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card:focus-visible,
body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card:active {
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    filter: none !important;
    transform: translateY(-2px);
}

body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card:hover .imperial-facebook-icon,
body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card:focus-visible .imperial-facebook-icon {
    transform: scale(1.04);
}

@media (max-width: 1120px) {
    body.imperial-v3-theme .footer {
        grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
        min-height: 276px;
        gap: 32px 48px;
        padding: 50px 30px 44px;
        background-position: center top, center center, 55% 72%, center center;
    }

    body.imperial-v3-theme .footerRight {
        grid-column: 2;
        justify-content: flex-start;
        min-width: 0;
    }

    body.imperial-v3-theme .footer .socBlock.imperial-footer-social {
        justify-content: flex-start;
    }

    body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card {
        width: 124px;
        min-height: 92px;
    }

    body.imperial-v3-theme .footer .socBlock a.fb .imperial-facebook-icon {
        width: 54px;
        height: 54px;
    }
}

@media (max-width: 720px) {
    body.imperial-v3-theme .footer {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 10px;
        padding: 24px 18px 20px;
        background-position: center top, center center, 52% 66%, center center;
        background-size: auto, auto, cover, auto;
    }

    body.imperial-v3-theme .footerInfo-title {
        margin-bottom: 7px;
        font-size: 17px;
        line-height: 1.25;
    }

    body.imperial-v3-theme .footerInfo-text {
        max-width: none;
        font-size: 9.5px;
        line-height: 1.48;
    }

    body.imperial-v3-theme .footerInfo-buttons {
        gap: 5px 16px;
        margin-top: 11px;
    }

    body.imperial-v3-theme footer.footer .footerInfo-buttons a,
    body.imperial-v3-theme footer.footer .footerInfo-buttons a:link,
    body.imperial-v3-theme footer.footer .footerInfo-buttons a:visited,
    body.imperial-v3-theme footer.footer .footerMenu ul li a,
    body.imperial-v3-theme footer.footer .footerMenu ul li a:link,
    body.imperial-v3-theme footer.footer .footerMenu ul li a:visited {
        min-height: 18px;
        font-size: 10.5px;
        letter-spacing: .05em;
    }

    body.imperial-v3-theme .footerMenu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 14px;
        padding-top: 10px;
        border-top: 1px solid rgba(219, 227, 238, .08);
    }

    body.imperial-v3-theme .footerMenu ul li {
        padding: 2px 0;
    }

    body.imperial-v3-theme .footerRight {
        grid-column: auto;
        justify-content: flex-start;
        padding-top: 8px;
        border-top: 1px solid rgba(219, 227, 238, .08);
    }

    body.imperial-v3-theme .footer .socBlock.imperial-footer-social {
        justify-content: flex-start;
    }

    body.imperial-v3-theme .footer .socBlock a.fb.imperial-footer-social-card {
        flex-direction: row;
        justify-content: flex-start;
        gap: 8px;
        width: auto;
        min-height: 32px;
        padding: 0;
    }

    body.imperial-v3-theme .footer .socBlock a.fb .imperial-facebook-icon {
        width: 30px;
        height: 30px;
    }

    body.imperial-v3-theme .imperial-footer-social-name {
        font-size: 9.5px;
        letter-spacing: .12em;
    }
}

@media (max-width: 480px) {
    body.imperial-v3-theme .footer {
        gap: 8px;
        padding: 21px 15px 18px;
        background-position: center top, center center, 51% 64%, center center;
        background-size: auto, auto, cover, auto;
    }

    /* Keep two columns even on narrow phones; collapsing to one column made
       the footer unnecessarily tall. */
    body.imperial-v3-theme .footerMenu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 12px;
    }

    body.imperial-v3-theme footer.footer .footerMenu ul li a,
    body.imperial-v3-theme footer.footer .footerMenu ul li a:link,
    body.imperial-v3-theme footer.footer .footerMenu ul li a:visited {
        font-size: 9.7px;
        letter-spacing: .035em;
    }
}


/* ========================================================================== 
   IMPERIAL HEADER PROPORTION REFINEMENT — 11-08-2026
   Larger desktop navigation typography and a larger Login action while the
   header keeps the same fixed height. Login is flex-centered, not offset.
   ========================================================================== */
@media (min-width: 1081px) {
    body.imperial-v3-theme .menu__link {
        font-size: clamp(14.8px, .90vw, 16.2px);
        font-weight: 760;
        letter-spacing: .058em;
    }

    body.imperial-v3-theme .topPanel-right {
        height: 100%;
        min-height: 0;
        align-items: center;
        justify-content: flex-end;
    }

    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login {
        align-self: center;
        min-width: 148px;
        width: auto;
        min-height: 48px;
        height: 48px;
        margin: 0;
        padding: 0 22px;
        gap: 11px;
        font-size: 13.5px;
        font-weight: 820;
        letter-spacing: .078em;
        line-height: 1;
    }

    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-icon,
    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-icon svg {
        width: 27px;
        height: 27px;
        flex: 0 0 27px;
    }

    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-label {
        display: inline-flex;
        align-items: center;
        height: 100%;
        line-height: 1;
    }
}

/* =======================================================================
   IMPERIAL PRECISION POLISH — 11-08-2026
   Consolidated realm layout + final header/CTA/title refinements.
   ======================================================================= */

/* --- Realm monitor: explicit info/meta columns, no positional hacks. --- */
body.imperial-v3-theme .imperial-realm-monitor .online {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    padding: 0 8px;
}

body.imperial-v3-theme .imperial-realm-monitor .online-flex {
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    min-height: 56px;
    height: 56px;
    padding: 5px 16px;
    border-right: 0;
    background-color: rgba(9, 14, 28, .16);
}

body.imperial-v3-theme .imperial-realm-monitor .online-flex.imperial-server-tone-1 {
    background-color: rgba(54, 135, 170, .055);
}
body.imperial-v3-theme .imperial-realm-monitor .online-flex.imperial-server-tone-2 {
    background-color: rgba(111, 87, 176, .055);
}
body.imperial-v3-theme .imperial-realm-monitor .online-flex.imperial-server-tone-3 {
    background-color: rgba(176, 105, 77, .045);
}
body.imperial-v3-theme .imperial-realm-monitor .online-flex.imperial-server-tone-4 {
    background-color: rgba(75, 137, 124, .045);
}

body.imperial-v3-theme .imperial-realm-monitor .online-block,
body.imperial-v3-theme .imperial-realm-monitor .online-block.online-block-active {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-width: 0;
}

body.imperial-v3-theme .imperial-server-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    align-items: center;
    column-gap: 18px;
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

body.imperial-v3-theme .imperial-server-info,
body.imperial-v3-theme .imperial-server-meta {
    min-width: 0;
}

body.imperial-v3-theme .imperial-server-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

body.imperial-v3-theme .imperial-server-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
    width: 112px;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #ead79c;
    font-size: 12.4px;
    font-weight: 810;
    line-height: 1.05;
    letter-spacing: .09em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.imperial-v3-theme .imperial-server-count {
    display: flex;
    align-items: baseline;
    gap: 8px;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players {
    flex: 0 0 auto;
    color: #f4f5f8 !important;
    font-size: 30px;
    font-weight: 760;
    line-height: .9;
    letter-spacing: -.035em;
}

body.imperial-v3-theme .imperial-server-caption {
    flex: 0 0 auto;
    margin: 0 0 1px;
    color: rgba(223, 229, 239, .66);
    font-size: 8.8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #7ed09b !important;
    font-size: 10.4px;
    font-weight: 780;
    line-height: 1;
    letter-spacing: .085em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state::before {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #78cb97;
    box-shadow: none;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-red .imperial-server-state {
    color: #e08b87 !important;
}
body.imperial-v3-theme .imperial-realm-monitor .imperial-server-red .imperial-server-state::before {
    background: #dc807d;
}

body.imperial-v3-theme .imperial-server-stats-link,
body.imperial-v3-theme .imperial-server-stats-link:link,
body.imperial-v3-theme .imperial-server-stats-link:visited {
    position: static;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    color: rgba(232, 237, 245, .72) !important;
    -webkit-text-fill-color: rgba(232, 237, 245, .72) !important;
    font-family: var(--imp-font-ui);
    font-size: 9.9px;
    font-weight: 740;
    line-height: 1;
    letter-spacing: .075em;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .16s ease, opacity .16s ease;
}
body.imperial-v3-theme .imperial-server-stats-link::before,
body.imperial-v3-theme .imperial-server-stats-link::after {
    content: none !important;
    display: none !important;
}
body.imperial-v3-theme .imperial-server-stats-link:hover,
body.imperial-v3-theme .imperial-server-stats-link:focus-visible,
body.imperial-v3-theme .imperial-server-stats-link:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    outline: none;
}

/* Rankings is a light-weight action, not a boxed mini-button. */
body.imperial-v3-theme .imperial-realm-monitor-link {
    gap: 10px;
    padding: 0 20px;
    border-left: 1px solid rgba(255, 255, 255, .035);
    background: rgba(255, 255, 255, .008);
    color: rgba(246, 241, 227, .91);
}
body.imperial-v3-theme .imperial-rankings-label {
    color: inherit;
    font-size: 10.1px;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: .085em;
}
body.imperial-v3-theme .imperial-rankings-icon {
    width: 25px;
    height: 30px;
    flex: 0 0 25px;
    border: 0;
    background: transparent;
    box-shadow: none;
}
body.imperial-v3-theme .imperial-rankings-icon svg {
    width: 19px;
    height: 19px;
    stroke: rgba(226, 203, 142, .88);
    stroke-width: 1.55;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover,
body.imperial-v3-theme .imperial-realm-monitor-link:focus {
    background: rgba(255, 255, 255, .032) !important;
    color: #ffffff !important;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-icon,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-icon {
    border-color: transparent !important;
    background: transparent !important;
    transform: none !important;
}
body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-icon svg,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-icon svg {
    stroke: #ffffff !important;
}

/* --- Top navigation + Login: larger, cleaner, same header height. --- */
@media (min-width: 1081px) {
    body.imperial-v3-theme .menu__link {
        font-size: clamp(15.2px, .92vw, 16.7px);
        font-weight: 760;
        letter-spacing: .054em;
    }

    body.imperial-v3-theme .topPanel-right {
        height: 100%;
        min-height: 0;
        align-items: center;
        justify-content: flex-end;
    }

    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login {
        align-self: center;
        min-width: 158px;
        height: 46px;
        min-height: 46px;
        margin: 0;
        padding: 0 23px;
        gap: 11px;
        border-color: rgba(232, 214, 167, .18) !important;
        background: rgba(5, 10, 23, .30) !important;
        color: rgba(250, 250, 248, .96) !important;
        font-size: 13.7px;
        font-weight: 820;
        line-height: 1;
        letter-spacing: .075em;
        box-shadow: none !important;
    }

    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-icon,
    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login .imperial-login-icon svg {
        width: 27px;
        height: 27px;
        flex: 0 0 27px;
    }

    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:hover,
    body.imperial-v3-theme .topPanel-right .imperial-hero-action-login:focus {
        border-color: rgba(255, 255, 255, .34) !important;
        background: rgba(255, 255, 255, .055) !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }
}

/* --- Start Game: flat translucent navy action with a native SVG icon. --- */
body.imperial-v3-theme .headerInfo-button .button.imperial-hero-action-start {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 184px;
    min-height: 50px;
    padding: 0 22px;
    border: 1px solid rgba(224, 199, 132, .36) !important;
    background: rgba(18, 37, 61, .80) !important;
    color: rgba(255, 252, 244, .96) !important;
    box-shadow: none !important;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .075em;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
body.imperial-v3-theme .imperial-start-icon,
body.imperial-v3-theme .imperial-start-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}
body.imperial-v3-theme .imperial-start-icon {
    color: rgba(236, 213, 151, .92);
}
body.imperial-v3-theme .imperial-start-icon svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body.imperial-v3-theme .headerInfo-button .button.imperial-hero-action-start:hover,
body.imperial-v3-theme .headerInfo-button .button.imperial-hero-action-start:focus-visible {
    border-color: rgba(255, 255, 255, .34) !important;
    background: rgba(28, 52, 80, .90) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}
body.imperial-v3-theme .headerInfo-button .button.imperial-hero-action-start:hover .imperial-start-icon,
body.imperial-v3-theme .headerInfo-button .button.imperial-hero-action-start:focus-visible .imperial-start-icon {
    color: #ffffff;
}

/* --- Hero ornament restraint: slightly reduce redundant rule intensity. --- */
body.imperial-v3-theme .imperial-brand-copy small {
    border-top-color: rgba(230, 207, 148, .30);
}
body.imperial-v3-theme .headerInfo-title span {
    color: #dcc681;
}

/* --- Content headings: champagne-gold, precise, quieter vertical accent. --- */
body.imperial-v3-theme {
    --imp-page-title-line: linear-gradient(90deg,
        rgba(176, 132, 58, .66) 0%,
        rgba(205, 171, 93, .56) 34%,
        rgba(222, 200, 145, .38) 68%,
        rgba(176, 132, 58, .09) 100%);
}
body.imperial-v3-theme .news-title::after,
body.imperial-v3-theme .flame-page-title h1::after,
body.imperial-v3-theme .main > #content > #box1 > .title1::after,
body.imperial-v3-theme .vs-blog > .blog-meta::after,
body.imperial-v3-theme .imperial-events-widget-header::after {
    height: 1px !important;
    background: var(--imp-page-title-line) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
body.imperial-v3-theme .news-title::before,
body.imperial-v3-theme .flame-page-title h1::before,
body.imperial-v3-theme .imperial-events-widget-header::before {
    top: 15px !important;
    bottom: 15px !important;
    width: 2px !important;
    background: rgba(198, 156, 72, .72) !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main > #content > #box1 > .title1::before,
body.imperial-v3-theme .vs-blog > .blog-meta::before {
    width: 2px !important;
    background: rgba(198, 156, 72, .72) !important;
    box-shadow: none !important;
}

/* --- Responsive realm compaction without changing the desktop geometry. --- */
@media (min-width: 721px) and (max-width: 1320px) {
    body.imperial-v3-theme .imperial-realm-monitor .online {
        column-gap: 6px;
        padding-left: 6px;
        padding-right: 6px;
    }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
        padding-left: 12px;
        padding-right: 12px;
    }
    body.imperial-v3-theme .imperial-server-main {
        grid-template-columns: minmax(0, 1fr) 94px;
        column-gap: 12px;
    }
    body.imperial-v3-theme .imperial-server-meta { width: 94px; gap: 6px; }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name { font-size: 11.4px; }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players { font-size: 27px; }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state { font-size: 9.2px; }
    body.imperial-v3-theme .imperial-server-stats-link,
    body.imperial-v3-theme .imperial-server-stats-link:link,
    body.imperial-v3-theme .imperial-server-stats-link:visited { font-size: 8.8px; }
}

@media (max-width: 720px) {
    body.imperial-v3-theme .imperial-realm-monitor .online {
        gap: 4px;
        padding: 4px;
    }
    body.imperial-v3-theme .imperial-realm-monitor .online-flex {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 8px;
        padding-left: 9px;
        padding-right: 9px;
    }
    body.imperial-v3-theme .imperial-server-main {
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 8px;
    }
    body.imperial-v3-theme .imperial-server-meta {
        width: auto;
        min-width: 66px;
        gap: 5px;
    }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-name {
        max-width: none;
        overflow: visible;
        font-size: 10px;
        line-height: 1.08;
        letter-spacing: .065em;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-players { font-size: 24px; }
    body.imperial-v3-theme .imperial-server-caption { font-size: 7.2px; }
    body.imperial-v3-theme .imperial-realm-monitor .imperial-server-state { font-size: 8.2px; gap: 4px; }
    body.imperial-v3-theme .imperial-server-stats-link,
    body.imperial-v3-theme .imperial-server-stats-link:link,
    body.imperial-v3-theme .imperial-server-stats-link:visited { font-size: 7.7px; letter-spacing: .055em; }
}