/* ========================================================================== 
   IMPERIAL UI POLISH — public content system
   Final content-layer design pass. Header/hero/server monitor are intentionally
   excluded; this file owns page surfaces, controls, tables and dialogs only.
   ========================================================================== */

body.imperial-v3-theme {
    --imp-ui-ink: #1a2a40;
    --imp-ui-text: #46566c;
    --imp-ui-muted: #718096;
    --imp-ui-line: #d9e0e9;
    --imp-ui-line-strong: #c7d0dc;
    --imp-ui-surface: #ffffff;
    --imp-ui-surface-soft: #f6f8fb;
    --imp-ui-surface-blue: #eef4fa;
    --imp-ui-navy: #152a45;
    --imp-ui-navy-2: #203a5a;
    --imp-ui-blue: #86a9ca;
    --imp-ui-blue-hover: #789ec2;
    --imp-ui-blue-active: #6b91b5;
    --imp-ui-blue-border: #6e95bb;
    --imp-table-head-top: #789fca;
    --imp-table-head-mid: #648bb9;
    --imp-table-head-bottom: #557da9;
    --imp-table-head-keyline: #486f9d;
    --imp-table-head-divider: rgba(255,255,255,.28);
    --imp-ui-blue-soft: #eaf2f9;
    --imp-ui-gold: #efd65f;
    --imp-ui-gold-hover: #f7e47a;
    --imp-ui-gold-active: #cfae32;
    --imp-ui-gold-soft: #fbefb5;
    --imp-ui-success: #2f7a59;
    --imp-ui-success-soft: #eef8f2;
    --imp-ui-danger: #ae4d4d;
    --imp-ui-danger-soft: #fff2f1;
    --imp-ui-warning: #9a6a22;
    --imp-ui-warning-soft: #fff8e8;
    --imp-ui-info: #3d6f9e;
    --imp-ui-info-soft: #eff6fc;
    /* Global public form controls — clean white default, dark Imperial-blue interaction states. */
    --imp-field-bg: #ffffff;
    --imp-field-bg-hover: #f7faff;
    --imp-field-bg-active: #f1f6fb;
    --imp-field-bg-focus: #ffffff;
    --imp-field-surface: #ffffff;
    --imp-field-surface-hover: #f7faff;
    --imp-field-surface-active: #f1f6fb;
    --imp-field-surface-focus: #ffffff;
    --imp-field-border: #728eab;
    --imp-field-border-hover: #4b7097;
    --imp-field-border-active: #345d88;
    --imp-field-border-focus: #214b75;
    --imp-field-ring: rgba(33,75,117,.14);
    --imp-field-shadow: none;
    --imp-field-shadow-hover: 0 0 0 1px rgba(75,112,151,.09), 0 3px 10px rgba(24,50,79,.04);
    --imp-field-shadow-active: 0 0 0 1px rgba(52,93,136,.13), 0 2px 7px rgba(24,50,79,.045);
    --imp-field-shadow-focus: 0 0 0 2px var(--imp-field-ring), 0 4px 12px rgba(24,50,79,.05);
    --imp-field-readonly-bg: #f4f6f8;
    --imp-field-readonly-border: #cbd5df;
    --imp-btn-blue-top: #91bce5;
    --imp-btn-blue-bottom: #6f9fce;
    --imp-btn-blue-border: #5f8fbe;
    --imp-btn-blue-hover-top: #a0caf0;
    --imp-btn-blue-hover-bottom: #74a9dc;
    --imp-btn-blue-hover-border: #5796cf;
    --imp-btn-blue-active-top: #78a9d8;
    --imp-btn-blue-active-bottom: #5e91c6;
    --imp-btn-blue-glow: rgba(73, 146, 211, .26);
    --imp-btn-blue-glow-strong: rgba(73, 151, 220, .34);
    /* V9 action buttons: crisp crystal glass, separate from light ranking/filter controls. */
    --imp-action-top: #9bcff0;
    --imp-action-mid: #79b9e0;
    --imp-action-bottom: #5f99c7;
    --imp-action-border: #477ba6;
    --imp-action-hover-top: #a8d9f5;
    --imp-action-hover-mid: #82c1e7;
    --imp-action-hover-bottom: #5a95c3;
    --imp-action-hover-border: #2f6f9f;
    --imp-action-active-top: #78b2d8;
    --imp-action-active-bottom: #4f89b6;
    --imp-btn-secondary-top: #ffffff;
    --imp-btn-secondary-bottom: #f5f9fc;
    --imp-btn-secondary-border: #c4d2df;
    --imp-btn-gold-top: #faeca0;
    --imp-btn-gold-bottom: #efd45a;
    --imp-btn-gold-border: #d3b13a;
    --imp-ui-shadow: 0 12px 30px rgba(24, 43, 67, .075);
    --imp-ui-shadow-strong: 0 24px 58px rgba(8, 18, 33, .22);
}

/* --------------------------------------------------------------------------
   1. CONTENT SURFACES — calmer geometry and one consistent white system
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .card,
body.imperial-v3-theme .main .panel,
body.imperial-v3-theme .main .flame-sidebar-box,
body.imperial-v3-theme .main .imperial-support-widget,
body.imperial-v3-theme .main .flame-clear-inventory-card,
body.imperial-v3-theme .main .flame-votereward-card,
body.imperial-v3-theme .main .flame-extra-card {
    border: 1px solid var(--imp-ui-line) !important;
    border-radius: 0 !important;
    background: var(--imp-ui-surface) !important;
    background-image: none !important;
    box-shadow: var(--imp-ui-shadow) !important;
    clip-path: none !important;
}

body.imperial-v3-theme .main .flame-page-content {
    background: #ffffff !important;
    background-image: none !important;
    color: var(--imp-ui-text) !important;
}

body.imperial-v3-theme .main .flame-page-content p,
body.imperial-v3-theme .main .flame-page-content li,
body.imperial-v3-theme .main .flame-page-content dd,
body.imperial-v3-theme .main .newsBlock-text {
    color: var(--imp-ui-text) !important;
}

body.imperial-v3-theme .main .flame-page-content strong,
body.imperial-v3-theme .main .flame-page-content b {
    color: var(--imp-ui-ink);
}

body.imperial-v3-theme .main h2.title,
body.imperial-v3-theme .main .flame-profile-modern-title,
body.imperial-v3-theme .main .imperial-guide-heading h2,
body.imperial-v3-theme .main .imperial-font-fix h2,
body.imperial-v3-theme .main .imperial-requirements h2 {
    color: var(--imp-ui-ink) !important;
    text-shadow: none !important;
}

/* --------------------------------------------------------------------------
   2. IMPERIAL BUTTON SYSTEM V9 — crisp crystal blue / Imperial
   Straight geometry, brighter MU Online-friendly blue, no ornamental rails.
   Depth comes from a controlled glass highlight and a full-button hover glow.
   Header controls remain excluded by the .main scope.
   -------------------------------------------------------------------------- */

/* Primary page actions — brighter crystal-blue.
   This family is intentionally separate from the light Rankings filter buttons. */
body.imperial-v3-theme .main .btn,
body.imperial-v3-theme .main .button,
body.imperial-v3-theme .main .button-style,
body.imperial-v3-theme .main .vs-btn,
body.imperial-v3-theme .main .vs-btn2,
body.imperial-v3-theme .main .gradient-btn,
body.imperial-v3-theme .main .custom_button,
body.imperial-v3-theme .main .pagerButton,
body.imperial-v3-theme .main .zen-wallet-action-btn:not(.zen-wallet-action-btn-locked),
body.imperial-v3-theme .main .action-btn,
body.imperial-v3-theme .main .exchange_item,
body.imperial-v3-theme .main .view_reward,
body.imperial-v3-theme .main .ref-reward-link,
body.imperial-v3-theme .main .flame-vote-reward-link,
body.imperial-v3-theme .main .imperial-profile-quest-link,
body.imperial-v3-theme .main .flame-guides-search-button,
body.imperial-v3-theme .main .imperial-action-button,
body.imperial-v3-theme .main .flame-quest-reload,
body.imperial-v3-theme .main .imperial-login-submit,
body.imperial-v3-theme .main .buy_button,
body.imperial-v3-theme .main .buttonn,
body.imperial-v3-theme .main input[type="submit"],
body.imperial-v3-theme .main input[type="button"],
body.imperial-v3-theme .main button[type="submit"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 9px 20px !important;
    border: 1px solid var(--imp-action-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-action-top) 0%, var(--imp-action-mid) 48%, var(--imp-action-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13.2px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: .012em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-shadow: none !important;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(235,248,255,.95),
        inset 0 0 0 1px rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(34,82,119,.18),
        0 1px 0 rgba(28,61,91,.08) !important;
    clip-path: none !important;
    transform: none !important;
    filter: none !important;
    cursor: pointer !important;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

body.imperial-v3-theme .main .btn:hover,
body.imperial-v3-theme .main .button:hover,
body.imperial-v3-theme .main .button-style:hover,
body.imperial-v3-theme .main .vs-btn:hover,
body.imperial-v3-theme .main .vs-btn2:hover,
body.imperial-v3-theme .main .gradient-btn:hover,
body.imperial-v3-theme .main .custom_button:hover,
body.imperial-v3-theme .main .pagerButton:hover,
body.imperial-v3-theme .main .zen-wallet-action-btn:not(.zen-wallet-action-btn-locked):hover,
body.imperial-v3-theme .main .action-btn:hover,
body.imperial-v3-theme .main .exchange_item:hover,
body.imperial-v3-theme .main .view_reward:hover,
body.imperial-v3-theme .main .ref-reward-link:hover,
body.imperial-v3-theme .main .flame-vote-reward-link:hover,
body.imperial-v3-theme .main .imperial-profile-quest-link:hover,
body.imperial-v3-theme .main .flame-guides-search-button:hover,
body.imperial-v3-theme .main .imperial-action-button:hover,
body.imperial-v3-theme .main .flame-quest-reload:hover,
body.imperial-v3-theme .main .imperial-login-submit:hover,
body.imperial-v3-theme .main .buy_button:hover,
body.imperial-v3-theme .main .buttonn:hover,
body.imperial-v3-theme .main input[type="submit"]:hover,
body.imperial-v3-theme .main input[type="button"]:hover,
body.imperial-v3-theme .main button[type="submit"]:hover {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(241,251,255,.98),
        inset 0 0 0 1px rgba(255,255,255,.23),
        inset 0 -1px 0 rgba(31,81,119,.15),
        0 0 0 1px rgba(49,119,174,.24) !important;
    filter: none !important;
    outline: 0 !important;
    transform: none !important;
}

body.imperial-v3-theme .main .btn:active,
body.imperial-v3-theme .main .button:active,
body.imperial-v3-theme .main .button-style:active,
body.imperial-v3-theme .main .vs-btn:active,
body.imperial-v3-theme .main .vs-btn2:active,
body.imperial-v3-theme .main .gradient-btn:active,
body.imperial-v3-theme .main .custom_button:active,
body.imperial-v3-theme .main .pagerButton:active,
body.imperial-v3-theme .main .action-btn:active,
body.imperial-v3-theme .main .exchange_item:active,
body.imperial-v3-theme .main .imperial-login-submit:active,
body.imperial-v3-theme .main .imperial-action-button:active,
body.imperial-v3-theme .main .buy_button:active,
body.imperial-v3-theme .main .buttonn:active,
body.imperial-v3-theme .main input[type="submit"]:active,
body.imperial-v3-theme .main input[type="button"]:active,
body.imperial-v3-theme .main button[type="submit"]:active {
    border-color: #3679ad !important;
    background: linear-gradient(180deg, var(--imp-action-active-top) 0%, var(--imp-action-active-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(222,241,252,.58),
        inset 0 2px 0 rgba(35,83,119,.12),
        inset 0 0 0 1px rgba(255,255,255,.12),
        0 0 0 1px rgba(45,103,149,.16) !important;
    filter: none !important;
    transform: none !important;
}

body.imperial-v3-theme .main .btn:focus-visible,
body.imperial-v3-theme .main .button:focus-visible,
body.imperial-v3-theme .main .button-style:focus-visible,
body.imperial-v3-theme .main .vs-btn:focus-visible,
body.imperial-v3-theme .main .vs-btn2:focus-visible,
body.imperial-v3-theme .main .gradient-btn:focus-visible,
body.imperial-v3-theme .main .custom_button:focus-visible,
body.imperial-v3-theme .main .action-btn:focus-visible,
body.imperial-v3-theme .main .imperial-login-submit:focus-visible,
body.imperial-v3-theme .main .imperial-action-button:focus-visible,
body.imperial-v3-theme .main input[type="submit"]:focus-visible,
body.imperial-v3-theme .main input[type="button"]:focus-visible,
body.imperial-v3-theme .main button[type="submit"]:focus-visible {
    outline: 2px solid rgba(55,126,181,.34) !important;
    outline-offset: 2px !important;
    box-shadow:
        inset 0 1px 0 rgba(241,251,255,.98),
        inset 0 0 0 1px rgba(255,255,255,.23),
        inset 0 -1px 0 rgba(31,81,119,.15) !important;
}


/* Plain :focus is normalized as well because legacy Flame/Bootstrap rules
   still target .btn-primary:focus with a gold underline. Mouse-click focus
   must therefore stay in the same crystal-blue family as hover. */
body.imperial-v3-theme .main .imperial-action-button:focus,
body.imperial-v3-theme .main .flame-registration-submit-large:focus,
body.imperial-v3-theme .main .flame-modern-submit-large:focus,
body.imperial-v3-theme .main .flame-guides-search-button:focus,
body.imperial-v3-theme .main .btn.btn-primary:not(.flame-download-button):not(.flame-donate-button):not(.buy_button):not(.get_reward):not(.flame-quest-claim-btn):not(.btn-warning):focus {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(241,251,255,.98),
        inset 0 0 0 1px rgba(255,255,255,.23),
        inset 0 -1px 0 rgba(31,81,119,.15),
        0 0 0 1px rgba(49,119,174,.24) !important;
    outline: none !important;
    filter: none !important;
    transform: none !important;
}

/* Premium CTA — brighter champagne gold with the same crystal treatment. */
body.imperial-v3-theme .main .flame-download-button,
body.imperial-v3-theme .main .flame-donate-button,
body.imperial-v3-theme .main .get_reward,
body.imperial-v3-theme .main .flame-quest-claim-btn,
body.imperial-v3-theme .main .buy_button,
body.imperial-v3-theme .main .btn-warning,
body.imperial-v3-theme .main button.btn-warning {
    border-color: var(--imp-btn-gold-border) !important;
    background: linear-gradient(180deg, var(--imp-btn-gold-top) 0%, var(--imp-btn-gold-bottom) 100%) !important;
    color: #18334f !important;
    -webkit-text-fill-color: #18334f !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,250,231,.80),
        inset 0 0 0 1px rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(102,76,24,.10),
        0 1px 0 rgba(104,77,26,.08) !important;
}
body.imperial-v3-theme .main .flame-download-button:hover,
body.imperial-v3-theme .main .flame-download-button:focus,
body.imperial-v3-theme .main .flame-donate-button:hover,
body.imperial-v3-theme .main .flame-donate-button:focus,
body.imperial-v3-theme .main .get_reward:hover,
body.imperial-v3-theme .main .get_reward:focus,
body.imperial-v3-theme .main .flame-quest-claim-btn:hover,
body.imperial-v3-theme .main .flame-quest-claim-btn:focus,
body.imperial-v3-theme .main .buy_button:hover,
body.imperial-v3-theme .main .buy_button:focus,
body.imperial-v3-theme .main .btn-warning:hover,
body.imperial-v3-theme .main .btn-warning:focus,
body.imperial-v3-theme .main button.btn-warning:hover,
body.imperial-v3-theme .main button.btn-warning:focus {
    border-color: #caaa3d !important;
    background: linear-gradient(180deg, #f6e49d 0%, #ead06b 100%) !important;
    color: #142f4a !important;
    -webkit-text-fill-color: #142f4a !important;
    box-shadow:
        inset 0 1px 0 rgba(255,251,234,.90),
        inset 0 0 0 1px rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(101,75,24,.08),
        0 0 0 1px rgba(180,145,63,.24) !important;
}
body.imperial-v3-theme .main .flame-download-button:active,
body.imperial-v3-theme .main .flame-donate-button:active,
body.imperial-v3-theme .main .get_reward:active,
body.imperial-v3-theme .main .flame-quest-claim-btn:active,
body.imperial-v3-theme .main .buy_button:active,
body.imperial-v3-theme .main .btn-warning:active {
    border-color: #c0a13a !important;
    background: linear-gradient(180deg, #ead06b 0%, #d6b94c 100%) !important;
    color: #142f4a !important;
    -webkit-text-fill-color: #142f4a !important;
    box-shadow: inset 0 2px 0 rgba(104,77,26,.11), inset 0 1px 0 rgba(255,248,220,.42), 0 0 0 1px rgba(155,119,44,.14) !important;
}

/* Secondary actions — clean frost-glass white; hover receives a blue halo. */
body.imperial-v3-theme .main .button-white,
body.imperial-v3-theme .main .btn-secondary,
body.imperial-v3-theme .main .btn-default,
body.imperial-v3-theme .main .flame-guides-clear-button,
body.imperial-v3-theme .account-announcement-btn-secondary,
body.imperial-v3-theme .alertable-cancel {
    min-height: 42px !important;
    padding: 9px 20px !important;
    border: 1px solid var(--imp-btn-secondary-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-btn-secondary-top) 0%, var(--imp-btn-secondary-bottom) 100%) !important;
    color: #213c58 !important;
    -webkit-text-fill-color: #213c58 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .016em !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 2px 6px rgba(38,74,109,.045) !important;
    clip-path: none !important;
    transform: none !important;
    transition: background .17s ease, border-color .17s ease, color .17s ease, box-shadow .17s ease !important;
}
body.imperial-v3-theme .main .button-white:hover,
body.imperial-v3-theme .main .button-white:focus,
body.imperial-v3-theme .main .btn-secondary:hover,
body.imperial-v3-theme .main .btn-secondary:focus,
body.imperial-v3-theme .main .btn-default:hover,
body.imperial-v3-theme .main .btn-default:focus,
body.imperial-v3-theme .main .flame-guides-clear-button:hover,
body.imperial-v3-theme .main .flame-guides-clear-button:focus,
body.imperial-v3-theme .account-announcement-btn-secondary:hover,
body.imperial-v3-theme .account-announcement-btn-secondary:focus,
body.imperial-v3-theme .alertable-cancel:hover,
body.imperial-v3-theme .alertable-cancel:focus {
    border-color: #82add4 !important;
    background: linear-gradient(180deg, #f8fcff 0%, #eaf4fc 100%) !important;
    color: #173754 !important;
    -webkit-text-fill-color: #173754 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 0 0 1px rgba(124,181,230,.12),
        0 0 15px rgba(80,151,214,.18),
        0 5px 12px rgba(38,74,109,.08) !important;
}

/* Semantic actions retain meaning but use the same luminous geometry. */
body.imperial-v3-theme .main .btn-danger,
body.imperial-v3-theme .main button.btn-danger {
    border-color: #b96565 !important;
    background: linear-gradient(180deg, #da9292 0%, #c56f6f 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 3px 8px rgba(112,48,48,.10) !important;
}
body.imperial-v3-theme .main .btn-danger:hover,
body.imperial-v3-theme .main button.btn-danger:hover {
    border-color: #aa5555 !important;
    background: linear-gradient(180deg, #e29a9a 0%, #ca6d6d 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 0 15px rgba(190,85,85,.18), 0 6px 13px rgba(112,48,48,.11) !important;
}
body.imperial-v3-theme .main .btn-success,
body.imperial-v3-theme .main button.btn-success {
    border-color: #60947c !important;
    background: linear-gradient(180deg, #93c1aa 0%, #73a58d 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 3px 8px rgba(47,96,74,.08) !important;
}
body.imperial-v3-theme .main .btn-success:hover,
body.imperial-v3-theme .main button.btn-success:hover {
    border-color: #52866f !important;
    background: linear-gradient(180deg, #9ac8b2 0%, #72aa90 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 0 15px rgba(75,149,115,.16), 0 6px 13px rgba(47,96,74,.09) !important;
}

/* Compact row actions preserve the same system at a smaller size. */
body.imperial-v3-theme .main .btn-sm,
body.imperial-v3-theme .main .exchange_item,
body.imperial-v3-theme .main .get_reward,
body.imperial-v3-theme .main .view_reward,
body.imperial-v3-theme .main .ref-reward-link,
body.imperial-v3-theme .main .flame-quest-claim-btn,
body.imperial-v3-theme .main .flame-quest-reload,
body.imperial-v3-theme .main .flame-account-details-table .btn {
    min-height: 34px !important;
    padding: 6px 12px !important;
    font-size: 11.5px !important;
    letter-spacing: .012em !important;
    clip-path: none !important;
}

body.imperial-v3-theme .main .flame-modern-submit-large,
body.imperial-v3-theme .main .flame-registration-submit-large,
body.imperial-v3-theme .main .imperial-action-button-lg {
    min-width: 210px !important;
    min-height: 46px !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
    letter-spacing: .014em !important;
}

/* Disabled controls are neutral and deliberately quiet. */
body.imperial-v3-theme .main .btn:disabled,
body.imperial-v3-theme .main .btn.disabled,
body.imperial-v3-theme .main .button.disabled,
body.imperial-v3-theme .main button:disabled,
body.imperial-v3-theme .main input[type="submit"]:disabled,
body.imperial-v3-theme .main input[type="button"]:disabled,
body.imperial-v3-theme .main .zen-wallet-action-btn-locked,
body.imperial-v3-theme .main .imperial-disabled-button {
    border-color: #ccd5de !important;
    background: #edf0f3 !important;
    background-image: none !important;
    color: #8b96a1 !important;
    -webkit-text-fill-color: #8b96a1 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* --------------------------------------------------------------------------
   3. FORMS — clean white default, dark Imperial-blue hover/focus states
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main input[type="text"],
body.imperial-v3-theme .main input[type="password"],
body.imperial-v3-theme .main input[type="email"],
body.imperial-v3-theme .main input[type="number"],
body.imperial-v3-theme .main input[type="search"],
body.imperial-v3-theme .main input[type="url"],
body.imperial-v3-theme .main input[type="tel"],
body.imperial-v3-theme .main input[type="date"],
body.imperial-v3-theme .main input[type="time"],
body.imperial-v3-theme .main input[type="datetime-local"],
body.imperial-v3-theme .main .form-control,
body.imperial-v3-theme .main .flame-modern-input,
body.imperial-v3-theme .main textarea,
body.imperial-v3-theme .main select,
body.imperial-v3-theme .main .flame-custom-select-trigger {
    min-height: 42px;
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background: var(--imp-field-surface) !important;
    background-color: var(--imp-field-bg) !important;
    background-image: var(--imp-field-surface) !important;
    color: var(--imp-ui-ink) !important;
    -webkit-text-fill-color: var(--imp-ui-ink) !important;
    caret-color: #244f7b;
    color-scheme: light;
    text-shadow: none !important;
    box-shadow: var(--imp-field-shadow) !important;
    clip-path: none !important;
    transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease !important;
}

/* Native selects use the same dark Imperial-blue interaction language as other fields. */
body.imperial-v3-theme .main select,
body.imperial-v3-theme .main select.form-control {
    padding-right: 42px !important;
    appearance: none;
    background:
        linear-gradient(45deg, transparent 50%, #516f90 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, #516f90 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-surface) !important;
}

/* Hover: subtle cool fill with a clearer dark-blue keyline. */
body.imperial-v3-theme .main input[type="text"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="password"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="email"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="number"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="search"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="url"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="tel"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="date"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="time"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="datetime-local"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main .form-control:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main .flame-modern-input:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main textarea:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .main select:hover:not(:disabled),
body.imperial-v3-theme .main .flame-custom-select-trigger:hover {
    border-color: var(--imp-field-border-hover) !important;
    background: var(--imp-field-surface-hover) !important;
    background-color: var(--imp-field-bg-hover) !important;
    background-image: var(--imp-field-surface-hover) !important;
    box-shadow: var(--imp-field-shadow-hover) !important;
}
body.imperial-v3-theme .main select:hover:not(:disabled),
body.imperial-v3-theme .main select.form-control:hover:not(:disabled) {
    background:
        linear-gradient(45deg, transparent 50%, #3f6287 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, #3f6287 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-surface-hover) !important;
}

/* Mouse-down/click gets a slightly stronger dark-blue state before focus takes over. */
body.imperial-v3-theme .main input[type="text"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="password"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="email"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="number"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="search"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="url"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="tel"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="date"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="time"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="datetime-local"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main .form-control:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main .flame-modern-input:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main textarea:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .main select:active:not(:disabled),
body.imperial-v3-theme .main .flame-custom-select-trigger:active {
    border-color: var(--imp-field-border-active) !important;
    background: var(--imp-field-surface-active) !important;
    background-color: var(--imp-field-bg-active) !important;
    background-image: var(--imp-field-surface-active) !important;
    box-shadow: var(--imp-field-shadow-active) !important;
}

/* Focus / typing: white fill, dark Imperial-blue border and compact outer ring. */
body.imperial-v3-theme .main input[type="text"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="password"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="email"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="number"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="search"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="url"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="tel"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="date"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="time"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main input[type="datetime-local"]:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main textarea:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main select:focus:not(:disabled),
body.imperial-v3-theme .main .form-control:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main .flame-modern-input:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .main .flame-custom-select-trigger:focus,
body.imperial-v3-theme .main .flame-custom-select.is-open .flame-custom-select-trigger {
    border-color: var(--imp-field-border-focus) !important;
    background: var(--imp-field-surface-focus) !important;
    background-color: var(--imp-field-bg-focus) !important;
    background-image: var(--imp-field-surface-focus) !important;
    outline: 0 !important;
    box-shadow: var(--imp-field-shadow-focus) !important;
}
body.imperial-v3-theme .main select:focus:not(:disabled),
body.imperial-v3-theme .main select.form-control:focus:not(:disabled) {
    background:
        linear-gradient(45deg, transparent 50%, #244f7b 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, #244f7b 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-surface-focus) !important;
}

/* Chrome/WebKit autofill follows the same state system instead of injecting blue. */
body.imperial-v3-theme .main input:-webkit-autofill {
    border-color: var(--imp-field-border) !important;
    -webkit-text-fill-color: var(--imp-ui-ink) !important;
    caret-color: #244f7b !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg) inset !important;
}
body.imperial-v3-theme .main input:-webkit-autofill:hover:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-hover) !important;
    -webkit-text-fill-color: var(--imp-ui-ink) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg-hover) inset !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg-hover) inset !important;
}
body.imperial-v3-theme .main input:-webkit-autofill:focus:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-focus) !important;
    -webkit-text-fill-color: var(--imp-ui-ink) !important;
    caret-color: #244f7b !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg-focus) inset, 0 0 0 1px var(--imp-field-ring) !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg-focus) inset, 0 0 0 1px var(--imp-field-ring) !important;
}

/* Readonly / disabled controls stay deliberately neutral and never pick up hover gold. */
body.imperial-v3-theme .main input[readonly],
body.imperial-v3-theme .main input:disabled,
body.imperial-v3-theme .main textarea[readonly],
body.imperial-v3-theme .main textarea:disabled,
body.imperial-v3-theme .main select:disabled,
body.imperial-v3-theme .main .form-control[readonly],
body.imperial-v3-theme .main .form-control:disabled,
body.imperial-v3-theme .main .flame-modern-input[readonly],
body.imperial-v3-theme .main .flame-modern-input:disabled {
    border-color: var(--imp-field-readonly-border) !important;
    background: var(--imp-field-readonly-bg) !important;
    background-color: var(--imp-field-readonly-bg) !important;
    color: #6f7b88 !important;
    -webkit-text-fill-color: #6f7b88 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

body.imperial-v3-theme .main input::placeholder,
body.imperial-v3-theme .main textarea::placeholder {
    color: #929dab !important;
    -webkit-text-fill-color: #929dab !important;
    opacity: 1;
}

body.imperial-v3-theme .main label,
body.imperial-v3-theme .main .control-label,
body.imperial-v3-theme .main .imperial-filter-label,
body.imperial-v3-theme .main .formGroup > p {
    color: #46566b !important;
    font-weight: 650 !important;
    text-shadow: none !important;
}

body.imperial-v3-theme .main .flame-custom-select-options,
body.imperial-v3-theme .main .ref-reward-dropdown-content {
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 14px 30px rgba(24,43,67,.14) !important;
    clip-path: none !important;
}
body.imperial-v3-theme .main .flame-custom-select-option,
body.imperial-v3-theme .main .ref-reward-dropdown-content a {
    border-bottom: 1px solid #edf0f4 !important;
    background: #fff !important;
    color: var(--imp-ui-text) !important;
}
body.imperial-v3-theme .main .flame-custom-select-option:hover,
body.imperial-v3-theme .main .flame-custom-select-option.is-focused,
body.imperial-v3-theme .main .flame-custom-select-option.is-selected,
body.imperial-v3-theme .main .ref-reward-dropdown-content a:hover {
    background: var(--imp-field-bg-hover) !important;
    color: var(--imp-ui-ink) !important;
    box-shadow: inset 3px 0 0 #4f7398 !important;
}

/* --------------------------------------------------------------------------
   4. TABS / CHOICE CONTROLS — clean white default, obvious blue active state
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .nav-tabs,
body.imperial-v3-theme .main .nav-pills {
    border: 0 !important;
    gap: 6px;
}

body.imperial-v3-theme .main .nav-tabs .nav-link,
body.imperial-v3-theme .main .nav-pills .nav-link,
body.imperial-v3-theme .main .imperial-choice-button,
body.imperial-v3-theme .main .flame-about-server-button,
body.imperial-v3-theme .main .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn,
body.imperial-v3-theme .main .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn {
    border: 1px solid #c4d2df !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%) !important;
    color: #213c58 !important;
    -webkit-text-fill-color: #213c58 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 2px 6px rgba(38,74,109,.04) !important;
    clip-path: none !important;
    transform: none !important;
    transition: background .17s ease, border-color .17s ease, color .17s ease, box-shadow .17s ease !important;
}

body.imperial-v3-theme .main .nav-tabs .nav-link:hover,
body.imperial-v3-theme .main .nav-pills .nav-link:hover,
body.imperial-v3-theme .main .imperial-choice-button:hover,
body.imperial-v3-theme .main .flame-about-server-button:hover,
body.imperial-v3-theme .main .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn:hover,
body.imperial-v3-theme .main .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn:hover {
    border-color: #82add4 !important;
    background: linear-gradient(180deg, #f9fcff 0%, #e9f4fc 100%) !important;
    color: #163754 !important;
    -webkit-text-fill-color: #163754 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        inset 0 0 0 1px rgba(124,181,230,.10),
        0 0 0 1px rgba(91,154,207,.13) !important;
    outline: 0 !important;
}

body.imperial-v3-theme .main .nav-tabs .nav-link.active,
body.imperial-v3-theme .main .nav-pills .nav-link.active,
body.imperial-v3-theme .main .nav-pills .show > .nav-link,
body.imperial-v3-theme .main .imperial-choice-button.is-active,
body.imperial-v3-theme .main .imperial-choice-button.active,
body.imperial-v3-theme .main .flame-about-server-button.is-active,
body.imperial-v3-theme .main .flame-about-server-button.active,
body.imperial-v3-theme .main .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn.is-active,
body.imperial-v3-theme .main .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn.active,
body.imperial-v3-theme .main .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn.is-active,
body.imperial-v3-theme .main .flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn.active {
    border-color: var(--imp-btn-blue-border) !important;
    background: linear-gradient(180deg, var(--imp-btn-blue-top) 0%, var(--imp-btn-blue-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.50), inset 0 -1px 0 rgba(27,69,110,.09), 0 0 0 1px rgba(121,183,235,.10), 0 5px 13px rgba(42,86,130,.12) !important;
}

/* --------------------------------------------------------------------------
   5. TABLES — light rows, no zebra stripes, no hover repaint
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .table-responsive,
body.imperial-v3-theme .main .table-responsive-sm,
body.imperial-v3-theme .main .flame-rankings-table-wrap,
body.imperial-v3-theme .main .flame-rankings-table-area,
body.imperial-v3-theme .main .flame-referral-table-wrap {
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
}

body.imperial-v3-theme .main table,
body.imperial-v3-theme .main .table,
body.imperial-v3-theme .main .flame-data-table,
body.imperial-v3-theme .main .flame-legacy-rankings-table,
body.imperial-v3-theme .main .flame-profile-modern-table,
body.imperial-v3-theme .main .flame-rankings-table,
body.imperial-v3-theme .main .ranking-table,
body.imperial-v3-theme .main .add_to_card,
body.imperial-v3-theme .main .ticket {
    width: 100%;
    border: 1px solid var(--imp-ui-line) !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--imp-ui-text) !important;
    box-shadow: none !important;
    clip-path: none !important;
}

body.imperial-v3-theme .main table > thead > tr > th,
body.imperial-v3-theme .main .table > thead > tr > th,
body.imperial-v3-theme .main .flame-data-table > thead > tr > th,
body.imperial-v3-theme .main .flame-data-table > thead > th,
body.imperial-v3-theme .main .flame-data-table.flame-head-row-table > tbody > tr:first-child > th,
body.imperial-v3-theme .main .flame-data-table.flame-head-row-table > tr:first-child > th,
body.imperial-v3-theme .main .flame-legacy-rankings-table > thead > tr > th,
body.imperial-v3-theme .main .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th,
body.imperial-v3-theme .main .flame-rankings-table > thead > tr > th,
body.imperial-v3-theme .main .add_to_card > thead > tr > th,
body.imperial-v3-theme .main .ticket > thead > tr > th {
    border: 0 !important;
    border-right: 1px solid var(--imp-table-head-divider) !important;
    border-bottom: 2px solid var(--imp-table-head-keyline) !important;
    background: linear-gradient(180deg, var(--imp-table-head-top) 0%, var(--imp-table-head-mid) 48%, var(--imp-table-head-bottom) 100%) !important;
    color: #ffffff !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
    text-shadow: 0 1px 0 rgba(30,61,96,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(27,59,94,.14) !important;
}
body.imperial-v3-theme .main table > thead > tr > th:last-child,
body.imperial-v3-theme .main .flame-data-table > thead > tr > th:last-child,
body.imperial-v3-theme .main .flame-legacy-rankings-table > thead > tr > th:last-child,
body.imperial-v3-theme .main .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th:last-child,
body.imperial-v3-theme .main .flame-rankings-table > thead > tr > th:last-child,
body.imperial-v3-theme .main .add_to_card > thead > tr > th:last-child,
body.imperial-v3-theme .main .ticket > thead > tr > th:last-child {
    border-right-color: transparent !important;
}

body.imperial-v3-theme .main table tbody tr,
body.imperial-v3-theme .main table.table-striped tbody tr,
body.imperial-v3-theme .main .flame-data-table tbody tr,
body.imperial-v3-theme .main .flame-legacy-rankings-table tbody tr,
body.imperial-v3-theme .main .flame-profile-modern-table tbody tr,
body.imperial-v3-theme .main .flame-rankings-table tbody tr {
    background: #fff !important;
}

body.imperial-v3-theme .main table tbody td,
body.imperial-v3-theme .main table.table-striped tbody tr:nth-of-type(odd) td,
body.imperial-v3-theme .main table.table-striped tbody tr:nth-of-type(even) td,
body.imperial-v3-theme .main .flame-data-table td,
body.imperial-v3-theme .main .flame-legacy-rankings-table td,
body.imperial-v3-theme .main .flame-profile-modern-table td,
body.imperial-v3-theme .main .flame-rankings-table td {
    border: 0 !important;
    border-right: 1px solid #edf0f4 !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: #fff !important;
    color: #46566a !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main table tbody td:last-child {
    border-right-color: transparent !important;
}
body.imperial-v3-theme .main table tbody tr:last-child td {
    border-bottom-color: transparent !important;
}

body.imperial-v3-theme .main table tbody tr:hover > td,
body.imperial-v3-theme .main table tbody tr:focus-within > td,
body.imperial-v3-theme .main table.table-striped tbody tr:hover > td,
body.imperial-v3-theme .main .flame-data-table tbody tr:hover > td,
body.imperial-v3-theme .main .flame-legacy-rankings-table tbody tr:hover > td,
body.imperial-v3-theme .main .flame-profile-modern-table tbody tr:hover > td,
body.imperial-v3-theme .main .flame-rankings-table tbody tr:hover > td {
    background: #fff !important;
    color: #46566a !important;
}

body.imperial-v3-theme .main table td a:not(.btn),
body.imperial-v3-theme .main .flame-data-table a:not(.btn) {
    color: #2e6598 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main table td a:not(.btn):hover,
body.imperial-v3-theme .main .flame-data-table a:not(.btn):hover {
    color: #1f4e7c !important;
    text-decoration: underline !important;
}

/* --------------------------------------------------------------------------
   5B. CHARACTER / GUILD PROFILES — clean Imperial profile system
   Open sections, horizontal keylines and ranking-style member rows.
   Equipment / Muuns / Guardian Pets / Ability Cards / Spider Artifact keep
   their original layout and are intentionally not restyled here.
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .imperial-character-page,
body.imperial-v3-theme .main .imperial-guild-page {
    --imp-profile-line: #e7edf3;
    --imp-profile-line-soft: #f0f3f6;
    --imp-profile-ink: var(--imp-ui-ink);
    --imp-profile-text: var(--imp-ui-text);
    --imp-profile-muted: var(--imp-ui-muted);
    --imp-profile-blue: #2e6598;
    --imp-profile-blue-hover: var(--imp-link-blue-hover, #168ed6);
    --imp-profile-gold: var(--imp-gold-600);
    padding: 28px 32px !important;
    background: #fff !important;
    color: var(--imp-ui-text) !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14.5px !important;
}
body.imperial-v3-theme .main .imperial-character-page > .row,
body.imperial-v3-theme .main .imperial-guild-page > .row {
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-character-page > .row > .col-12,
body.imperial-v3-theme .main .imperial-guild-page > .row > .col-12 {
    padding: 0 !important;
}

/* Section shell: no card, no nested frame. */
body.imperial-v3-theme .main .imperial-profile-section {
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-profile-section:last-child {
    margin-bottom: 0 !important;
}
body.imperial-v3-theme .main .imperial-profile-section-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-profile-eyebrow,
body.imperial-v3-theme .main .imperial-profile-section-title {
    display: block !important;
    margin: 0 !important;
    color: var(--imp-profile-gold) !important;
    font: 800 13px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-profile-identity-head > div {
    display: block !important;
}
body.imperial-v3-theme .main .imperial-profile-identity-head .imperial-profile-eyebrow {
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-profile-section-body {
    padding: 10px 0 0 !important;
}
body.imperial-v3-theme .main .imperial-character-summary > .imperial-profile-section-head,
body.imperial-v3-theme .main .imperial-character-summary > .imperial-profile-overview,
body.imperial-v3-theme .main .imperial-character-account > .imperial-profile-section-head,
body.imperial-v3-theme .main .imperial-character-account > .imperial-profile-section-body,
body.imperial-v3-theme .main .imperial-character-guild > .imperial-profile-section-head,
body.imperial-v3-theme .main .imperial-character-guild > .imperial-profile-section-body {
    width: 100% !important;
    max-width: 1160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Character / guild identity area. */
body.imperial-v3-theme .main .imperial-profile-overview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 286px !important;
    align-items: stretch !important;
    gap: 34px !important;
    padding: 14px 0 0 !important;
}
body.imperial-v3-theme .main .imperial-character-summary .imperial-profile-details {
    grid-column: 1 !important;
    grid-row: 1 !important;
}
body.imperial-v3-theme .main .imperial-character-summary .imperial-profile-portrait {
    grid-column: 2 !important;
    grid-row: 1 !important;
}
body.imperial-v3-theme .main .imperial-profile-portrait {
    display: flex !important;
    align-items: center !important;
    align-self: stretch !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-profile-portrait > img {
    display: block !important;
    width: auto !important;
    max-width: min(270px, 100%) !important;
    max-height: 310px !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    object-fit: contain !important;
    image-rendering: auto !important;
}
body.imperial-v3-theme .main .imperial-profile-portrait > img.imperial-class-artwork {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    -webkit-touch-callout: none !important;
    pointer-events: none !important;
}
body.imperial-v3-theme .main .imperial-guild-overview {
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 32px !important;
    padding-top: 18px !important;
}
body.imperial-v3-theme .main .imperial-guild-mark {
    justify-content: flex-start !important;
    padding-top: 2px !important;
}
body.imperial-v3-theme .main .imperial-guild-mark > img {
    width: 118px !important;
    max-width: 118px !important;
    height: 118px !important;
    max-height: 118px !important;
    image-rendering: auto !important;
    box-shadow: 0 10px 22px rgba(21,46,73,.09) !important;
}
body.imperial-v3-theme .main .imperial-guild-stats-grid tr {
    min-height: 50px !important;
}
body.imperial-v3-theme .main .imperial-guild-stats-grid tr:first-child td:last-child {
    color: var(--imp-profile-text) !important;
    font-weight: 500 !important;
}
body.imperial-v3-theme .main .imperial-profile-details {
    min-width: 0 !important;
}

/* Data rows: no cell borders; a single subtle line under each row. */
body.imperial-v3-theme .main .imperial-profile-detail-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 42px !important;
    row-gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid > tbody {
    display: contents !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid tr {
    display: grid !important;
    grid-template-columns: minmax(108px, .72fr) minmax(0, 1.28fr) !important;
    align-items: center !important;
    min-height: 45px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--imp-profile-line-soft) !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid tr:hover,
body.imperial-v3-theme .main .imperial-profile-detail-grid tr:focus-within {
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-character-stats-grid .imperial-stat-currency {
    grid-column: auto !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid td,
body.imperial-v3-theme .main .imperial-profile-detail-grid td:first-child,
body.imperial-v3-theme .main .imperial-profile-detail-grid td:last-child {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
    vertical-align: middle !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid td:first-child {
    padding-right: 18px !important;
    color: var(--imp-ui-muted) !important;
    font: 430 14.5px/1.45 var(--imp-font-ui) !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid td:last-child {
    color: var(--imp-ui-text) !important;
    font: 520 14.5px/1.45 var(--imp-font-ui) !important;
}
body.imperial-v3-theme .main .imperial-character-stats-grid .imperial-profile-name-stat td:last-child {
    color: var(--imp-profile-ink) !important;
    font-weight: 620 !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid td a:not(.btn) {
    color: #2e6598 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid td a:not(.btn):hover,
body.imperial-v3-theme .main .imperial-profile-detail-grid td a:not(.btn):focus {
    color: var(--imp-link-blue-hover, #168ed6) !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main .imperial-profile-detail-grid td img[alt='Online'],
body.imperial-v3-theme .main .imperial-profile-detail-grid td img[alt='Offline'] {
    width: 9px !important;
    height: 9px !important;
    object-fit: contain !important;
    vertical-align: -1px !important;
}

/* Account rows use the same open list language. */
body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-characters-row {
    grid-column: 1 / -1 !important;
    /* Match the value start of a normal left-column profile row exactly.
       18% is the standard 0.72/2.00 label share; subtract half-column gap share. */
    grid-template-columns: calc(18% - 7.56px) minmax(0, 1fr) !important;
    column-gap: 0 !important;
    justify-content: stretch !important;
}
body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-characters-row td:nth-child(2) {
    display: block !important;
    width: auto !important;
    line-height: 1.55 !important;
}
body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-characters-row td:nth-child(2) a {
    display: inline !important;
    margin: 0 !important;
    white-space: normal !important;
}
body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-votes td:nth-child(2),
body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-quests td:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}
body.imperial-v3-theme .main .imperial-account-stats-grid td:nth-child(2) > span[style] {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--imp-ui-text) !important;
}
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 20px !important;
    border: 1px solid var(--imp-action-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-action-top) 0%, var(--imp-action-mid) 48%, var(--imp-action-bottom) 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font: 800 11.5px/1 var(--imp-font-ui) !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(235,248,255,.95), inset 0 0 0 1px rgba(255,255,255,.18), inset 0 -1px 0 rgba(34,82,119,.18), 0 1px 0 rgba(28,61,91,.08) !important;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button:hover,
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button:focus,
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button:focus-visible {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(241,251,255,.98), inset 0 0 0 1px rgba(255,255,255,.23), inset 0 -1px 0 rgba(31,81,119,.15), 0 0 0 1px rgba(49,119,174,.24) !important;
    outline: none !important;
}
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button:active {
    border-color: #3679ad !important;
    background: linear-gradient(180deg, var(--imp-action-active-top) 0%, var(--imp-action-active-bottom) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(222,241,252,.58), inset 0 2px 0 rgba(35,83,119,.12), inset 0 0 0 1px rgba(255,255,255,.12), 0 0 0 1px rgba(45,103,149,.16) !important;
}
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button-secondary {
    border-color: #c9d5df !important;
    background: #ffffff !important;
    color: #315c83 !important;
    -webkit-text-fill-color: #315c83 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
}
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button-secondary:hover,
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button-secondary:focus,
body.imperial-v3-theme .main .imperial-character-page .imperial-weekly-ranking-button-secondary:focus-visible {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, #fafdff 0%, #eef6fb 100%) !important;
    color: #244e75 !important;
    -webkit-text-fill-color: #244e75 !important;
    text-decoration: none !important;
    box-shadow: 0 0 0 1px rgba(49,119,174,.14), inset 0 1px 0 rgba(255,255,255,.98) !important;
    outline: none !important;
}
body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-weekly-ranking-button {
    min-width: 138px !important;
}


/* Guild members mirror the main Rankings list: one continuous blue header,
   open rows, no vertical grid and the same profile-link treatment. */
body.imperial-v3-theme .main .imperial-guild-members-section {
    overflow: visible !important;
}
body.imperial-v3-theme .main .imperial-guild-members-head {
    margin-bottom: 14px !important;
}
body.imperial-v3-theme .main .imperial-guild-members-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .flame-guild-members-table {
    width: 100% !important;
    min-width: 720px !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    table-layout: fixed !important;
}
body.imperial-v3-theme .main .flame-guild-members-table .imperial-guild-col-rank { width: 7% !important; }
body.imperial-v3-theme .main .flame-guild-members-table .imperial-guild-col-name { width: 20% !important; }
body.imperial-v3-theme .main .flame-guild-members-table .imperial-guild-col-class { width: 15% !important; }
body.imperial-v3-theme .main .flame-guild-members-table .imperial-guild-col-resets { width: 13% !important; }
body.imperial-v3-theme .main .flame-guild-members-table .imperial-guild-col-level { width: 10% !important; }
body.imperial-v3-theme .main .flame-guild-members-table .imperial-guild-col-position { width: 23% !important; }
body.imperial-v3-theme .main .flame-guild-members-table .imperial-guild-col-status { width: 12% !important; }
body.imperial-v3-theme .main .flame-guild-members-table > thead > tr {
    background: transparent !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > thead > tr > th {
    height: 44px !important;
    padding: 0 10px !important;
    vertical-align: middle !important;
    border: 0 !important;
    border-bottom: 2px solid var(--imp-table-head-keyline) !important;
    background: linear-gradient(180deg, var(--imp-table-head-top) 0%, var(--imp-table-head-mid) 48%, var(--imp-table-head-bottom) 100%) !important;
    color: #ffffff !important;
    font: 820 11.5px/1.1 var(--imp-font-ui) !important;
    letter-spacing: .045em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 rgba(30,61,96,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(27,59,94,.14) !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > thead > tr > th::before,
body.imperial-v3-theme .main .flame-guild-members-table > thead > tr > th::after {
    display: none !important;
    content: none !important;
}
body.imperial-v3-theme .main .flame-guild-members-table thead .flame-rankings-header-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr,
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:nth-child(odd),
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:nth-child(even) {
    background: #ffffff !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr > td {
    padding: 9px 10px !important;
    vertical-align: middle !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ebf2 !important;
    background: #ffffff !important;
    color: #40546a !important;
    font: 500 13.5px/1.35 var(--imp-font-ui) !important;
    text-align: center !important;
    box-shadow: none !important;
    transition: background-color .14s ease, color .14s ease, border-color .14s ease !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:last-child > td {
    border-bottom-color: transparent !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:nth-child(odd) > td,
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:nth-child(even) > td {
    background: #ffffff !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:hover > td,
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:focus-within > td {
    border-bottom-color: #cfdae5 !important;
    background: #f4f8fc !important;
    color: #2f475f !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:hover > td:first-child,
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr:focus-within > td:first-child {
    box-shadow: inset 3px 0 0 #88aecd !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > thead > tr > th.flame-cell-rank {
    color: #ffffff !important;
    font-weight: 820 !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr > td.flame-cell-rank {
    color: #253750 !important;
    font-weight: 800 !important;
}
body.imperial-v3-theme .main .flame-guild-members-table td a:not(.btn) {
    color: #2e6598 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .flame-guild-members-table td a:not(.btn):hover,
body.imperial-v3-theme .main .flame-guild-members-table td a:not(.btn):focus {
    color: var(--imp-link-blue-hover, #168ed6) !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main .imperial-guild-gr {
    color: #a8780d !important;
    font-size: .72em !important;
    font-weight: 800 !important;
}
body.imperial-v3-theme .main .flame-guild-members-table > thead .imperial-guild-gr {
    color: #f7e65d !important;
    text-shadow: 0 1px 0 rgba(52,65,86,.20) !important;
}
body.imperial-v3-theme .main .flame-guild-members-table td img[title='Online'],
body.imperial-v3-theme .main .flame-guild-members-table td img[title='Offline'] {
    width: 9px !important;
    height: 9px !important;
    object-fit: contain !important;
}
body.imperial-v3-theme .main .flame-guild-members-empty > td {
    padding: 12px 0 !important;
    background: transparent !important;
}

/* Character equipment/extras: keep original item geometry, remove only outer frames. */
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-table-wrap,
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-table,
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-table > tbody,
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-table > tbody > tr,
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-table > tbody > tr > td {
    margin-left: auto !important;
    margin-right: auto !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-table-wrap {
    padding: 0 !important;
    border: 0 !important;
    border-width: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-card {
    padding: 0 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-title {
    margin: 0 0 16px !important;
}
body.imperial-v3-theme .main .imperial-character-page .flame-equipment-card #inventoryc > img.flame-equipment-class-portrait {
    top: 109px !important;
    left: 148px !important;
    width: 102px !important;
    height: 102px !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 50% 34%, #ffffff 0%, #fbfbfb 58%, #f1f1f1 100%) !important;
    box-shadow: 0 10px 20px rgba(25,49,76,.11), inset 0 1px 3px rgba(255,255,255,.55) !important;
    filter: none !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
    -webkit-touch-callout: none !important;
}
body.imperial-v3-theme .main .imperial-character-page .flame-extra-equipment-info .flame-extra-card {
    padding: 0 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}
body.imperial-v3-theme .main .imperial-character-page .flame-extra-equipment-info .flame-extra-title,
body.imperial-v3-theme .main .imperial-character-page .flame-extra-equipment-info .flame-ability-title {
    margin: 0 0 16px !important;
}
body.imperial-v3-theme .main .imperial-character-page .flame-extra-equipment-info .flame-extra-row {
    align-items: flex-start !important;
}

@media (max-width: 900px) {
    body.imperial-v3-theme .main .imperial-profile-overview {
        grid-template-columns: 155px minmax(0, 1fr) !important;
        gap: 22px !important;
    }
    body.imperial-v3-theme .main .imperial-profile-detail-grid {
        grid-template-columns: 1fr !important;
    }
    body.imperial-v3-theme .main .imperial-character-stats-grid .imperial-stat-currency {
        grid-column: auto !important;
    }
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-characters-row {
        grid-column: 1 / -1 !important;
        grid-template-columns: minmax(108px, .72fr) minmax(0, 1.28fr) !important;
    }
}
@media (max-width: 650px) {
    body.imperial-v3-theme .main .imperial-character-page,
    body.imperial-v3-theme .main .imperial-guild-page {
        padding: 14px !important;
    }
    body.imperial-v3-theme .main .imperial-profile-section {
        margin-bottom: 24px !important;
    }
    body.imperial-v3-theme .main .imperial-profile-section-head {
        padding-bottom: 0 !important;
    }
    body.imperial-v3-theme .main .imperial-profile-identity-head > div {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 5px !important;
    }
    body.imperial-v3-theme .main .imperial-profile-name {
        font-size: 17.5px !important;
    }
    body.imperial-v3-theme .main .imperial-profile-section-title,
    body.imperial-v3-theme .main .imperial-profile-eyebrow {
        font-size: 11.5px !important;
    }
    body.imperial-v3-theme .main .imperial-profile-overview {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding-top: 16px !important;
    }
    body.imperial-v3-theme .main .imperial-character-summary .imperial-profile-details,
    body.imperial-v3-theme .main .imperial-character-summary .imperial-profile-portrait {
        grid-column: auto !important;
        grid-row: auto !important;
    }
    body.imperial-v3-theme .main .imperial-profile-portrait {
        align-items: flex-start !important;
        align-self: auto !important;
        justify-content: flex-start !important;
    }
    body.imperial-v3-theme .main .imperial-profile-portrait > img {
        max-width: 118px !important;
        max-height: 190px !important;
    }
    body.imperial-v3-theme .main .imperial-guild-overview {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding-top: 14px !important;
    }
    body.imperial-v3-theme .main .imperial-guild-mark {
        justify-content: flex-start !important;
    }
    body.imperial-v3-theme .main .imperial-guild-mark > img {
        width: 92px !important;
        max-width: 92px !important;
        height: 92px !important;
        max-height: 92px !important;
    }
    body.imperial-v3-theme .main .imperial-profile-detail-grid tr {
        grid-template-columns: minmax(96px, .82fr) minmax(0, 1.18fr) !important;
        min-height: 44px !important;
    }
    body.imperial-v3-theme .main .imperial-profile-detail-grid td,
    body.imperial-v3-theme .main .imperial-profile-detail-grid td:first-child,
    body.imperial-v3-theme .main .imperial-profile-detail-grid td:last-child {
        padding: 9px 0 !important;
        font-size: 13px !important;
    }
    /* Character Info / Account Info: keep mobile rows compact and readable.
       Ordinary values are normal text; only Votes/Quests use an action layout. */
    body.imperial-v3-theme .main .imperial-account-stats-grid td:nth-child(2) {
        display: block !important;
        min-width: 0 !important;
    }
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-characters-row {
        grid-template-columns: 1fr !important;
        align-items: start !important;
        min-height: 0 !important;
        padding: 7px 0 9px !important;
    }
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-characters-row td:first-child {
        padding: 2px 0 4px !important;
    }
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-characters-row td:nth-child(2) {
        padding: 2px 0 5px !important;
        line-height: 1.75 !important;
        overflow-wrap: anywhere !important;
    }
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-characters-row td:nth-child(2) a {
        display: inline !important;
        white-space: normal !important;
    }
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-votes td:nth-child(2),
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-quests td:nth-child(2) {
        display: grid !important;
        grid-template-columns: minmax(22px, auto) minmax(138px, 1fr) !important;
        align-items: center !important;
        column-gap: 10px !important;
        padding-left: 0 !important;
    }
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-votes td:nth-child(2) > span[style],
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-quests td:nth-child(2) > span[style] {
        min-width: 22px !important;
        text-align: left !important;
        line-height: 1 !important;
    }
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-votes .imperial-weekly-ranking-button,
    body.imperial-v3-theme .main .imperial-account-stats-grid .imperial-account-quests .imperial-weekly-ranking-button {
        width: 100% !important;
        min-width: 138px !important;
        min-height: 38px !important;
        padding: 7px 10px !important;
        white-space: nowrap !important;
    }
    body.imperial-v3-theme .main .imperial-guild-members-section {
        overflow: visible !important;
    }
    body.imperial-v3-theme .main .imperial-guild-members-table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    body.imperial-v3-theme .main .flame-guild-members-table {
        min-width: 680px !important;
    }
    body.imperial-v3-theme .main .flame-guild-members-table > thead > tr {
        background: linear-gradient(180deg, var(--imp-table-head-top) 0%, var(--imp-table-head-mid) 48%, var(--imp-table-head-bottom) 100%) !important;
        border: 0 !important;
        border-bottom: 2px solid var(--imp-table-head-keyline) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(27,59,94,.14) !important;
    }
    body.imperial-v3-theme .main .flame-guild-members-table > thead > tr > th {
        height: 40px !important;
        padding: 0 6px !important;
        border: 0 !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        font-size: 10.5px !important;
    }
    body.imperial-v3-theme .main .flame-guild-members-table thead .flame-rankings-header-wrap {
        min-height: 40px !important;
    }
    body.imperial-v3-theme .main .flame-guild-members-table > tbody > tr > td {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        font-size: 12.5px !important;
    }
}

/* --------------------------------------------------------------------------
   6. ALERTS / INFORMATION BOXES — crisp semantic states, restrained Imperial accent
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .alert,
body.imperial-v3-theme .main .alert-primary,
body.imperial-v3-theme .main .alert-info,
body.imperial-v3-theme .main .alert-success,
body.imperial-v3-theme .main .alert-warning,
body.imperial-v3-theme .main .alert-danger,
body.imperial-v3-theme .main .alert-error {
    position: relative;
    margin-bottom: 14px !important;
    padding: 13px 16px 13px 17px !important;
    border: 1px solid #d7e0e9 !important;
    border-left: 4px solid var(--imp-ui-info) !important;
    border-radius: 0 !important;
    background: #f5f9fd !important;
    background-image: none !important;
    color: #35536e !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 5px 14px rgba(25,48,76,.055) !important;
    clip-path: none !important;
    transform: none !important;
}
body.imperial-v3-theme .main .alert-primary,
body.imperial-v3-theme .main .alert-info {
    border-color: #cfdae6 !important;
    border-left-color: var(--imp-ui-info) !important;
    background: var(--imp-ui-info-soft) !important;
    color: #35536e !important;
}
body.imperial-v3-theme .main .alert-success {
    border-color: #d0e5d8 !important;
    border-left-color: var(--imp-ui-success) !important;
    background: var(--imp-ui-success-soft) !important;
    color: #315f4b !important;
}
body.imperial-v3-theme .main .alert-warning {
    border-color: #ebdfb3 !important;
    border-left-color: var(--imp-ui-warning) !important;
    background: var(--imp-ui-warning-soft) !important;
    color: #6c5124 !important;
}
body.imperial-v3-theme .main .alert-danger,
body.imperial-v3-theme .main .alert-error {
    border-color: #e8cfcc !important;
    border-left-color: var(--imp-ui-danger) !important;
    background: var(--imp-ui-danger-soft) !important;
    color: #7d4141 !important;
}
body.imperial-v3-theme .main .alert strong,
body.imperial-v3-theme .main .alert b {
    color: inherit !important;
}
body.imperial-v3-theme .main .alert a,
body.imperial-v3-theme .main .alert .alert-link {
    color: #295f91 !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(41,95,145,.30);
}
body.imperial-v3-theme .main .alert a:hover,
body.imperial-v3-theme .main .alert .alert-link:hover {
    color: #173f66 !important;
    border-bottom-color: rgba(23,63,102,.55);
    text-decoration: none !important;
}

body.imperial-v3-theme .main .important-notice,
body.imperial-v3-theme .main .discount_notice,
body.imperial-v3-theme .main .imperial-support-intro {
    border: 1px solid #d6dee7 !important;
    border-left: 4px solid var(--imp-ui-gold) !important;
    border-radius: 0 !important;
    background: #f9fbfd !important;
    background-image: none !important;
    color: var(--imp-ui-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 6px 16px rgba(30,50,75,.05) !important;
    clip-path: none !important;
    transform: none !important;
}
body.imperial-v3-theme .main .important-notice h3,
body.imperial-v3-theme .main .imperial-support-intro strong {
    color: var(--imp-ui-ink) !important;
}
body.imperial-v3-theme .main .discount_notice {
    position: relative !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 58px;
    margin: 0 0 20px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    z-index: auto !important;
}
body.imperial-v3-theme .main .discount_notice .content {
    min-height: 58px;
    padding: 17px 78px 17px 20px !important;
    color: #40536a !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

/* --------------------------------------------------------------------------
   7. PAGINATION — compact squared controls
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main #pagination,
body.imperial-v3-theme .main .pagination {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main #pagination ul,
body.imperial-v3-theme .main .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 0 !important;
    margin: 18px 0 0 !important;
}
body.imperial-v3-theme .main #pagination li,
body.imperial-v3-theme .main .pagination li {
    margin: 0 !important;
}
body.imperial-v3-theme .main #pagination a,
body.imperial-v3-theme .main .pagination .page-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px !important;
    border: 1px solid var(--imp-ui-line-strong) !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #3a526c !important;
    box-shadow: none !important;
    clip-path: none !important;
}
body.imperial-v3-theme .main #pagination a:hover,
body.imperial-v3-theme .main .pagination .page-link:hover {
    border-color: #9db4ca !important;
    background: var(--imp-ui-surface-blue) !important;
    color: var(--imp-ui-navy) !important;
}
body.imperial-v3-theme .main #pagination a.on,
body.imperial-v3-theme .main #pagination a.active,
body.imperial-v3-theme .main #pagination .active > a,
body.imperial-v3-theme .main .pagination .page-item.active .page-link {
    border-color: var(--imp-btn-blue-border) !important;
    background: linear-gradient(180deg, var(--imp-btn-blue-top) 0%, var(--imp-btn-blue-bottom) 100%) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 0 10px rgba(73,146,211,.13), 0 3px 8px rgba(42,86,130,.09) !important;
}

/* --------------------------------------------------------------------------
   8. HOME NEWS / CONTENT CARDS
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .newsBlock {
    position: relative !important;
    overflow: hidden;
    padding: 0 !important;
    border: 1px solid var(--imp-page-card-border) !important;
    border-top-color: var(--imp-page-card-border) !important;
    border-radius: 0 !important;
    background: var(--imp-page-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
}
body.imperial-v3-theme .main .newsBlock,
body.imperial-v3-theme .main .newsBlock-title,
body.imperial-v3-theme .main .newsBlock-text,
body.imperial-v3-theme .main .newsBlock-button {
    box-sizing: border-box !important;
    width: 100% !important;
}

/* News cards follow the same clean content shell as other Imperial pages.
   The hero owns its stronger gold rail; content cards do not repeat it. */
body.imperial-v3-theme .main .newsBlock::before {
    display: none !important;
    content: none !important;
}
body.imperial-v3-theme .main .newsBlock-title,
body.imperial-v3-theme .main .newsBlock-text,
body.imperial-v3-theme .main .newsBlock-button {
    position: relative !important;
    z-index: 1 !important;
}
body.imperial-v3-theme .main .newsBlock-title {
    margin: 0 !important;
    padding: 24px 32px 16px 34px !important;
    border: 0 !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: var(--imp-page-surface) !important;
}
body.imperial-v3-theme .main .newsBlock-title a {
    color: var(--imp-ui-ink) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .newsBlock-text {
    padding: 20px 32px 16px 34px !important;
    background: var(--imp-page-surface) !important;
}
body.imperial-v3-theme .main .newsBlock-button {
    padding: 6px 32px 30px 34px !important;
    background: var(--imp-page-surface) !important;
}
body.imperial-v3-theme .main .newsBlockFeatured {
    border-top-color: var(--imp-page-card-border) !important;
}

/* --------------------------------------------------------------------------
   9. DOWNLOADS — REGISTER-STYLE STEPPED LAYOUT
   One white surface, clean dividers and numbered section heads. No nested cards.
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .imperial-downloads-page {
    --imp-download-line: #d9e3ee;
    --imp-download-line-soft: #e8eef5;
    --imp-download-ink: #18324f;
    --imp-download-text: #50657a;
    --imp-download-muted: #8191a3;
    --imp-download-blue: #365b80;
    display: block !important;
    padding: 30px 28px 28px !important;
    background: #ffffff !important;
}

body.imperial-v3-theme .main .imperial-download-section {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-download-section + .imperial-download-section {
    margin-top: 28px !important;
    padding-top: 28px !important;
    border-top: 1px solid var(--imp-download-line) !important;
}

body.imperial-v3-theme .main .imperial-download-section-head {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 0;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--imp-download-line-soft) !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-download-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 38px;
    flex: 0 0 50px;
    border: 1px solid #93adc9 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #f7fbff 0%, #ecf4fb 100%) !important;
    color: #274d73 !important;
    font: 900 15px/1 var(--imp-font-ui) !important;
    letter-spacing: .07em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(54,91,128,.06) !important;
}
body.imperial-v3-theme .main .imperial-download-section-head h3 {
    margin: 0 !important;
    color: var(--imp-download-ink) !important;
    font: 800 16px/1.15 var(--imp-font-ui) !important;
    letter-spacing: .003em !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-download-section-head p {
    margin: 5px 0 0 !important;
    color: var(--imp-download-muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
body.imperial-v3-theme .main .imperial-download-section-body {
    padding: 22px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Client mirrors retain the approved Imperial gold action treatment. */
body.imperial-v3-theme .main .imperial-download-links {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 88px !important;
    padding: 13px 18px !important;
    gap: 14px !important;
    overflow: hidden !important;
    border: 1px solid #c5a436 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #f8e9ad 0%, #f1dc82 48%, #e7ce68 100%) !important;
    color: #203954 !important;
    -webkit-text-fill-color: #203954 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,253,242,.98),
        inset 0 0 0 1px rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(117,84,27,.13),
        0 1px 0 rgba(104,77,28,.08) !important;
    clip-path: none !important;
    transform: none !important;
    filter: none !important;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:hover,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:focus,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:focus-visible {
    border-color: #b89a2c !important;
    background: linear-gradient(180deg, #fff1b2 0%, #f4df8f 48%, #ead06c 100%) !important;
    color: #173653 !important;
    -webkit-text-fill-color: #173653 !important;
    text-decoration: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,250,1),
        inset 0 0 0 1px rgba(255,255,255,.26),
        inset 0 -1px 0 rgba(111,78,21,.12),
        0 0 0 2px rgba(181,141,57,.16) !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:active {
    border-color: #9d8442 !important;
    background: linear-gradient(180deg, #f1dc82 0%, #dfca8c 100%) !important;
    box-shadow:
        inset 0 2px 0 rgba(116,82,24,.10),
        inset 0 0 0 1px rgba(255,255,255,.16),
        0 0 0 1px rgba(159,119,40,.14) !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-icon-shell {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border: 1px solid rgba(120,86,28,.30) !important;
    background: rgba(255,255,255,.24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important;
    transition: border-color .15s ease, background .15s ease !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.75 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: .90 !important;
    transform: none !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
    gap: 2px !important;
    line-height: 1.12 !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-title {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 15.5px !important;
    font-weight: 750 !important;
    letter-spacing: .002em !important;
    white-space: nowrap !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-description {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #6f6042 !important;
    -webkit-text-fill-color: #6f6042 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    letter-spacing: .012em !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin-top: 2px !important;
    color: #796a4e !important;
    -webkit-text-fill-color: #796a4e !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-meta span + span::before {
    content: "•" !important;
    display: inline-block !important;
    margin: 0 7px !important;
    color: rgba(111,96,66,.62) !important;
    -webkit-text-fill-color: rgba(111,96,66,.62) !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:hover .imperial-download-icon-shell,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:focus .imperial-download-icon-shell,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:focus-visible .imperial-download-icon-shell {
    border-color: rgba(119,82,20,.43) !important;
    background: rgba(255,255,255,.34) !important;
}
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:hover .imperial-download-description,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:focus .imperial-download-description,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:focus-visible .imperial-download-description,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:hover .imperial-download-meta,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:focus .imperial-download-meta,
body.imperial-v3-theme .main .imperial-download-links .imperial-download-button:focus-visible .imperial-download-meta {
    color: #59471f !important;
    -webkit-text-fill-color: #59471f !important;
}

/* Important client information keeps the Imperial notice shell; the title is plain text inside it. */
body.imperial-v3-theme .main .imperial-download-notice {
    display: block;
    margin-top: 24px;
    padding: 16px 18px 17px !important;
    border: 1px solid #ead69a !important;
    border-left: 4px solid #dfbd52 !important;
    border-radius: 0 !important;
    background: #fff9e9 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 6px 16px rgba(30,50,75,.05) !important;
}
body.imperial-v3-theme .main .imperial-download-notice-label {
    display: block;
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: #71561d !important;
    font: 850 12px/1.25 var(--imp-font-ui) !important;
    letter-spacing: .085em !important;
    text-transform: uppercase;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-download-notice-copy {
    min-width: 0;
    max-width: 1120px;
}
body.imperial-v3-theme .main .imperial-download-notice-copy p {
    margin: 0 !important;
    color: #435268 !important;
    font-size: 13.5px !important;
    line-height: 1.62 !important;
}
body.imperial-v3-theme .main .imperial-download-notice-copy p + p {
    margin-top: 10px !important;
}

/* Installation steps are separated by keylines instead of cards. */
body.imperial-v3-theme .main .imperial-installation-guide {
    display: block !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-installation-guide .guide-step {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
}
body.imperial-v3-theme .main .imperial-installation-guide .guide-step + .guide-step {
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid var(--imp-download-line-soft) !important;
}
body.imperial-v3-theme .main .imperial-guide-step-head {
    display: flex;
    align-items: baseline;
    gap: 13px;
    margin: 0 0 12px;
}
body.imperial-v3-theme .main .imperial-guide-step-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 62px;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid rgba(223,189,82,.46) !important;
    background: #fff9ea !important;
    color: #8a6a21 !important;
    font: 800 10px/1 var(--imp-font-ui) !important;
    letter-spacing: .09em !important;
    text-transform: uppercase;
}
body.imperial-v3-theme .main .imperial-guide-step-head h4 {
    margin: 0 !important;
    color: var(--imp-download-ink) !important;
    font: 800 15px/1.3 var(--imp-font-ui) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-guide-step-copy {
    max-width: 760px;
}
body.imperial-v3-theme .main .imperial-guide-step-copy p {
    margin: 0 !important;
    color: var(--imp-download-text) !important;
    font-size: 13.5px !important;
    line-height: 1.58 !important;
}
body.imperial-v3-theme .main .imperial-guide-step-copy p + p {
    margin-top: 5px !important;
}
body.imperial-v3-theme .main .imperial-guide-images {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 14px !important;
    margin: 17px 0 0 !important;
}
body.imperial-v3-theme .main .imperial-image-zoom-trigger {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d5dce5 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 6px 16px rgba(24,43,67,.07) !important;
    text-align: left !important;
    cursor: zoom-in !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
body.imperial-v3-theme .main .imperial-image-zoom-trigger:hover,
body.imperial-v3-theme .main .imperial-image-zoom-trigger:focus,
body.imperial-v3-theme .main .imperial-image-zoom-trigger:focus-visible {
    border-color: #b9c9da !important;
    box-shadow: 0 10px 22px rgba(24,43,67,.10) !important;
    outline: none !important;
    transform: translateY(-1px) !important;
}
body.imperial-v3-theme .main .imperial-guide-images img,
body.imperial-v3-theme .main .imperial-font-preview img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-guide-image-meta {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    padding: 10px 12px !important;
    border-top: 1px solid #edf2f7 !important;
    background: #fbfdff !important;
}
body.imperial-v3-theme .main .imperial-guide-image-meta strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 24px !important;
    border: 1px solid #ced9e5 !important;
    background: linear-gradient(180deg, #f7fafc 0%, #eff4f8 100%) !important;
    color: var(--imp-download-blue) !important;
    font: 800 10px/1 var(--imp-font-ui) !important;
    letter-spacing: .06em !important;
}
body.imperial-v3-theme .main .imperial-guide-image-meta span {
    min-width: 0 !important;
    color: var(--imp-download-ink) !important;
    font: 700 12px/1.35 var(--imp-font-ui) !important;
}
body.imperial-v3-theme .main .imperial-guide-image-zoom-hint {
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
    padding: 5px 8px !important;
    background: rgba(18,37,58,.76) !important;
    color: #fff !important;
    font: 700 10px/1 var(--imp-font-ui) !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .15s ease !important;
}
body.imperial-v3-theme .main .imperial-image-zoom-trigger:hover .imperial-guide-image-zoom-hint,
body.imperial-v3-theme .main .imperial-image-zoom-trigger:focus .imperial-guide-image-zoom-hint,
body.imperial-v3-theme .main .imperial-image-zoom-trigger:focus-visible .imperial-guide-image-zoom-hint {
    opacity: 1 !important;
}

/* Font troubleshooting stays inside the section body with no secondary container frame. */
body.imperial-v3-theme .main .imperial-font-fix {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 42%) !important;
    align-items: center !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-font-fix h4 {
    margin: 0 !important;
    color: var(--imp-download-ink) !important;
    font: 800 15px/1.3 var(--imp-font-ui) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-font-fix p {
    margin: 10px 0 0 !important;
    color: var(--imp-download-text) !important;
    font-size: 13.5px !important;
    line-height: 1.58 !important;
}
body.imperial-v3-theme .main .imperial-font-preview {
    max-width: 100% !important;
}
body.imperial-v3-theme .main .imperial-font-preview .imperial-guide-image-zoom-hint {
    opacity: 1 !important;
}

/* Requirements use two clean spec columns with softer row surfaces, not heavy lines. */
body.imperial-v3-theme .main .imperial-requirements {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid > article {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid > article + article {
    padding: 0 !important;
    border-left: 0 !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid > article.is-recommended {
    border-top: 0 !important;
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid h4 {
    display: inline-block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #274d73 !important;
    font: 900 13px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .075em !important;
    text-transform: uppercase;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid dl {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid dl > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px 16px !important;
    border: 1px solid #e2e9f0 !important;
    background: #f8fbfd !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid dl > div:last-child {
    border-bottom: 1px solid #e2e9f0 !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid dt {
    color: #6f8091 !important;
    font: 700 13px/1.45 var(--imp-font-ui) !important;
}
body.imperial-v3-theme .main .imperial-requirements-grid dd {
    margin: 0 !important;
    color: var(--imp-download-ink) !important;
    font: 850 13px/1.45 var(--imp-font-ui) !important;
    text-align: right !important;
}

body.imperial-v3-theme.imperial-lightbox-open {
    overflow: hidden !important;
}
body.imperial-v3-theme .imperial-image-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .18s ease, visibility .18s ease !important;
}
body.imperial-v3-theme .imperial-image-lightbox.is-open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
body.imperial-v3-theme .imperial-image-lightbox-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(11,20,32,.72) !important;
}
body.imperial-v3-theme .imperial-image-lightbox-dialog {
    position: relative !important;
    z-index: 1 !important;
    width: min(1080px, 100%) !important;
    max-height: calc(100vh - 44px) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 18px !important;
    border: 1px solid rgba(230,237,244,.88) !important;
    background: #ffffff !important;
    box-shadow: 0 18px 48px rgba(9,18,29,.28) !important;
}
body.imperial-v3-theme .imperial-image-lightbox-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 1px solid #c7d5e3 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #fcfeff 0%, #eef4f9 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 6px 14px rgba(24,43,67,.08) !important;
    cursor: pointer !important;
}
body.imperial-v3-theme .imperial-image-lightbox-close span,
body.imperial-v3-theme .imperial-image-lightbox-close::before,
body.imperial-v3-theme .imperial-image-lightbox-close::after {
    position: absolute !important;
}
body.imperial-v3-theme .imperial-image-lightbox-close span {
    inset: 0 !important;
}
body.imperial-v3-theme .imperial-image-lightbox-close::before,
body.imperial-v3-theme .imperial-image-lightbox-close::after {
    content: "" !important;
    left: 50% !important;
    top: 50% !important;
    width: 14px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #344a67 !important;
    transform-origin: center !important;
    pointer-events: none !important;
}
body.imperial-v3-theme .imperial-image-lightbox-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}
body.imperial-v3-theme .imperial-image-lightbox-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}
body.imperial-v3-theme .imperial-image-lightbox-close:hover,
body.imperial-v3-theme .imperial-image-lightbox-close:focus,
body.imperial-v3-theme .imperial-image-lightbox-close:focus-visible {
    border-color: #b8c8d8 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
    outline: none !important;
}
body.imperial-v3-theme .imperial-image-lightbox-close:hover::before,
body.imperial-v3-theme .imperial-image-lightbox-close:hover::after,
body.imperial-v3-theme .imperial-image-lightbox-close:focus::before,
body.imperial-v3-theme .imperial-image-lightbox-close:focus::after,
body.imperial-v3-theme .imperial-image-lightbox-close:focus-visible::before,
body.imperial-v3-theme .imperial-image-lightbox-close:focus-visible::after {
    background: #1f4061 !important;
}
body.imperial-v3-theme .imperial-image-lightbox-stage {
    min-height: 0 !important;
    overflow: auto !important;
    padding-top: 18px !important;
}
body.imperial-v3-theme .imperial-image-lightbox-stage img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: calc(100vh - 170px) !important;
    height: auto !important;
    margin: 0 auto !important;
    border: 1px solid #d7dee8 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(24,43,67,.10) !important;
}
body.imperial-v3-theme .imperial-image-lightbox-caption {
    color: var(--imp-download-ink) !important;
    font: 700 13px/1.45 var(--imp-font-ui) !important;
    text-align: center !important;
}
@media (max-width: 820px) {
    body.imperial-v3-theme .main .imperial-downloads-page {
        padding: 18px !important;
    }
    body.imperial-v3-theme .main .imperial-download-notice {
        padding: 14px 15px 15px !important;
    }
    body.imperial-v3-theme .main .imperial-font-fix {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 620px) {
    body.imperial-v3-theme .main .imperial-downloads-page {
        padding: 12px !important;
    }
    body.imperial-v3-theme .main .imperial-download-section + .imperial-download-section {
        margin-top: 24px !important;
        padding-top: 24px !important;
    }
    body.imperial-v3-theme .main .imperial-download-section-head {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 11px;
        padding: 0 0 14px !important;
    }
    body.imperial-v3-theme .main .imperial-download-step {
        width: 36px;
        height: 32px;
        flex-basis: 36px;
        font-size: 12px !important;
    }
    body.imperial-v3-theme .main .imperial-download-section-body {
        padding-top: 17px !important;
    }
    body.imperial-v3-theme .main .imperial-download-links {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    body.imperial-v3-theme .main .imperial-download-links .imperial-download-button {
        min-height: 82px !important;
        padding: 12px 14px !important;
    }
    body.imperial-v3-theme .main .imperial-download-notice {
        margin-top: 20px;
        padding-top: 18px;
    }
    body.imperial-v3-theme .main .imperial-guide-step-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
    body.imperial-v3-theme .main .imperial-guide-images {
        grid-template-columns: 1fr !important;
    }
    body.imperial-v3-theme .main .imperial-guide-image-meta {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 8px !important;
        min-height: 48px !important;
        padding: 9px 10px !important;
    }
    body.imperial-v3-theme .main .imperial-guide-image-meta strong {
        width: 28px !important;
        height: 22px !important;
        font-size: 9px !important;
    }
    body.imperial-v3-theme .imperial-image-lightbox {
        padding: 12px !important;
    }
    body.imperial-v3-theme .imperial-image-lightbox-dialog {
        padding: 14px !important;
        gap: 10px !important;
        max-height: calc(100vh - 24px) !important;
    }
    body.imperial-v3-theme .imperial-image-lightbox-close {
        top: 8px !important;
        right: 8px !important;
        width: 30px !important;
        height: 30px !important;
    }
    body.imperial-v3-theme .imperial-image-lightbox-stage img {
        max-height: calc(100vh - 138px) !important;
    }
    body.imperial-v3-theme .main .imperial-requirements-grid {
        grid-template-columns: 1fr !important;
    }
    body.imperial-v3-theme .main .imperial-requirements-grid > article {
        padding: 0 !important;
    }
    body.imperial-v3-theme .main .imperial-requirements-grid {
        gap: 18px !important;
    }
    body.imperial-v3-theme .main .imperial-requirements-grid > article + article {
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-left: 0 !important;
        border-top: 0 !important;
    }
    body.imperial-v3-theme .main .imperial-requirements-grid dl > div {
        grid-template-columns: 1fr !important;
        gap: 3px !important;
    }
    body.imperial-v3-theme .main .imperial-requirements-grid dd {
        text-align: left !important;
    }
}

/* --------------------------------------------------------------------------
   10. SHOP / SIDEBARS / LIST ITEMS
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .flame-sidebar-box {
    overflow: hidden;
}
body.imperial-v3-theme .main .flame-sidebar-box-title {
    margin: 0 !important;
    padding: 14px 16px !important;
    border-bottom: 2px solid var(--imp-ui-gold) !important;
    background: #f2f5f8 !important;
    color: #263e59 !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .flame-sidebar-box-items a,
body.imperial-v3-theme .main .list-group-item {
    border: 0 !important;
    border-bottom: 1px solid #e7ebf0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #465a70 !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .flame-sidebar-box-items a:hover,
body.imperial-v3-theme .main .list-group-item:hover,
body.imperial-v3-theme .main .list-group-item.active {
    background: var(--imp-ui-surface-blue) !important;
    color: var(--imp-ui-navy) !important;
    box-shadow: inset 3px 0 0 var(--imp-ui-gold) !important;
}

body.imperial-v3-theme .main .shop-product-list-item {
    border: 1px solid var(--imp-ui-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(24,43,67,.065) !important;
    clip-path: none !important;
}
body.imperial-v3-theme .main .shop-product-list-item:hover {
    border-color: #c7d1dd !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(24,43,67,.09) !important;
    transform: none !important;
}
body.imperial-v3-theme .main .shop-product-list-item .item-name {
    color: var(--imp-ui-ink) !important;
}
body.imperial-v3-theme .main .shop-product-list-item .price {
    color: #657488 !important;
}

/* --------------------------------------------------------------------------
   11. MY ACCOUNT PANEL — one-page account overview and service directory
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .imperial-header-account-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    min-width: 0 !important;
}
body.imperial-v3-theme .imperial-my-account-link,
body.imperial-v3-theme .imperial-header-logout {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    font-family: var(--imp-font-ui) !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    outline: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    clip-path: none !important;
}
body.imperial-v3-theme .imperial-my-account-link {
    min-width: 218px !important;
    padding: 0 19px 0 14px !important;
    gap: 12px !important;
    border: 1px solid rgba(245, 224, 170, .58) !important;
    border-left-color: rgba(255, 237, 188, .96) !important;
    background: rgba(10, 22, 39, .68) !important;
    color: rgba(255,255,255,.97) !important;
    font-size: 12.5px !important;
    font-weight: 820 !important;
    letter-spacing: .075em !important;
    text-align: center !important;
    box-shadow: inset 4px 0 0 rgba(247, 219, 145, .98), inset 0 1px 0 rgba(255,255,255,.065) !important;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}
body.imperial-v3-theme .imperial-my-account-icon,
body.imperial-v3-theme .imperial-my-account-icon svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
}
body.imperial-v3-theme .imperial-my-account-icon {
    color: #f7dfa0 !important;
}
body.imperial-v3-theme .imperial-my-account-icon svg,
body.imperial-v3-theme .imperial-header-logout-icon svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
body.imperial-v3-theme .imperial-my-account-label,
body.imperial-v3-theme .imperial-header-logout-label {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}
body.imperial-v3-theme .imperial-my-account-link:hover,
body.imperial-v3-theme .imperial-my-account-link:focus,
body.imperial-v3-theme .imperial-my-account-link:focus-visible,
body.imperial-v3-theme .imperial-my-account-link:active {
    border-color: rgba(255, 236, 186, .86) !important;
    border-left-color: #ffe9ad !important;
    background: rgba(255,255,255,.115) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: inset 4px 0 0 #f8dc93, inset 0 1px 0 rgba(255,255,255,.18), 0 0 18px rgba(255,255,255,.055) !important;
    outline: 0 !important;
    transform: none !important;
}
body.imperial-v3-theme .imperial-my-account-link:hover .imperial-my-account-icon,
body.imperial-v3-theme .imperial-my-account-link:focus .imperial-my-account-icon {
    color: #ffe7aa !important;
}
body.imperial-v3-theme .imperial-header-logout {
    min-width: 46px !important;
    width: 46px !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid rgba(125, 62, 68, .62) !important;
    background: rgba(6, 15, 28, .48) !important;
    color: rgba(225, 232, 240, .82) !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}
body.imperial-v3-theme .imperial-header-logout-icon,
body.imperial-v3-theme .imperial-header-logout-icon svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
}
body.imperial-v3-theme .imperial-header-logout:hover,
body.imperial-v3-theme .imperial-header-logout:focus,
body.imperial-v3-theme .imperial-header-logout:focus-visible {
    border-color: rgba(151, 71, 77, .82) !important;
    background: rgba(0, 0, 0, .34) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 0 0 1px rgba(0,0,0,.12) !important;
    outline: 0 !important;
    transform: none !important;
}
@media (max-width: 1320px) and (min-width: 1081px) {
    body.imperial-v3-theme .imperial-header-account-actions { gap: 5px !important; }
    body.imperial-v3-theme .imperial-my-account-link {
        min-width: 176px !important;
        padding: 0 13px !important;
        gap: 9px !important;
        font-size: 11.2px !important;
    }
    body.imperial-v3-theme .imperial-header-logout {
        min-width: 46px !important;
        width: 46px !important;
        padding: 0 !important;
    }
}
body.imperial-v3-theme .main .imperial-account-dashboard .flame-account-page-content {
    padding: 38px 42px 46px !important;
}
body.imperial-v3-theme .main .imperial-account-dashboard .imperial-account-eyebrow {
    display: block !important;
    margin: 0 0 6px !important;
    color: var(--imp-gold-600) !important;
    font: 800 10.5px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-account-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    padding: 18px 22px !important;
    border: 1px solid #dce4eb !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(29,53,78,.055) !important;
}
body.imperial-v3-theme .main .imperial-account-summary h2 {
    margin: 0 !important;
    color: #173452 !important;
    font: 800 22px/1.15 var(--imp-font-ui) !important;
}
body.imperial-v3-theme .main .imperial-account-summary-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px 20px !important;
    margin-top: 7px !important;
    color: #65798d !important;
    font-size: 13px !important;
}
body.imperial-v3-theme .main .imperial-account-summary-meta .imperial-account-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 3px 8px !important;
    border: 1px solid #d8c47b !important;
    background: #fffaf0 !important;
    color: #8a7022 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-account-summary-meta .imperial-account-status-badge::before { display: none !important; content: none !important; }
body.imperial-v3-theme .main .imperial-account-vip-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
body.imperial-v3-theme .main .imperial-account-vip-status small {
    color: #718295 !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
}
body.imperial-v3-theme .main .imperial-account-vip-status a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 3px 8px !important;
    border: 1px solid #b8cce0 !important;
    background: #f4f8fb !important;
    color: #2e6598 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-account-vip-status a:hover {
    border-color: #8eb0cf !important;
    background: #eaf3fa !important;
    color: #174f80 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main .imperial-account-summary-actions {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    flex: 0 0 auto !important;
}
body.imperial-v3-theme .main .imperial-account-settings-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    border: 1px solid var(--imp-action-border) !important;
    background: linear-gradient(180deg, var(--imp-action-top), var(--imp-action-bottom)) !important;
    color: #fff !important;
    font: 800 11.5px/1 var(--imp-font-ui) !important;
    letter-spacing: .035em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(240,250,255,.85), inset 0 -1px 0 rgba(31,75,111,.15) !important;
    cursor: pointer !important;
}
body.imperial-v3-theme .main .imperial-account-settings-button:hover {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top), var(--imp-action-hover-bottom)) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(245,252,255,.92), 0 0 0 1px rgba(49,119,174,.18) !important;
}
body.imperial-v3-theme .main .imperial-account-button-icon,
body.imperial-v3-theme .main .imperial-account-button-icon svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
}
body.imperial-v3-theme .main .imperial-account-button-icon svg,
body.imperial-v3-theme .main .imperial-account-action-arrow svg {
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
body.imperial-v3-theme .main .imperial-account-logout-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    border: 1px solid #cbd6df !important;
    background: #fff !important;
    color: #526b82 !important;
    font: 750 11.5px/1 var(--imp-font-ui) !important;
    letter-spacing: .025em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-account-logout-button:hover {
    border-color: #b5c4d1 !important;
    background: #f3f7fa !important;
    color: #253f58 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main .imperial-account-balance-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px,1fr)) !important;
    gap: 0 !important;
    margin-top: 14px !important;
    overflow: hidden !important;
    border: 1px solid #dce4eb !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(29,53,78,.035) !important;
}
body.imperial-v3-theme .main .imperial-account-balance {
    position: relative !important;
    min-width: 0 !important;
    padding: 18px 20px !important;
    border: 0 !important;
    border-right: 1px solid #e2e8ee !important;
    background: #ffffff !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-account-balance:last-child { border-right: 0 !important; }
body.imperial-v3-theme .main .imperial-account-balance::before {
    display: none !important;
    content: none !important;
}
body.imperial-v3-theme .main .imperial-account-balance > span,
body.imperial-v3-theme .main .imperial-account-details-strip span {
    display: block !important;
    color: #718295 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-account-balance strong {
    display: block !important;
    margin-top: 5px !important;
    overflow: hidden !important;
    color: #183550 !important;
    font: 800 20px/1.2 var(--imp-font-ui) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
body.imperial-v3-theme .main .imperial-account-server-balance {
    padding-right: 76px !important;
}
body.imperial-v3-theme .main .imperial-account-server-balance a {
    position: absolute !important;
    right: 15px !important;
    bottom: 17px !important;
    color: #2e6598 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main .imperial-account-wcoins-balance { padding-right: 82px !important; }
body.imperial-v3-theme .main .imperial-account-wcoins-balance a {
    position: absolute !important;
    right: 15px !important;
    bottom: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 25px !important;
    padding: 4px 9px !important;
    border: 1px solid #b8cce0 !important;
    background: #f4f8fb !important;
    color: #2e6598 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-account-wcoins-balance a:hover {
    border-color: #8eb0cf !important;
    background: #eaf3fa !important;
    color: #174f80 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main .imperial-account-details-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    margin: 8px 0 0 !important;
    border: 1px solid #e0e7ed !important;
    background: #f7f9fb !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-account-details-strip > div {
    min-width: 0 !important;
    padding: 12px 16px !important;
    border-right: 1px solid #e0e7ed !important;
}
body.imperial-v3-theme .main .imperial-account-details-strip > div:last-child { border-right: 0 !important; }
body.imperial-v3-theme .main .imperial-account-details-strip strong {
    display: block !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    color: #40566c !important;
    font-size: 12.5px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
body.imperial-v3-theme .main .imperial-account-tools { margin-top: 34px !important; }
body.imperial-v3-theme .main .imperial-account-tools-header {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #dfe6ed !important;
}
body.imperial-v3-theme .main .imperial-account-tools-header h2 { margin: 0 !important; color: #183550 !important; font: 800 21px/1.2 var(--imp-font-ui) !important; }
body.imperial-v3-theme .main .imperial-account-tools-header p { margin: 5px 0 0 !important; color: #6d8092 !important; font-size: 13px !important; }
body.imperial-v3-theme .main .imperial-account-search { position: relative !important; display: block !important; width: min(100%,300px) !important; margin: 0 !important; }
body.imperial-v3-theme .main .imperial-account-search input {
    width: 100% !important;
    height: 42px !important;
    padding: 9px 44px 9px 13px !important;
    border: 1px solid #c5d3df !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #253f58 !important;
    font-size: 13px !important;
    box-shadow: inset 0 1px 1px rgba(28,53,78,.035) !important;
}
body.imperial-v3-theme .main .imperial-account-search input:focus { border-color: #6e9dc6 !important; outline: 0 !important; box-shadow: 0 0 0 2px rgba(85,145,198,.12) !important; }
body.imperial-v3-theme .main .imperial-account-search-icon {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    color: #66809a !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
}
body.imperial-v3-theme .main .imperial-account-search-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
}
body.imperial-v3-theme .main .imperial-account-action-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
body.imperial-v3-theme .main .imperial-account-action {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 28px !important;
    align-items: center !important;
    gap: 15px !important;
    min-width: 0 !important;
    min-height: 88px !important;
    padding: 14px 16px !important;
    border: 1px solid #dbe3ea !important;
    background: #fff !important;
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}
body.imperial-v3-theme .main .imperial-account-action[hidden] { display: none !important; }
body.imperial-v3-theme .main .imperial-account-action:hover,
body.imperial-v3-theme .main .imperial-account-action:focus,
body.imperial-v3-theme .main .imperial-account-action:focus-visible {
    border-color: #6f94b5 !important;
    background: linear-gradient(180deg, #fbfdff 0%, #f2f7fb 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(91,143,187,.16), 0 7px 18px rgba(37,72,105,.055) !important;
    text-decoration: none !important;
    outline: 0 !important;
}
body.imperial-v3-theme .main .imperial-account-action h3 { margin: 0 !important; color: #1d3a56 !important; font: 800 14px/1.25 var(--imp-font-ui) !important; }
body.imperial-v3-theme .main .imperial-account-action p { margin: 4px 0 0 !important; color: #708295 !important; font-size: 12px !important; line-height: 1.4 !important; }
body.imperial-v3-theme .main .imperial-account-action-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #f1f5f8 !important;
    color: #557b9d !important;
    line-height: 0 !important;
    transition: background-color .16s ease, color .16s ease !important;
}
body.imperial-v3-theme .main .imperial-account-action-arrow svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-account-action:hover .imperial-account-action-arrow,
body.imperial-v3-theme .main .imperial-account-action:focus .imperial-account-action-arrow {
    background: #dfeaf3 !important;
    color: #315f87 !important;
}
body.imperial-v3-theme .main .imperial-account-no-results { padding: 24px !important; border: 1px solid #dbe3ea !important; background: #f8fafc !important; color: #61768a !important; text-align: center !important; }
body.imperial-account-switch-open { overflow: hidden !important; }
body.imperial-v3-theme .imperial-account-switch-overlay {
    position: fixed !important;
    z-index: 12000 !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    overflow: auto !important;
    background: rgba(7,16,29,.64) !important;
}
body.imperial-v3-theme .imperial-account-switch-overlay[hidden] { display: none !important; }
body.imperial-v3-theme .imperial-account-switch-modal {
    position: relative !important;
    width: min(100%, 510px) !important;
    max-height: calc(100vh - 40px) !important;
    overflow: auto !important;
    border: 2px solid #5e7898 !important;
    border-top-color: #879fba !important;
    border-right-color: #506b8c !important;
    border-bottom-color: #3f5878 !important;
    border-left-color: #6f89a8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px rgba(6,15,30,.88), 0 0 0 2px rgba(151,181,211,.12), 0 26px 62px rgba(5,14,31,.36), inset 0 0 0 1px rgba(225,239,252,.24) !important;
}
body.imperial-v3-theme .imperial-account-switch-close {
    position: absolute !important;
    z-index: 2 !important;
    top: 27px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.035) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
}
body.imperial-v3-theme .imperial-account-switch-close:hover,
body.imperial-v3-theme .imperial-account-switch-close:focus { border-color: rgba(255,255,255,.54) !important; background: rgba(255,255,255,.12) !important; outline: 0 !important; }
body.imperial-v3-theme .imperial-account-switch-close::before,
body.imperial-v3-theme .imperial-account-switch-close::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 14px !important;
    height: 2px !important;
    border: 0 !important;
    background: #fff !important;
    transform-origin: center !important;
    pointer-events: none !important;
}
body.imperial-v3-theme .imperial-account-switch-close::before { transform: translate(-50%,-50%) rotate(45deg) !important; }
body.imperial-v3-theme .imperial-account-switch-close::after { transform: translate(-50%,-50%) rotate(-45deg) !important; }
body.imperial-v3-theme .imperial-account-switch-head {
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 11px 52px 11px 18px !important;
    border-bottom: 1px solid rgba(116,150,190,.42) !important;
    background: linear-gradient(180deg,rgba(232,210,147,.24) 0,rgba(232,210,147,.24) 1px,transparent 1px), linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.035) 20%,transparent 44%), linear-gradient(90deg,transparent 0%,rgba(100,148,221,.055) 18%,rgba(105,156,231,.14) 47%,rgba(88,132,205,.07) 72%,transparent 100%), linear-gradient(102deg,#091329 0%,#102245 40%,#142d58 66%,#0c1833 100%) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(4,10,22,.72), inset 0 0 0 1px rgba(132,168,220,.085) !important;
}
body.imperial-v3-theme .imperial-account-switch-head h2 { margin: 0 !important; color: #fff !important; font: 800 16.5px/1.2 var(--imp-font-ui) !important; letter-spacing: .055em !important; text-transform: uppercase !important; }
body.imperial-v3-theme .imperial-account-switch-form { display: grid !important; gap: 14px !important; padding: 24px 26px 27px !important; }
body.imperial-v3-theme .imperial-account-switch-intro { margin: 0 0 3px !important; color: #63778b !important; font-size: 12.5px !important; line-height: 1.5 !important; }
body.imperial-v3-theme .imperial-account-switch-form > label { display: block !important; margin: 0 !important; }
body.imperial-v3-theme .imperial-account-switch-form > label[hidden] { display: none !important; }
body.imperial-v3-theme .imperial-account-switch-form > label > span {
    display: block !important;
    margin-bottom: 6px !important;
    color: #435b72 !important;
    font: 750 11px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .imperial-account-switch-form input,
body.imperial-v3-theme .imperial-account-switch-form select {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 43px !important;
    padding: 9px 12px !important;
    border: 1px solid #c5d3df !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #253f58 !important;
    font: 500 13px/1.2 var(--imp-font-ui) !important;
    box-shadow: inset 0 1px 1px rgba(28,53,78,.035) !important;
}
body.imperial-v3-theme .imperial-account-switch-form input:focus,
body.imperial-v3-theme .imperial-account-switch-form select:focus { border-color: #6e9dc6 !important; outline: 0 !important; box-shadow: 0 0 0 2px rgba(85,145,198,.12) !important; }
body.imperial-v3-theme .imperial-account-switch-select { position: relative !important; display: block !important; }
body.imperial-v3-theme .imperial-account-switch-select select {
    padding-right: 44px !important;
    border-color: #7891ae !important;
    background: #fff !important;
    color: #243956 !important;
    font-weight: 600 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
body.imperial-v3-theme .imperial-account-switch-select select:hover { border-color: #526f91 !important; }
body.imperial-v3-theme .imperial-account-switch-select option { background: #fff !important; color: #243956 !important; font-family: var(--imp-font-ui) !important; }
body.imperial-v3-theme .imperial-account-switch-select select[hidden] { display: none !important; }
body.imperial-v3-theme .imperial-account-switch-select-toggle {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 43px !important;
    padding: 9px 44px 9px 12px !important;
    border: 1px solid #7891ae !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #243956 !important;
    font: 600 13px/1.2 var(--imp-font-ui) !important;
    text-align: left !important;
    cursor: pointer !important;
}
body.imperial-v3-theme .imperial-account-switch-select-toggle::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -6px !important;
    border-right: 2px solid #526f91 !important;
    border-bottom: 2px solid #526f91 !important;
    transform: rotate(45deg) !important;
}
body.imperial-v3-theme .imperial-account-switch-select.is-open .imperial-account-switch-select-toggle::after { margin-top: -1px !important; transform: rotate(225deg) !important; }
body.imperial-v3-theme .imperial-account-switch-select-toggle:hover,
body.imperial-v3-theme .imperial-account-switch-select-toggle:focus { border-color: #526f91 !important; outline: 0 !important; box-shadow: 0 0 0 2px rgba(85,145,198,.12) !important; }
body.imperial-v3-theme .imperial-account-switch-select-menu {
    display: grid !important;
    width: 100% !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    border: 1px solid #7891ae !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(18,43,70,.12) !important;
}
body.imperial-v3-theme .imperial-account-switch-select-menu[hidden] { display: none !important; }
body.imperial-v3-theme .imperial-account-switch-select-menu button {
    width: 100% !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e3e9ef !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #314a63 !important;
    font: 600 13px/1.2 var(--imp-font-ui) !important;
    text-align: left !important;
    cursor: pointer !important;
}
body.imperial-v3-theme .imperial-account-switch-select-menu button:last-child { border-bottom: 0 !important; }
body.imperial-v3-theme .imperial-account-switch-select-menu button:hover,
body.imperial-v3-theme .imperial-account-switch-select-menu button:focus { background: #edf4fa !important; color: #173d61 !important; outline: 0 !important; }
body.imperial-v3-theme .imperial-account-switch-select-menu button.is-selected { background: #dce9f5 !important; color: #173d61 !important; }
body.imperial-v3-theme .imperial-account-switch-captcha { display: grid !important; grid-template-columns: minmax(0,1fr) 132px !important; gap: 9px !important; }
body.imperial-v3-theme .imperial-account-switch-captcha img { width: 132px !important; height: 43px !important; border: 1px solid #c5d3df !important; object-fit: cover !important; }
body.imperial-v3-theme .imperial-account-switch-message { padding: 10px 12px !important; border: 1px solid #d6e1e9 !important; background: #f5f8fa !important; color: #536b80 !important; font-size: 12px !important; line-height: 1.45 !important; }
body.imperial-v3-theme .imperial-account-switch-message[hidden] { display: none !important; }
body.imperial-v3-theme .imperial-account-switch-message.is-error { border-color: #dfc1bf !important; background: #fff6f5 !important; color: #8a3f3a !important; }
body.imperial-v3-theme .imperial-account-switch-message.is-info { border-color: #b9d0e3 !important; background: #f1f7fb !important; color: #315c7d !important; }
body.imperial-v3-theme .imperial-account-switch-submit {
    min-height: 44px !important;
    margin-top: 2px !important;
    padding: 11px 18px !important;
    border: 1px solid var(--imp-action-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-action-top), var(--imp-action-bottom)) !important;
    color: #fff !important;
    font: 800 11.5px/1 var(--imp-font-ui) !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}
body.imperial-v3-theme .imperial-account-switch-submit:hover { background: linear-gradient(180deg, var(--imp-action-hover-top), var(--imp-action-hover-bottom)) !important; }
body.imperial-v3-theme .imperial-account-switch-submit:disabled { cursor: wait !important; opacity: .62 !important; }
@media (max-width: 900px) {
    body.imperial-v3-theme .main .imperial-account-dashboard .flame-account-page-content { padding: 28px 24px 36px !important; }
    body.imperial-v3-theme .main .imperial-account-balance-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    body.imperial-v3-theme .main .imperial-account-details-strip { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    body.imperial-v3-theme .main .imperial-account-details-strip > div:nth-child(2) { border-right: 0 !important; }
    body.imperial-v3-theme .main .imperial-account-details-strip > div:nth-child(-n+2) { border-bottom: 1px solid #e0e7ed !important; }
    body.imperial-v3-theme .main .imperial-account-action-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 620px) {
    body.imperial-v3-theme .imperial-header-account-actions { gap: 5px !important; }
    body.imperial-v3-theme .imperial-my-account-link { min-width: 0 !important; height: 42px !important; min-height: 42px !important; padding: 0 11px !important; gap: 7px !important; font-size: 10px !important; }
    body.imperial-v3-theme .imperial-my-account-icon,
    body.imperial-v3-theme .imperial-my-account-icon svg { width: 18px !important; height: 18px !important; flex-basis: 18px !important; }
    body.imperial-v3-theme .imperial-header-logout { min-width: 42px !important; width: 42px !important; height: 42px !important; min-height: 42px !important; padding: 0 !important; }
    body.imperial-v3-theme .imperial-header-logout-icon,
    body.imperial-v3-theme .imperial-header-logout-icon svg { width: 23px !important; height: 23px !important; flex-basis: 23px !important; }
    body.imperial-v3-theme .main .imperial-account-dashboard .flame-account-page-content { padding: 20px 14px 28px !important; }
    body.imperial-v3-theme .main .imperial-account-summary { align-items: stretch !important; flex-direction: column !important; padding: 16px !important; }
    body.imperial-v3-theme .main .imperial-account-summary-actions { align-items: stretch !important; flex-direction: column !important; }
    body.imperial-v3-theme .main .imperial-account-settings-button,
    body.imperial-v3-theme .main .imperial-account-logout-button { width: 100% !important; }
    body.imperial-v3-theme .main .imperial-account-summary-meta { flex-direction: column !important; gap: 4px !important; }
    body.imperial-v3-theme .main .imperial-account-vip-status { align-items: flex-start !important; flex-wrap: wrap !important; }
    body.imperial-v3-theme .main .imperial-account-balance-grid { grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
    body.imperial-v3-theme .main .imperial-account-balance { padding: 13px 12px !important; }
    body.imperial-v3-theme .main .imperial-account-balance strong { font-size: 16px !important; }
    body.imperial-v3-theme .main .imperial-account-server-balance { padding-right: 58px !important; }
    body.imperial-v3-theme .main .imperial-account-server-balance a { right: 10px !important; bottom: 14px !important; }
    body.imperial-v3-theme .main .imperial-account-details-strip { grid-template-columns: 1fr !important; }
    body.imperial-v3-theme .main .imperial-account-details-strip > div { border-right: 0 !important; border-bottom: 1px solid #e0e7ed !important; }
    body.imperial-v3-theme .main .imperial-account-details-strip > div:last-child { border-bottom: 0 !important; }
    body.imperial-v3-theme .main .imperial-account-wcoins-balance { padding-right: 66px !important; }
    body.imperial-v3-theme .main .imperial-account-wcoins-balance a { right: 10px !important; bottom: 14px !important; }
    body.imperial-v3-theme .main .imperial-account-tools-header { align-items: stretch !important; flex-direction: column !important; gap: 14px !important; }
    body.imperial-v3-theme .main .imperial-account-search { width: 100% !important; }
    body.imperial-v3-theme .main .imperial-account-action { grid-template-columns: minmax(0,1fr) 28px !important; gap: 13px !important; min-height: 0 !important; padding: 16px !important; }
    body.imperial-v3-theme .imperial-account-switch-overlay { padding: 12px !important; }
    body.imperial-v3-theme .imperial-account-switch-modal { max-height: calc(100vh - 24px) !important; }
    body.imperial-v3-theme .imperial-account-switch-head { padding: 11px 52px 11px 18px !important; }
    body.imperial-v3-theme .imperial-account-switch-form { padding: 20px !important; }
    body.imperial-v3-theme .imperial-account-switch-captcha { grid-template-columns: 1fr !important; }
}

/* --------------------------------------------------------------------------
   12. POPUPS / MODALS — crisp Imperial shell, readable light content
   -------------------------------------------------------------------------- */
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 {
    overflow: hidden;
    border: 1px solid #8298ae !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-image: none !important;
    color: var(--imp-ui-text) !important;
    box-shadow: 0 24px 58px rgba(8,18,33,.30) !important;
    clip-path: none !important;
}

body.imperial-v3-theme #enter.modal_div {
    box-sizing: border-box !important;
    width: min(510px, calc(100vw - 28px)) !important;
    max-width: 510px !important;
    max-height: calc(100vh - 32px) !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: 0 !important;
    padding: 0 !important;
    border: 2px solid #5e7898 !important;
    border-top-color: #879fba !important;
    border-right-color: #506b8c !important;
    border-bottom-color: #3f5878 !important;
    border-left-color: #6f89a8 !important;
    border-image: none !important;
    box-shadow:
        0 0 0 1px rgba(6, 15, 30, .88),
        0 0 0 2px rgba(151, 181, 211, .12),
        0 26px 62px rgba(5, 14, 31, .36),
        inset 0 0 0 1px rgba(225, 239, 252, .24) !important;
    transform: translate(-50%, -50%) !important;
}

/* Select Server uses the same crisp Imperial shell as Sign In, with direct realm choices. */
body.imperial-v3-theme #select_server {
    box-sizing: border-box !important;
    width: min(410px, calc(100vw - 28px)) !important;
    max-width: 410px !important;
    max-height: calc(100vh - 32px) !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 2px solid #5e7898 !important;
    border-top-color: #879fba !important;
    border-right-color: #506b8c !important;
    border-bottom-color: #3f5878 !important;
    border-left-color: #6f89a8 !important;
    border-image: none !important;
    background: #ffffff !important;
    box-shadow:
        0 0 0 1px rgba(6, 15, 30, .88),
        0 0 0 2px rgba(151, 181, 211, .12),
        0 26px 62px rgba(5, 14, 31, .36),
        inset 0 0 0 1px rgba(225, 239, 252, .24) !important;
    clip-path: none !important;
    transform: translate(-50%, -50%) !important;
}

/* First-login announcement uses the same shell as the Imperial server chooser. */
body.imperial-v3-theme .account-announcement-popup {
    box-sizing: border-box !important;
    width: min(560px, calc(100vw - 28px)) !important;
    max-width: 560px !important;
    max-height: calc(100vh - 32px) !important;
    overflow: hidden !important;
    border: 2px solid #5e7898 !important;
    border-top-color: #879fba !important;
    border-right-color: #506b8c !important;
    border-bottom-color: #3f5878 !important;
    border-left-color: #6f89a8 !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px rgba(6,15,30,.88), 0 0 0 2px rgba(151,181,211,.12), 0 26px 62px rgba(5,14,31,.36), inset 0 0 0 1px rgba(225,239,252,.24) !important;
    clip-path: none !important;
}
body.imperial-v3-theme .account-announcement-popup .account-announcement-head {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 11px 52px 11px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(116,150,190,.42) !important;
    background: linear-gradient(180deg,rgba(232,210,147,.24) 0,rgba(232,210,147,.24) 1px,transparent 1px), linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.035) 20%,transparent 44%), linear-gradient(90deg,transparent 0%,rgba(100,148,221,.055) 18%,rgba(105,156,231,.14) 47%,rgba(88,132,205,.07) 72%,transparent 100%), linear-gradient(102deg,#091329 0%,#102245 40%,#142d58 66%,#0c1833 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(4,10,22,.72), inset 0 0 0 1px rgba(132,168,220,.085) !important;
}
body.imperial-v3-theme .account-announcement-popup .account-announcement-title {
    margin: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font: 800 16.5px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .account-announcement-popup .account-announcement-body { max-height: calc(100vh - 185px) !important; padding: 23px 24px 18px !important; overflow: auto !important; color: #4a5f74 !important; font-size: 13.5px !important; line-height: 1.55 !important; }
body.imperial-v3-theme .account-announcement-popup .account-announcement-body > :first-child { margin-top: 0 !important; }
body.imperial-v3-theme .account-announcement-popup .account-announcement-body a {
    color: #2f70b7 !important;
    -webkit-text-fill-color: #2f70b7 !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .account-announcement-popup .account-announcement-body a:hover,
body.imperial-v3-theme .account-announcement-popup .account-announcement-body a:focus {
    color: #168ed6 !important;
    -webkit-text-fill-color: #168ed6 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .account-announcement-popup .account-announcement-actions { gap: 9px !important; padding: 0 24px 24px !important; }
body.imperial-v3-theme .account-announcement-popup .account-announcement-close {
    position: absolute !important;
    z-index: 6 !important;
    top: 27px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    background: rgba(255,255,255,.035) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: translateY(-50%) !important;
}
body.imperial-v3-theme .account-announcement-popup .account-announcement-close span { display: none !important; }
body.imperial-v3-theme .account-announcement-popup .account-announcement-close::before,
body.imperial-v3-theme .account-announcement-popup .account-announcement-close::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 14px !important;
    height: 2px !important;
    background: #fff !important;
    transform-origin: center !important;
}
body.imperial-v3-theme .account-announcement-popup .account-announcement-close::before { transform: translate(-50%,-50%) rotate(45deg) !important; }
body.imperial-v3-theme .account-announcement-popup .account-announcement-close::after { transform: translate(-50%,-50%) rotate(-45deg) !important; }

/* During login server selection, suspend the Sign In shell so the chooser is never a modal-on-modal composition. */
body.imperial-v3-theme.imperial-server-select-login-flow #enter.modal_div {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !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,
body.imperial-v3-theme .ui-dialog-titlebar {
    min-height: 56px;
    margin: 0 !important;
    padding: 13px 58px 13px 20px !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 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 62px !important;
    padding: 13px 60px 13px 21px !important;
    background:
        linear-gradient(180deg, rgba(232, 210, 147, .24) 0, rgba(232, 210, 147, .24) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .035) 20%, transparent 44%),
        linear-gradient(90deg, transparent 0%, rgba(100, 148, 221, .055) 18%, rgba(105, 156, 231, .14) 47%, rgba(88, 132, 205, .07) 72%, transparent 100%),
        linear-gradient(102deg, #091329 0%, #102245 40%, #142d58 66%, #0c1833 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        inset 0 -1px 0 rgba(4, 10, 22, .72),
        inset 0 0 0 1px rgba(132, 168, 220, .085) !important;
}

body.imperial-v3-theme #select_server .modal-header,
body.imperial-v3-theme #select_server .modal-header2 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 11px 52px 11px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(116, 150, 190, .42) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(232, 210, 147, .24) 0, rgba(232, 210, 147, .24) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .035) 20%, transparent 44%),
        linear-gradient(90deg, transparent 0%, rgba(100, 148, 221, .055) 18%, rgba(105, 156, 231, .14) 47%, rgba(88, 132, 205, .07) 72%, transparent 100%),
        linear-gradient(102deg, #091329 0%, #102245 40%, #142d58 66%, #0c1833 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        inset 0 -1px 0 rgba(4, 10, 22, .72),
        inset 0 0 0 1px rgba(132, 168, 220, .085) !important;
}
body.imperial-v3-theme #select_server .modal-header::after,
body.imperial-v3-theme #select_server .modal-header2::after {
    content: none !important;
    display: none !important;
}
body.imperial-v3-theme #select_server .modal-header h2,
body.imperial-v3-theme #select_server .modal-header2 h2 {
    margin: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 16.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    text-shadow: none !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,
body.imperial-v3-theme .ui-dialog-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: clamp(17px, 2.5vw, 20px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .045em !important;
    text-shadow: none !important;
}
body.imperial-v3-theme #enter.modal_div .modal-title span {
    text-transform: uppercase !important;
}

/* Registration / Game Rules dialog — dedicated Imperial owner.
   Keep this component independent from generic popup/action button styling. */
body.imperial-v3-theme .flame-rules-dialog-popup {
    overflow: hidden !important;
    border: 1px solid #0b1422 !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;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: .045em !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;
    display: block !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;
    transition: border-color .15s ease, background-color .15s ease !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;
}

body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #46566c !important;
    scrollbar-width: thin !important;
    scrollbar-color: #b99f57 #081426 !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-content,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 25px 28px 30px !important;
    background: #ffffff !important;
    color: #46566c !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
    scrollbar-width: thin !important;
    scrollbar-color: #b99f57 #081426 !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content > :first-child,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-content > :first-child {
    margin-top: 0 !important;
}

/* Shared rules document skin. assets/rules.html is rendered on /rules and inside Registration popup. */
body.imperial-v3-theme .imperial-rules-document {
    color: #465b72 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14px !important;
    font-weight: 450 !important;
    line-height: 1.66 !important;
    letter-spacing: .002em !important;
}
body.imperial-v3-theme .imperial-rules-document,
body.imperial-v3-theme .imperial-rules-document * {
    box-sizing: border-box;
    font-family: var(--imp-font-ui) !important;
}
body.imperial-v3-theme .imperial-rules-document p {
    margin: 0 0 12px !important;
    color: #4b6076 !important;
}
body.imperial-v3-theme .imperial-rules-document strong,
body.imperial-v3-theme .imperial-rules-document b {
    color: #263f5b !important;
    font-weight: 750 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-section {
    margin: 0 !important;
    padding: 24px 0 25px !important;
    border-top: 1px solid #e2e9f0 !important;
    background: transparent !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-intro + .imperial-rules-section {
    margin-top: 24px !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-section-title {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 0 9px 12px !important;
    border: 0 !important;
    border-left: 3px solid #b9a15c !important;
    border-bottom: 1px solid #e3eaf1 !important;
    background: transparent !important;
    color: #173e67 !important;
    font-size: 16.5px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .012em !important;
    text-transform: none !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-subsection {
    margin: 16px 0 0 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-subsection h4 {
    margin: 0 0 7px !important;
    color: #294d70 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-list {
    margin: 0 !important;
    padding: 0 0 0 22px !important;
    color: #4b6076 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-list li {
    margin: 0 0 8px !important;
    padding-left: 3px !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-list li:last-child {
    margin-bottom: 0 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-list li::marker {
    color: #8c7890 !important;
    font-weight: 800 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-list-alpha {
    list-style-type: lower-alpha !important;
}

/* Rules notices intentionally reuse the site's semantic info/warning/error palette,
   but own their selectors so the same HTML works inside the jQuery UI popup as on /rules. */
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice,
body.imperial-v3-theme .imperial-rules-document .imperial-rules-note {
    position: relative !important;
    margin: 16px 0 0 !important;
    padding: 13px 16px 13px 17px !important;
    border: 1px solid #cfdae6 !important;
    border-left: 4px solid var(--imp-ui-info, #4f84b4) !important;
    border-radius: 0 !important;
    background: var(--imp-ui-info-soft, #edf6fe) !important;
    background-image: none !important;
    color: #35536e !important;
    font-size: 13.5px !important;
    font-weight: 550 !important;
    line-height: 1.55 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 5px 14px rgba(25,48,76,.045) !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-intro {
    margin: 0 !important;
    padding: 15px 18px !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice-label {
    display: block !important;
    margin: 0 0 4px !important;
    color: inherit !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice-info,
body.imperial-v3-theme .imperial-rules-document .imperial-rules-note-info {
    border-color: #c9d9e8 !important;
    border-left-color: #4f84b4 !important;
    background: #edf6fe !important;
    color: #35536e !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice-warning,
body.imperial-v3-theme .imperial-rules-document .imperial-rules-note-warning {
    border-color: #eadca4 !important;
    border-left-color: #d4ad39 !important;
    background: #fff9e7 !important;
    color: #6c5124 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice-danger {
    border-color: #e8cfcc !important;
    border-left-color: #c95555 !important;
    background: #fff1f0 !important;
    color: #7d4141 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice strong,
body.imperial-v3-theme .imperial-rules-document .imperial-rules-note strong,
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice .imperial-rules-notice-label {
    color: inherit !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice-list {
    margin: 0 !important;
    padding: 0 0 0 19px !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice-list li {
    margin: 0 0 5px !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice-list li:last-child {
    margin-bottom: 0 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-footer-notes {
    margin: 17px 0 0 !important;
    padding: 13px 16px !important;
    border-top: 1px solid #e1e8ef !important;
    border-bottom: 1px solid #e1e8ef !important;
    background: #fbfcfe !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-footer-notes p {
    margin: 0 0 5px !important;
    color: #65768a !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}
body.imperial-v3-theme .imperial-rules-document .imperial-rules-footer-notes p:last-child {
    margin-bottom: 0 !important;
}
body.imperial-v3-theme .imperial-rules-document a {
    color: var(--imp-link-blue, #2f70b7) !important;
    font-weight: 700 !important;
    text-decoration-line: underline !important;
    text-decoration-color: rgba(47,112,183,.28) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: .18em !important;
    transition: color .14s ease, text-decoration-color .14s ease !important;
}
body.imperial-v3-theme .imperial-rules-document a:hover,
body.imperial-v3-theme .imperial-rules-document a:focus {
    color: var(--imp-link-blue-hover, #168ed6) !important;
    text-decoration-color: rgba(22,142,214,.92) !important;
}
@media (max-width: 640px) {
    body.imperial-v3-theme .imperial-rules-document {
        font-size: 13.5px !important;
    }
    body.imperial-v3-theme .imperial-rules-document .imperial-rules-section {
        padding: 20px 0 21px !important;
    }
    body.imperial-v3-theme .imperial-rules-document .imperial-rules-section-title {
        padding-left: 10px !important;
        font-size: 15.5px !important;
    }
    body.imperial-v3-theme .imperial-rules-document .imperial-rules-notice,
    body.imperial-v3-theme .imperial-rules-document .imperial-rules-note {
        padding: 12px 13px 12px 14px !important;
    }
}
body.imperial-v3-theme .main .imperial-rules-page .imperial-rules-page-heading {
    margin: 0 0 18px !important;
    color: #1d3f63 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content::-webkit-scrollbar,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-content::-webkit-scrollbar,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content::-webkit-scrollbar {
    width: 11px !important;
    height: 11px !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content::-webkit-scrollbar-track,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-content::-webkit-scrollbar-track,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content::-webkit-scrollbar-track {
    background: #081426 !important;
    box-shadow: inset 0 0 0 1px rgba(223, 195, 126, .12) !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content::-webkit-scrollbar-thumb,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-content::-webkit-scrollbar-thumb,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content::-webkit-scrollbar-thumb {
    min-height: 42px !important;
    border: 2px solid #081426 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #ecd16d, #b99a31 52%, #8c7227) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 246, 211, .35) !important;
}
body.imperial-v3-theme .flame-rules-dialog-popup .ui-dialog-content::-webkit-scrollbar-thumb:hover,
body.imperial-v3-theme .flame-rules-dialog-popup .flame-rules-dialog-content::-webkit-scrollbar-thumb:hover,
body.imperial-v3-theme .flame-rules-dialog-popup #rules_content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #f5e39c, #d1b74a 52%, #9e812b) !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;
    text-decoration-color: rgba(47,112,183,.30) !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;
}

body.imperial-v3-theme #enter.modal_div .modalContent,
body.imperial-v3-theme #select_server > div:not(.modal-header):not(.modal-header2),
body.imperial-v3-theme .ui-dialog-content,
body.imperial-v3-theme .account-announcement-body {
    background: #fff !important;
    color: var(--imp-ui-text) !important;
}
body.imperial-v3-theme #select_server > div:not(.modal-header):not(.modal-header2) {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 20px 22px 22px !important;
    overflow: visible !important;
    font-family: var(--imp-font-ui) !important;
}
body.imperial-v3-theme #select_server .imperial-server-single-note {
    display: block !important;
    margin: 0 !important;
    padding: 15px 16px !important;
    border: 1px solid var(--imp-ui-line) !important;
    background: #f8fbfd !important;
    color: var(--imp-ui-text) !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
}
body.imperial-v3-theme #enter.modal_div .modalContent {
    box-sizing: border-box !important;
    width: 100% !important;
    font-family: var(--imp-font-ui) !important;
    max-height: calc(100vh - 32px) !important;
    padding: 0 !important;
    overflow: auto !important;
}
body.imperial-v3-theme #enter.modal_div form {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 25px 28px 27px !important;
}
body.imperial-v3-theme #enter.modal_div .formGroup {
    margin: 0 0 18px !important;
}
body.imperial-v3-theme .account-announcement-body {
    padding: 21px 24px 15px !important;
}
body.imperial-v3-theme .account-announcement-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding: 0 24px 24px !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 {
    min-height: 44px;
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background: var(--imp-field-surface) !important;
    background-color: var(--imp-field-bg) !important;
    color: var(--imp-ui-ink) !important;
    -webkit-text-fill-color: var(--imp-ui-ink) !important;
    caret-color: #244f7b;
    box-shadow: var(--imp-field-shadow) !important;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease !important;
}
body.imperial-v3-theme #enter.modal_div input[type="text"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme #enter.modal_div input[type="password"]:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme #select_server select:hover,
body.imperial-v3-theme #select_server .flame-server-select-toggle:hover,
body.imperial-v3-theme .ui-dialog input:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .ui-dialog textarea:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .ui-dialog select:hover:not(:disabled),
body.imperial-v3-theme .alertable-input:hover {
    border-color: var(--imp-field-border-hover) !important;
    background: var(--imp-field-surface-hover) !important;
    background-color: var(--imp-field-bg-hover) !important;
    background-image: var(--imp-field-surface-hover) !important;
    box-shadow: var(--imp-field-shadow-hover) !important;
}
body.imperial-v3-theme #enter.modal_div input[type="text"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme #enter.modal_div input[type="password"]:active:not(:disabled):not([readonly]),
body.imperial-v3-theme #select_server select:active:not(:disabled),
body.imperial-v3-theme #select_server .flame-server-select-toggle:active,
body.imperial-v3-theme .ui-dialog input:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .ui-dialog textarea:active:not(:disabled):not([readonly]),
body.imperial-v3-theme .ui-dialog select:active:not(:disabled),
body.imperial-v3-theme .alertable-input:active:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-active) !important;
    background: var(--imp-field-surface-active) !important;
    background-color: var(--imp-field-bg-active) !important;
    background-image: var(--imp-field-surface-active) !important;
    box-shadow: var(--imp-field-shadow-active) !important;
}
body.imperial-v3-theme #enter.modal_div input:-webkit-autofill,
body.imperial-v3-theme .ui-dialog input:-webkit-autofill,
body.imperial-v3-theme .alertable-input:-webkit-autofill {
    border-color: var(--imp-field-border) !important;
    -webkit-text-fill-color: var(--imp-ui-ink) !important;
    caret-color: #244f7b !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg) inset !important;
}
body.imperial-v3-theme #enter.modal_div input:-webkit-autofill:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .ui-dialog input:-webkit-autofill:hover:not(:disabled):not([readonly]),
body.imperial-v3-theme .alertable-input:-webkit-autofill:hover:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-hover) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg-hover) inset !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg-hover) inset !important;
}
body.imperial-v3-theme #enter.modal_div input:-webkit-autofill:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .ui-dialog input:-webkit-autofill:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .alertable-input:-webkit-autofill:focus:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-focus) !important;
    -webkit-text-fill-color: var(--imp-ui-ink) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg-focus) inset, 0 0 0 1px var(--imp-field-ring) !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg-focus) inset, 0 0 0 1px var(--imp-field-ring) !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 #enter.modal_div input.input {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    border-color: var(--imp-field-border) !important;
    background: var(--imp-field-surface) !important;
    background-color: var(--imp-field-bg) !important;
    color: #243750 !important;
    -webkit-text-fill-color: #243750 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    box-shadow: var(--imp-field-shadow) !important;
}
body.imperial-v3-theme #enter.modal_div input::placeholder {
    color: #8b99aa !important;
    -webkit-text-fill-color: #8b99aa !important;
    opacity: 1 !important;
}
body.imperial-v3-theme #enter.modal_div input:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme #select_server .flame-server-select-toggle:focus,
body.imperial-v3-theme .ui-dialog input:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .ui-dialog textarea:focus:not(:disabled):not([readonly]),
body.imperial-v3-theme .ui-dialog select:focus:not(:disabled),
body.imperial-v3-theme .alertable-input:focus {
    border-color: var(--imp-field-border-focus) !important;
    background: var(--imp-field-surface-focus) !important;
    background-color: var(--imp-field-bg-focus) !important;
    background-image: var(--imp-field-surface-focus) !important;
    outline: 0 !important;
    box-shadow: var(--imp-field-shadow-focus) !important;
}
body.imperial-v3-theme #enter.modal_div input[readonly],
body.imperial-v3-theme #enter.modal_div input:disabled,
body.imperial-v3-theme .ui-dialog input[readonly],
body.imperial-v3-theme .ui-dialog input:disabled,
body.imperial-v3-theme .ui-dialog textarea[readonly],
body.imperial-v3-theme .ui-dialog textarea:disabled,
body.imperial-v3-theme .ui-dialog select:disabled,
body.imperial-v3-theme .alertable-input[readonly],
body.imperial-v3-theme .alertable-input:disabled {
    border-color: var(--imp-field-readonly-border) !important;
    background: var(--imp-field-readonly-bg) !important;
    background-color: var(--imp-field-readonly-bg) !important;
    color: #6f7b88 !important;
    -webkit-text-fill-color: #6f7b88 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
    opacity: 1 !important;
    cursor: not-allowed !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,
body.imperial-v3-theme .ui-dialog-content,
body.imperial-v3-theme .alertable-message,
body.imperial-v3-theme .alertable-prompt {
    color: var(--imp-ui-text) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme #enter.modal_div .formGroup p {
    margin: 0 0 8px !important;
    color: #42536a !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: .012em !important;
    text-transform: none !important;
}

body.imperial-v3-theme #enter.modal_div .modal-title .button-white {
    flex: 0 0 auto !important;
    font-family: var(--imp-font-ui) !important;
    min-width: 0 !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(255,255,255,.56) !important;
    background: rgba(255,255,255,.045) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: .065em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    clip-path: none !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}
body.imperial-v3-theme #enter.modal_div .modal-title .button-white:hover,
body.imperial-v3-theme #enter.modal_div .modal-title .button-white:focus {
    border-color: rgba(255,255,255,.92) !important;
    background: rgba(255,255,255,.115) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(255,255,255,.04) !important;
}

body.imperial-v3-theme #select_server .flame-server-native-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
body.imperial-v3-theme #select_server .flame-server-select,
body.imperial-v3-theme #select_server .imperial-server-picker {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-family: var(--imp-font-ui) !important;
    z-index: auto !important;
}
body.imperial-v3-theme #select_server .flame-server-select-menu {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
    scrollbar-gutter: auto !important;
}
body.imperial-v3-theme #select_server .flame-server-select-option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-width: 0 !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 13px 42px 13px 15px !important;
    border: 1px solid #c8d4e0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
    color: #253750 !important;
    -webkit-text-fill-color: #253750 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14.5px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: .005em !important;
    text-align: left !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 5px 14px rgba(24,43,67,.045) !important;
    cursor: pointer !important;
    transform: none !important;
    outline: none !important;
    transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease !important;
}
body.imperial-v3-theme #select_server .flame-server-select-option-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
body.imperial-v3-theme #select_server .flame-server-select-option-arrow {
    position: absolute !important;
    right: 17px !important;
    top: 50% !important;
    width: 9px !important;
    height: 9px !important;
    border-top: 2px solid #6b829b !important;
    border-right: 2px solid #6b829b !important;
    transform: translateY(-50%) rotate(45deg) !important;
    pointer-events: none !important;
    transition: border-color .15s ease, transform .15s ease !important;
}
body.imperial-v3-theme #select_server .flame-server-select-option:hover,
body.imperial-v3-theme #select_server .flame-server-select-option:focus,
body.imperial-v3-theme #select_server .flame-server-select-option.is-selected {
    border-color: #8fb4d3 !important;
    background: linear-gradient(180deg, #f7fbff 0%, #eaf4fc 100%) !important;
    color: #183b5f !important;
    -webkit-text-fill-color: #183b5f !important;
    box-shadow: 0 0 0 2px rgba(83,145,198,.09), inset 0 1px 0 rgba(255,255,255,.98) !important;
    transform: none !important;
}
body.imperial-v3-theme #select_server .flame-server-select-option:hover .flame-server-select-option-arrow,
body.imperial-v3-theme #select_server .flame-server-select-option:focus .flame-server-select-option-arrow,
body.imperial-v3-theme #select_server .flame-server-select-option.is-selected .flame-server-select-option-arrow {
    border-color: #2d6d9f !important;
    transform: translate(2px, -50%) rotate(45deg) !important;
}
body.imperial-v3-theme #select_server .flame-server-select-option.is-disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
}

body.imperial-v3-theme #enter.modal_div .formButtons {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 5px 0 0 !important;
    text-align: center !important;
}
body.imperial-v3-theme #enter.modal_div .formButtons .imperial-login-submit {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}
body.imperial-v3-theme #enter.modal_div .lost-pass {
    font-family: var(--imp-font-ui) !important;
    display: inline-block !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 1px 0 !important;
    color: #53677e !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}
body.imperial-v3-theme #enter.modal_div .lost-pass:hover,
body.imperial-v3-theme #enter.modal_div .lost-pass:focus {
    color: #244d72 !important;
    text-decoration: underline !important;
}

/* Popup close controls are compact square X buttons. */
body.imperial-v3-theme .modal_close,
body.imperial-v3-theme #select_server .close,
body.imperial-v3-theme .ui-dialog-titlebar-close,
body.imperial-v3-theme .account-announcement-close {
    border-radius: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
}
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 {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    background: rgba(255,255,255,.055) !important;
}
body.imperial-v3-theme #enter.modal_div .modal_close {
    position: absolute !important;
    top: 31px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    background: rgba(255,255,255,.035) !important;
    opacity: 1 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
    z-index: 6 !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
}
body.imperial-v3-theme #select_server .close {
    position: absolute !important;
    top: 27px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.035) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
    z-index: 6 !important;
    transition: border-color .16s ease, background-color .16s ease !important;
}
body.imperial-v3-theme #enter.modal_div .modal_close:hover,
body.imperial-v3-theme #enter.modal_div .modal_close:focus {
    border-color: rgba(255,255,255,.58) !important;
    background: rgba(255,255,255,.10) !important;
}
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: rgba(255,255,255,.54) !important;
    background: rgba(255,255,255,.12) !important;
}

/* Popup actions inherit the canonical Imperial crystal-blue button system. */
body.imperial-v3-theme #enter.modal_div .imperial-login-submit,
body.imperial-v3-theme .account-announcement-btn,
body.imperial-v3-theme .alertable-ok,
body.imperial-v3-theme .ui-dialog .btn,
body.imperial-v3-theme .ui-dialog button:not(.ui-dialog-titlebar-close) {
    min-height: 42px !important;
    padding: 9px 20px !important;
    border: 1px solid var(--imp-action-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-action-top) 0%, var(--imp-action-mid) 48%, var(--imp-action-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .016em !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(26,77,116,.22), 0 1px 0 rgba(27,69,103,.10) !important;
    clip-path: none !important;
    transform: none !important;
    transition: background .17s ease, border-color .17s ease, box-shadow .17s ease, filter .17s ease !important;
}
body.imperial-v3-theme #enter.modal_div .imperial-login-submit:hover,
body.imperial-v3-theme .account-announcement-btn:hover,
body.imperial-v3-theme .alertable-ok:hover,
body.imperial-v3-theme .ui-dialog .btn:hover,
body.imperial-v3-theme .ui-dialog button:not(.ui-dialog-titlebar-close):hover {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.34), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(24,78,118,.18), 0 0 0 2px rgba(66,157,216,.22) !important;
    filter: none !important;
}
body.imperial-v3-theme .alertable-cancel,
body.imperial-v3-theme .account-announcement-btn-secondary {
    min-height: 42px !important;
    padding: 9px 19px !important;
    border: 1px solid #c2cfdb !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #304860 !important;
    -webkit-text-fill-color: #304860 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .022em !important;
    text-transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 2px 8px rgba(36,63,91,.04) !important;
    clip-path: none !important;
}
body.imperial-v3-theme .alertable-cancel:hover,
body.imperial-v3-theme .account-announcement-btn-secondary:hover {
    border-color: #9eb4c8 !important;
    background: #f3f7fa !important;
    color: #203b56 !important;
    -webkit-text-fill-color: #203b56 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 3px 10px rgba(36,63,91,.06) !important;
}

/* Alertable confirm/prompt gets a restrained Imperial top rail instead of Flame ornament. */
body.imperial-v3-theme .alertable {
    padding: 0 0 20px !important;
    border-top: 3px solid var(--imp-ui-gold) !important;
}
body.imperial-v3-theme .alertable::before {
    content: none !important;
}
body.imperial-v3-theme .alertable-message,
body.imperial-v3-theme .alertable-prompt {
    margin: 0 !important;
    padding: 21px 22px 18px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}
body.imperial-v3-theme .alertable-buttons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 22px !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid #e7edf2 !important;
}

/* --------------------------------------------------------------------------
   13. NOTIFIER / VALIDATION — compact feedback with clear semantic hierarchy
   -------------------------------------------------------------------------- */
body.imperial-v3-theme #notifier-box {
    top: 22px;
    right: 22px;
    width: min(390px, calc(100vw - 28px));
}
body.imperial-v3-theme #notifier-box .message-box,
body.imperial-v3-theme div.message-box {
    --imperial-notice-accent: #4f86b6;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    overflow: hidden;
    border: 1px solid #c4d2df !important;
    border-left: 5px solid var(--imperial-notice-accent) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    color: var(--imp-ui-text) !important;
    text-shadow: none !important;
    box-shadow: 0 16px 38px rgba(12,29,49,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
    clip-path: none !important;
}
body.imperial-v3-theme #notifier-box .message-box:has(> div.success),
body.imperial-v3-theme div.message-box:has(> div.success) {
    --imperial-notice-accent: #3f9368;
    border-color: #bdd8c8 !important;
    border-left-color: var(--imperial-notice-accent) !important;
}
body.imperial-v3-theme #notifier-box .message-box:has(> div.error),
body.imperial-v3-theme div.message-box:has(> div.error) {
    --imperial-notice-accent: #b83d47;
    border-color: #ddb0b4 !important;
    border-left-color: var(--imperial-notice-accent) !important;
}
body.imperial-v3-theme #notifier-box .message-box::before,
body.imperial-v3-theme div.message-box::before,
body.imperial-v3-theme #notifier-box .message-box::after,
body.imperial-v3-theme div.message-box::after {
    content: none !important;
}
body.imperial-v3-theme #notifier-box .message-box:hover,
body.imperial-v3-theme div.message-box:hover,
body.imperial-v3-theme #notifier-box .message-box:has(> div.success):hover,
body.imperial-v3-theme div.message-box:has(> div.success):hover,
body.imperial-v3-theme #notifier-box .message-box:has(> div.error):hover,
body.imperial-v3-theme div.message-box:has(> div.error):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 {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 9px 48px 9px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #dce6ef !important;
    background: linear-gradient(180deg, #f1f7fc 0%, #eaf3fa 100%) !important;
    color: #2d5679 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
}
body.imperial-v3-theme #notifier-box .message-box div.success,
body.imperial-v3-theme div.message-box div.success {
    border-bottom-color: #d5e8dd !important;
    background: linear-gradient(180deg, #eef9f3 0%, #e5f4eb 100%) !important;
    color: #245f43 !important;
}
body.imperial-v3-theme #notifier-box .message-box div.error,
body.imperial-v3-theme div.message-box div.error {
    border-bottom-color: #e7b8bb !important;
    background: linear-gradient(180deg, #f9e7e7 0%, #f4d9da 100%) !important;
    color: #7f2830 !important;
}
body.imperial-v3-theme #notifier-box .message-box div.success::before,
body.imperial-v3-theme #notifier-box .message-box div.error::before,
body.imperial-v3-theme div.message-box div.success::before,
body.imperial-v3-theme div.message-box div.error::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    margin: 0 12px 0 0 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.72) !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: none !important;
}
body.imperial-v3-theme #notifier-box .message-box div.success::before,
body.imperial-v3-theme div.message-box div.success::before {
    border: 1px solid #acd3bd !important;
    color: #2e855c !important;
}
body.imperial-v3-theme #notifier-box .message-box div.error::before,
body.imperial-v3-theme div.message-box div.error::before {
    border: 1px solid #d58f95 !important;
    background: rgba(255,255,255,.58) !important;
    color: #ad3440 !important;
}
body.imperial-v3-theme #notifier-box .message-box div.message-body,
body.imperial-v3-theme div.message-box div.message-body {
    padding: 15px 17px 17px !important;
    background: #ffffff !important;
    color: #354a62 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.52 !important;
}
body.imperial-v3-theme #notifier-box .message-box a.message-close,
body.imperial-v3-theme div.message-box a.message-close {
    position: absolute !important;
    top: 24px !important;
    right: 14px !important;
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid #ffffff !important;
    border-radius: 0 !important;
    background: rgba(41,52,66,.88) !important;
    background-image: none !important;
    clip-path: none !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
    scale: 1 !important;
    z-index: 6 !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
}
body.imperial-v3-theme #notifier-box .message-box a.message-close.message-close-error,
body.imperial-v3-theme div.message-box a.message-close.message-close-error {
    border-color: #ffffff !important;
    background: rgba(132,43,51,.90) !important;
}
body.imperial-v3-theme #notifier-box .message-box a.message-close.message-close-success,
body.imperial-v3-theme div.message-box a.message-close.message-close-success {
    border-color: #ffffff !important;
    background: rgba(42,105,72,.90) !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 {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: 14px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    transform-origin: center !important;
    pointer-events: none !important;
    filter: drop-shadow(1px 1px 0 rgba(9,17,29,.48)) !important;
    transition: none !important;
    animation: none !important;
}
body.imperial-v3-theme #notifier-box .message-box a.message-close::before,
body.imperial-v3-theme div.message-box a.message-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}
body.imperial-v3-theme #notifier-box .message-box a.message-close::after,
body.imperial-v3-theme div.message-box a.message-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}
body.imperial-v3-theme #notifier-box .message-box a.message-close:hover,
body.imperial-v3-theme #notifier-box .message-box a.message-close:focus,
body.imperial-v3-theme #notifier-box .message-box a.message-close:active,
body.imperial-v3-theme div.message-box a.message-close:hover,
body.imperial-v3-theme div.message-box a.message-close:focus,
body.imperial-v3-theme div.message-box a.message-close:active {
    top: 24px !important;
    right: 14px !important;
    margin: 0 !important;
    border-color: #ffffff !important;
    transform: translateY(-50%) !important;
    scale: 1 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: none !important;
    animation: none !important;
}
body.imperial-v3-theme #notifier-box .message-box a.message-close.message-close-error:hover,
body.imperial-v3-theme #notifier-box .message-box a.message-close.message-close-error:focus,
body.imperial-v3-theme #notifier-box .message-box a.message-close.message-close-error:active,
body.imperial-v3-theme div.message-box a.message-close.message-close-error:hover,
body.imperial-v3-theme div.message-box a.message-close.message-close-error:focus,
body.imperial-v3-theme div.message-box a.message-close.message-close-error:active {
    background: rgba(165,67,75,.96) !important;
    transition: none !important;
    animation: none !important;
}
body.imperial-v3-theme #notifier-box .message-box a.message-close.message-close-success:hover,
body.imperial-v3-theme #notifier-box .message-box a.message-close.message-close-success:focus,
body.imperial-v3-theme #notifier-box .message-box a.message-close.message-close-success:active,
body.imperial-v3-theme div.message-box a.message-close.message-close-success:hover,
body.imperial-v3-theme div.message-box a.message-close.message-close-success:focus,
body.imperial-v3-theme div.message-box a.message-close.message-close-success:active {
    background: rgba(61,132,91,.96) !important;
    transition: none !important;
    animation: none !important;
}

/* Validation prompts: remove the legacy stepped red arrow and keep a compact field-adjacent card. */
body.imperial-v3-theme .formError {
    max-width: min(320px, calc(100vw - 24px));
}
body.imperial-v3-theme .formError .formErrorContent {
    padding: 9px 12px !important;
    border: 1px solid #e7b9bd !important;
    border-left: 4px solid #c9545d !important;
    border-radius: 0 !important;
    background: #fff0f1 !important;
    color: #8d3038 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
    box-shadow: 0 6px 16px rgba(132,47,55,.08) !important;
    clip-path: none !important;
}
body.imperial-v3-theme .formError.greenPopup .formErrorContent {
    border-color: #cbded2 !important;
    border-left-color: var(--imp-ui-success) !important;
    background: var(--imp-ui-success-soft) !important;
    color: #31614b !important;
}
body.imperial-v3-theme .formError.blackPopup .formErrorContent {
    border-color: #cbd7e2 !important;
    border-left-color: var(--imp-ui-info) !important;
    background: var(--imp-ui-info-soft) !important;
    color: #3c5a76 !important;
}
body.imperial-v3-theme .formError .formErrorArrow {
    display: none !important;
}

/* Registration rules checkbox owns an inline validation target so its error
   stays inside the registration content frame instead of being positioned
   from the visually-hidden checkbox input. */
body.imperial-v3-theme .main .flame-registration-rules-validation {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
}
body.imperial-v3-theme .main .flame-registration-rules-validation:empty {
    display: none !important;
}
body.imperial-v3-theme .main .flame-registration-rules-validation .formError {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 8px 0 0 !important;
}
body.imperial-v3-theme .main .flame-registration-rules-validation .formErrorContent {
    width: 100% !important;
    margin: 0 !important;
}

body.imperial-v3-theme #exception {
    min-height: 44px;
    padding: 11px 50px 11px 16px !important;
    border: 1px solid #e0c5c2 !important;
    border-left: 4px solid var(--imp-ui-danger) !important;
    border-radius: 0 !important;
    background: var(--imp-ui-danger-soft) !important;
    color: #7d4141 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    text-shadow: none !important;
    box-shadow: 0 8px 20px rgba(45,33,39,.10) !important;
    clip-path: none !important;
}

/* --------------------------------------------------------------------------
   14. RESPONSIVE — preserve clean edges and usable control sizes
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
    body.imperial-v3-theme .main .flame-page-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.imperial-v3-theme .main .btn,
    body.imperial-v3-theme .main .button,
    body.imperial-v3-theme .main button[type="submit"] {
        min-height: 40px;
        padding: 9px 14px !important;
    }

    body.imperial-v3-theme .main .newsBlock-title,
    body.imperial-v3-theme .main .newsBlock-text,
    body.imperial-v3-theme .main .newsBlock-button {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.imperial-v3-theme .main table th,
    body.imperial-v3-theme .main table td {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    body.imperial-v3-theme .modal_div,
    body.imperial-v3-theme #enter.modal_div,
    body.imperial-v3-theme #select_server,
    body.imperial-v3-theme .ui-dialog,
    body.imperial-v3-theme .alertable,
    body.imperial-v3-theme .account-announcement-popup {
        max-width: calc(100vw - 20px) !important;
    }

    body.imperial-v3-theme #enter.modal_div {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100vh - 20px) !important;
    }
    body.imperial-v3-theme #enter.modal_div .modal-title {
        min-height: 58px !important;
        padding: 11px 52px 11px 16px !important;
        gap: 9px !important;
    }
    body.imperial-v3-theme #enter.modal_div .modal-title span {
        font-size: 17px !important;
    }
    body.imperial-v3-theme #enter.modal_div .modal-title .button-white {
        min-height: 32px !important;
        padding: 6px 10px !important;
        font-size: 10.5px !important;
    }
    body.imperial-v3-theme #enter.modal_div .modal_close {
        top: 29px !important;
        right: 12px !important;
        width: 28px !important;
        height: 28px !important;
        transform: translateY(-50%) !important;
    }
    body.imperial-v3-theme #enter.modal_div form {
        padding: 20px 18px 22px !important;
    }
    body.imperial-v3-theme #select_server {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
    }
    body.imperial-v3-theme #select_server .modal-header,
    body.imperial-v3-theme #select_server .modal-header2 {
        min-height: 54px !important;
        padding: 11px 48px 11px 16px !important;
    }
    body.imperial-v3-theme #select_server .modal-header h2,
    body.imperial-v3-theme #select_server .modal-header2 h2 {
        font-size: 16.5px !important;
    }
    body.imperial-v3-theme #select_server .close {
        top: 27px !important;
        right: 12px !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
    }
    body.imperial-v3-theme #select_server > div:not(.modal-header):not(.modal-header2) {
        padding: 18px !important;
    }
    body.imperial-v3-theme #select_server .flame-server-select-menu {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }
    body.imperial-v3-theme #select_server .flame-server-select-option {
        min-height: 58px !important;
        padding: 13px 44px 13px 15px !important;
        font-size: 14.5px !important;
    }

    body.imperial-v3-theme #notifier-box {
        top: 74px !important;
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
    }
}

/* --------------------------------------------------------------------------
   15. LEGACY MODULES / INSTALLED PLUGINS — bring custom cards into same system
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .flame-guides-search-box,
body.imperial-v3-theme .main .flame-guide-card,
body.imperial-v3-theme .main .flame-guide-read-search-note,
body.imperial-v3-theme .main .flame-quests-info,
body.imperial-v3-theme .main .flame-check-panel,
body.imperial-v3-theme .main .flame-quest-card,
body.imperial-v3-theme .main .flame-recent-completed,
body.imperial-v3-theme .main .flame-referral-share-card,
body.imperial-v3-theme .main .flame-referral-input-wrap,
body.imperial-v3-theme .main .box-style1 {
    border: 1px solid var(--imp-ui-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-image: none !important;
    color: var(--imp-ui-text) !important;
    text-shadow: none !important;
    box-shadow: 0 8px 20px rgba(24,43,67,.06) !important;
    clip-path: none !important;
}

body.imperial-v3-theme .main .flame-guide-card,
body.imperial-v3-theme .main .flame-quests-info,
body.imperial-v3-theme .main .flame-check-panel {
    border-left: 3px solid var(--imp-ui-gold) !important;
}
body.imperial-v3-theme .main .flame-guide-card:hover,
body.imperial-v3-theme .main .flame-quest-card:hover {
    border-color: #bdc9d5 !important;
    border-left-color: var(--imp-ui-gold) !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(24,43,67,.085) !important;
    transform: none !important;
}
body.imperial-v3-theme .main .flame-guide-title,
body.imperial-v3-theme .main .flame-guides-search-title,
body.imperial-v3-theme .main .flame-guides-count,
body.imperial-v3-theme .main .flame-guide-read-search-note strong,
body.imperial-v3-theme .main .flame-quest-title,
body.imperial-v3-theme .main .flame-recent-completed-player,
body.imperial-v3-theme .main .flame-recent-completed-player a {
    color: var(--imp-ui-ink) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .flame-guide-excerpt,
body.imperial-v3-theme .main .flame-guides-search-subtitle,
body.imperial-v3-theme .main .flame-guides-results-head,
body.imperial-v3-theme .main .flame-quest-desc,
body.imperial-v3-theme .main .flame-recent-completed-quest,
body.imperial-v3-theme .main .flame-recent-completed-time,
body.imperial-v3-theme .main .flame-check-panel ul.style1 li {
    color: var(--imp-ui-muted) !important;
}
body.imperial-v3-theme .main .flame-guide-title mark,
body.imperial-v3-theme .main .flame-guide-excerpt mark,
body.imperial-v3-theme .main .flame-guide-read-mark {
    border-radius: 0 !important;
    background: #fff1b2 !important;
    color: #5c461a !important;
}

/* Vote / referral / gift-code overview cards: remove dark hero + creamy cards. */
body.imperial-v3-theme .main .flame-votereward-page .flame-votereward-hero,
body.imperial-v3-theme .main .flame-votereward-hero.flame-referral-hero {
    overflow: hidden;
    border: 1px solid #cfdae5 !important;
    border-top: 2px solid var(--imp-ui-blue) !important;
    border-radius: 0 !important;
    background: #f3f7fb !important;
    background-image: none !important;
    color: var(--imp-ui-text) !important;
    box-shadow: 0 8px 20px rgba(24,43,67,.06) !important;
    clip-path: none !important;
}
body.imperial-v3-theme .main .flame-votereward-page .flame-votereward-hero::before,
body.imperial-v3-theme .main .flame-votereward-hero.flame-referral-hero::before {
    content: none !important;
}
body.imperial-v3-theme .main .flame-votereward-page .flame-votereward-badge,
body.imperial-v3-theme .main .flame-votereward-badge {
    border: 1px solid #bfd0df !important;
    border-radius: 0 !important;
    background: #e8f1f9 !important;
    color: #315d87 !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .flame-votereward-page .flame-votereward-title,
body.imperial-v3-theme .main .flame-votereward-title {
    color: var(--imp-ui-ink) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .flame-votereward-page .flame-votereward-subtitle,
body.imperial-v3-theme .main .flame-votereward-subtitle {
    color: var(--imp-ui-muted) !important;
}
body.imperial-v3-theme .main .flame-votereward-card {
    border: 1px solid var(--imp-ui-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
}
body.imperial-v3-theme .main .flame-votereward-card-label,
body.imperial-v3-theme .main .flame-votereward-card-muted {
    color: var(--imp-ui-muted) !important;
}
body.imperial-v3-theme .main .flame-votereward-card-value {
    color: var(--imp-ui-ink) !important;
}

/* Quest cards. */
body.imperial-v3-theme .main .flame-quest-card::before,
body.imperial-v3-theme .main .flame-quests-info::before,
body.imperial-v3-theme .main .flame-check-panel::before {
    content: none !important;
}
body.imperial-v3-theme .main .flame-quest-icon,
body.imperial-v3-theme .main .flame-recent-completed-icon {
    border: 1px solid #cdd7e1 !important;
    border-radius: 0 !important;
    background: #f1f5f9 !important;
    background-image: none !important;
    color: var(--imp-ui-blue) !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .flame-progressbar {
    height: 20px !important;
    overflow: hidden;
    border: 1px solid #cbd5df !important;
    border-radius: 0 !important;
    background: #e9eef3 !important;
    box-shadow: inset 0 1px 2px rgba(24,43,67,.08) !important;
}
body.imperial-v3-theme .main .flame-progressbar .stage {
    background: var(--imp-ui-blue) !important;
    background-image: none !important;
    box-shadow: inset 0 -2px 0 rgba(198,164,93,.55) !important;
}
body.imperial-v3-theme .main .flame-progressbar i {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
}
body.imperial-v3-theme .main .flame-recent-completed-head {
    border-bottom: 2px solid var(--imp-ui-gold) !important;
    background: #f2f5f8 !important;
    background-image: none !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .flame-recent-completed-title {
    color: var(--imp-ui-ink) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .flame-recent-completed-sub {
    color: var(--imp-ui-muted) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .flame-recent-completed-window,
body.imperial-v3-theme .main .flame-recent-completed-item {
    background: #fff !important;
    color: var(--imp-ui-text) !important;
}
body.imperial-v3-theme .main .flame-recent-completed-item {
    border-bottom-color: #e8ecf1 !important;
}
body.imperial-v3-theme .main .flame-live-dot {
    background: var(--imp-ui-success) !important;
    box-shadow: none !important;
}

/* Reward tooltips may stay dark for contrast, but remove fiery gold treatment. */
body.imperial-v3-theme .flame-fixed-reward-tooltip,
body.imperial-v3-theme .quest-reward-gremory-note,
body.imperial-v3-theme .quest-reward-mu-tooltip {
    border: 1px solid #52657b !important;
    border-radius: 0 !important;
    background: #142238 !important;
    background-image: none !important;
    color: #eef3f8 !important;
    text-shadow: none !important;
    box-shadow: 0 14px 32px rgba(5,13,24,.32) !important;
    clip-path: none !important;
}

/* Account utility forms — Lost Password / Resend Activation.
   One canonical owner keeps these compact recovery flows aligned with the
   Registration page without inheriting legacy Bootstrap form/button styling. */
body.imperial-v3-theme .main .imperial-account-utility-page {
    padding: 26px !important;
    background: #ffffff !important;
}
body.imperial-v3-theme .main .imperial-lost-password-page,
body.imperial-v3-theme .main .imperial-resend-activation-page {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}
/* Recovery utilities share one compact layout shell. It is structural only:
   the page content remains the only visible large frame. */
body.imperial-v3-theme .main .imperial-account-utility-shell {
    width: min(100%, 720px);
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-account-utility-head {
    padding: 20px 22px 17px !important;
    border-bottom: 1px solid #e8eef4 !important;
    background: linear-gradient(180deg, #fff 0%, #fbfdff 100%) !important;
}
body.imperial-v3-theme .main .imperial-account-utility-shell .imperial-account-utility-head {
    padding: 4px 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe7ef !important;
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-account-utility-head h2 {
    margin: 0 !important;
    color: #18324f !important;
    font: 800 16px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .004em !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-account-utility-shell .imperial-account-utility-head h2 {
    font-size: 18px !important;
    letter-spacing: .002em !important;
}
body.imperial-v3-theme .main .imperial-account-utility-head p {
    margin: 6px 0 0 !important;
    color: #8091a4 !important;
    font: 500 13px/1.45 var(--imp-font-ui) !important;
}
body.imperial-v3-theme .main .imperial-account-utility-body {
    padding: 22px !important;
    background: #fff !important;
}
body.imperial-v3-theme .main .imperial-account-utility-shell .imperial-account-utility-body {
    padding: 22px 0 4px !important;
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-account-utility-form {
    display: block !important;
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-account-utility-form > .form-group:not(.imperial-account-utility-security):not(.imperial-account-utility-actions) {
    margin: 0 0 20px !important;
}
body.imperial-v3-theme .main .imperial-account-utility-bottom {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 30px !important;
    margin-top: 4px !important;
}
body.imperial-v3-theme .main .imperial-account-utility-shell .imperial-account-utility-bottom {
    gap: 24px !important;
    margin-top: 12px !important;
}
body.imperial-v3-theme .main .imperial-account-utility-page label.control-label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #3a5067 !important;
    font: 750 13px/1.25 var(--imp-font-ui) !important;
    letter-spacing: .01em !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-account-utility-page .form-control {
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background: var(--imp-field-surface) !important;
    background-color: var(--imp-field-bg) !important;
    color: #18324f !important;
    -webkit-text-fill-color: #18324f !important;
    caret-color: #244f7b !important;
    font: 500 14px/1.3 var(--imp-font-ui) !important;
    box-shadow: var(--imp-field-shadow) !important;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease !important;
}
body.imperial-v3-theme .main .imperial-account-utility-page .form-control:hover:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-hover) !important;
    background: var(--imp-field-surface-hover) !important;
    background-color: var(--imp-field-bg-hover) !important;
    box-shadow: var(--imp-field-shadow-hover) !important;
}
body.imperial-v3-theme .main .imperial-account-utility-page .form-control:focus:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-focus) !important;
    background: var(--imp-field-surface-focus) !important;
    background-color: var(--imp-field-bg-focus) !important;
    outline: 0 !important;
    box-shadow: var(--imp-field-shadow-focus) !important;
}
body.imperial-v3-theme .main .imperial-account-utility-security {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}
body.imperial-v3-theme .main .imperial-account-utility-security .g-recaptcha,
body.imperial-v3-theme .main .imperial-account-utility-security .QapTcha {
    max-width: 100%;
}
body.imperial-v3-theme .main .imperial-account-utility-actions {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
}
/* Keep utility actions at the canonical site-wide button size. */
body.imperial-v3-theme .main .imperial-account-utility-actions .imperial-action-button {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-account-utility-page .alert {
    margin: 0 0 18px !important;
}
body.imperial-v3-theme .main .imperial-account-utility-page .formError {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 7px 0 0 !important;
}
body.imperial-v3-theme .main .imperial-account-utility-page .formErrorContent {
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
}
@media (max-width: 760px) {
    body.imperial-v3-theme .main .imperial-account-utility-page {
        padding: 18px !important;
    }
    body.imperial-v3-theme .main .imperial-account-utility-bottom {
        flex-direction: column !important;
        align-items: center !important;
        gap: 18px !important;
    }
    body.imperial-v3-theme .main .imperial-account-utility-actions {
        justify-content: center !important;
        padding-top: 0 !important;
    }
}
@media (max-width: 560px) {
    body.imperial-v3-theme .main .imperial-account-utility-page {
        padding: 12px !important;
    }
    body.imperial-v3-theme .main .imperial-account-utility-head,
    body.imperial-v3-theme .main .imperial-account-utility-body {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Registration page — canonical Imperial owner. */
body.imperial-v3-theme .main .imperial-registration-page {
    --imp-reg-line: #d9e3ee;
    --imp-reg-line-soft: #e8eef5;
    --imp-reg-surface: #ffffff;
    --imp-reg-surface-soft: #f7fafd;
    --imp-reg-gold-ink: #936a08;
    --imp-reg-ink: #18324f;
    --imp-reg-text: #50657a;
    --imp-reg-muted: #8191a3;
    --imp-reg-navy: #17375a;
    --imp-reg-blue: #6c91b7;
    padding: 30px 28px 28px !important;
    background: #ffffff !important;
}

/* The form itself is structural only. Each step is the visible block. */
body.imperial-v3-theme .main .imperial-registration-page .registration_form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imperial-v3-theme .main .imperial-registration-section {
    position: relative;
    min-width: 0;
    margin: 0;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-registration-final-section {
    margin-top: 28px !important;
    padding-top: 28px !important;
    border-top: 1px solid var(--imp-reg-line) !important;
}

body.imperial-v3-theme .main .imperial-registration-section-head {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 0;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--imp-reg-line-soft) !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-registration-section-head::before,
body.imperial-v3-theme .main .imperial-registration-section-head::after {
    content: none !important;
}
body.imperial-v3-theme .main .imperial-registration-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 36px;
    flex: 0 0 46px;
    border: 1px solid #aebfd1 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #f4f8fc 0%, #e9f1f8 100%) !important;
    color: #365b80 !important;
    font: 850 13px/1 var(--imp-font-ui) !important;
    letter-spacing: .05em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(54,91,128,.06) !important;
}
body.imperial-v3-theme .main .imperial-registration-step::after {
    content: none !important;
}
body.imperial-v3-theme .main .imperial-registration-section-head h3 {
    margin: 0 !important;
    color: var(--imp-reg-ink) !important;
    font: 800 16px/1.15 var(--imp-font-ui) !important;
    letter-spacing: .003em !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-registration-section-head p {
    margin: 5px 0 0 !important;
    color: var(--imp-reg-muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
body.imperial-v3-theme .main .imperial-registration-section-body {
    padding: 22px 0 0 !important;
    background: transparent !important;
}

/* Step 01: account and security are one block with two clean content columns. */
body.imperial-v3-theme .main .imperial-registration-primary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 28px;
    align-items: start;
}
body.imperial-v3-theme .main .imperial-registration-pane {
    display: grid;
    gap: 17px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
body.imperial-v3-theme .main .imperial-registration-pane-security {
    padding-left: 28px;
    border-left: 1px solid #edf2f6;
}
body.imperial-v3-theme .main .imperial-registration-pane:only-child {
    grid-column: 1 / -1;
    padding-left: 0;
    border-left: 0;
}
body.imperial-v3-theme .main .imperial-registration-password-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-field {
    min-width: 0;
    margin: 0 !important;
}

/* Fields */
body.imperial-v3-theme .main .imperial-registration-page label.control-label {
    display: block;
    margin: 0 0 8px !important;
    color: #3a5067 !important;
    font: 750 13px/1.25 var(--imp-font-ui) !important;
    letter-spacing: .005em !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-registration-page .form-control {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    border: 1px solid var(--imp-field-border) !important;
    border-radius: 0 !important;
    background: var(--imp-field-surface) !important;
    background-color: var(--imp-field-bg) !important;
    background-image: var(--imp-field-surface) !important;
    color: var(--imp-reg-ink) !important;
    -webkit-text-fill-color: var(--imp-reg-ink) !important;
    caret-color: var(--imp-field-border-focus) !important;
    font: 500 14px/1.3 var(--imp-font-ui) !important;
    box-shadow: var(--imp-field-shadow) !important;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease !important;
}
body.imperial-v3-theme .main .imperial-registration-page input.form-control:not([readonly]),
body.imperial-v3-theme .main .imperial-registration-page textarea.form-control {
    background: var(--imp-field-surface) !important;
    background-color: var(--imp-field-bg) !important;
    background-image: var(--imp-field-surface) !important;
}
body.imperial-v3-theme .main .imperial-registration-page input.form-control:-webkit-autofill {
    border-color: var(--imp-field-border) !important;
    -webkit-text-fill-color: var(--imp-reg-ink) !important;
    caret-color: var(--imp-field-border-focus) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg) inset !important;
}
body.imperial-v3-theme .main .imperial-registration-page input.form-control:-webkit-autofill:hover:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-hover) !important;
    -webkit-text-fill-color: var(--imp-reg-ink) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg-hover) inset !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg-hover) inset !important;
}
body.imperial-v3-theme .main .imperial-registration-page input.form-control:-webkit-autofill:focus:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-focus) !important;
    -webkit-text-fill-color: var(--imp-reg-ink) !important;
    caret-color: var(--imp-field-border-focus) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--imp-field-bg-focus) inset, 0 0 0 1px var(--imp-field-ring) !important;
    box-shadow: 0 0 0 1000px var(--imp-field-bg-focus) inset, 0 0 0 1px var(--imp-field-ring) !important;
}
body.imperial-v3-theme .main .imperial-registration-page .form-control::placeholder {
    color: #8a8f94 !important;
    opacity: 1 !important;
}
body.imperial-v3-theme .main .imperial-registration-page select.form-control {
    padding-right: 42px !important;
    appearance: none;
    background:
        linear-gradient(45deg, transparent 50%, #516f90 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, #516f90 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-surface) !important;
}
body.imperial-v3-theme .main .imperial-registration-page .form-control:hover:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-hover) !important;
    background: var(--imp-field-surface-hover) !important;
    background-color: var(--imp-field-bg-hover) !important;
    background-image: var(--imp-field-surface-hover) !important;
    box-shadow: var(--imp-field-shadow-hover) !important;
}
body.imperial-v3-theme .main .imperial-registration-page select.form-control:hover:not(:disabled) {
    background:
        linear-gradient(45deg, transparent 50%, #3f6287 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, #3f6287 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-surface-hover) !important;
}
body.imperial-v3-theme .main .imperial-registration-page .form-control:focus:not(:disabled):not([readonly]) {
    border-color: var(--imp-field-border-focus) !important;
    background: var(--imp-field-surface-focus) !important;
    background-color: var(--imp-field-bg-focus) !important;
    background-image: var(--imp-field-surface-focus) !important;
    outline: 0 !important;
    box-shadow: var(--imp-field-shadow-focus) !important;
}
body.imperial-v3-theme .main .imperial-registration-page select.form-control:focus:not(:disabled) {
    background:
        linear-gradient(45deg, transparent 50%, #244f7b 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,
        linear-gradient(135deg, #244f7b 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
        var(--imp-field-surface-focus) !important;
}
body.imperial-v3-theme .main .imperial-registration-page input[readonly].form-control {
    border-color: var(--imp-field-readonly-border) !important;
    background: var(--imp-field-readonly-bg) !important;
    color: #6d7a88 !important;
    -webkit-text-fill-color: #6d7a88 !important;
}
body.imperial-v3-theme .main .imperial-registration-page .imperial-field-help {
    display: block;
    margin-top: 8px;
    color: #748496;
    font-size: 12px;
    font-weight: 550;
    line-height: 1.45;
}
body.imperial-v3-theme .main .imperial-registration-page .formError {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 7px 0 0 !important;
}
body.imperial-v3-theme .main .imperial-registration-page .formErrorContent {
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Step 02: rules + captcha + primary action. */
body.imperial-v3-theme .main .imperial-registration-final-section .imperial-registration-section-body {
    display: block;
    padding-top: 20px !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-rules {
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-rules-box {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 58px;
    margin: 0 !important;
    padding: 12px 15px !important;
    border: 1px solid var(--imp-reg-line) !important;
    border-radius: 0 !important;
    background: var(--imp-reg-surface-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-check {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-check input {
    position: absolute !important;
    inset: 0 !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    opacity: 0 !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-check span {
    position: relative;
    display: grid;
    place-items: center;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    border: 1px solid #aebdca !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color .15s ease, background-color .15s ease;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-check:hover span {
    border-color: var(--imp-field-border-hover) !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-check input:focus-visible + span {
    outline: 2px solid rgba(33,75,117,.18);
    outline-offset: 2px;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-check input:checked + span {
    border-color: var(--imp-field-border-focus) !important;
    background: var(--imp-field-border-focus) !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-check:hover input:checked + span {
    border-color: #173b60 !important;
    background: #173b60 !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-check input:checked + span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 11px;
    margin: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(-50%, -58%) rotate(45deg);
    transform-origin: center;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-rules-text {
    color: var(--imp-reg-text) !important;
    font-size: 14px;
    line-height: 1.45;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-rules-text a {
    color: var(--imp-link-blue, #2f70b7) !important;
    text-decoration-line: underline !important;
    text-decoration-color: rgba(47,112,183,.28) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: .18em !important;
    border-bottom: 0 !important;
    transition: color .14s ease, text-decoration-color .14s ease !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-rules-text a b {
    color: inherit !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-rules-text a:hover,
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-rules-text a:focus {
    color: var(--imp-link-blue-hover, #168ed6) !important;
    text-decoration-color: rgba(22,142,214,.96) !important;
}
body.imperial-v3-theme .main .imperial-registration-completion-row {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 22px;
    align-items: center;
    margin-top: 22px;
}
/* Captcha/security is content, not another visual card. */
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-security {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-security > .control-label {
    display: none !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-security .g-recaptcha {
    max-width: 100%;
    overflow: hidden;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-registration-page .flame-registration-actions .imperial-action-button-lg {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    min-height: 62px !important;
    margin: 0 auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
}

/* Recovery utilities */
body.imperial-v3-theme .main .imperial-registration-support-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px 54px;
    margin-top: 18px !important;
    padding: 14px 18px !important;
    border: 0 !important;
    border-top: 1px solid var(--imp-reg-line-soft) !important;
    border-bottom: 1px solid var(--imp-reg-line-soft) !important;
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-registration-support-item {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
    min-height: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-registration-support-item + .imperial-registration-support-item {
    border-left: 0 !important;
}
body.imperial-v3-theme .main .imperial-registration-support-item::before {
    content: none !important;
}
body.imperial-v3-theme .main .imperial-registration-support-item span {
    flex: 0 1 auto;
    color: #718195;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
}
body.imperial-v3-theme .main .imperial-registration-support-item a {
    color: var(--imp-link-blue) !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
    white-space: nowrap;
    text-decoration-line: underline !important;
    text-decoration-color: rgba(47,112,183,.28) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: .18em !important;
    transition: color .14s ease, text-decoration-color .14s ease !important;
}
body.imperial-v3-theme .main .imperial-registration-support-item a::after {
    content: none !important;
}
body.imperial-v3-theme .main .imperial-registration-support-item a:hover,
body.imperial-v3-theme .main .imperial-registration-support-item a:focus {
    color: var(--imp-link-blue-hover) !important;
    text-decoration-color: rgba(22,142,214,.96) !important;
}
body.imperial-v3-theme .main .imperial-registration-notices {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
}
body.imperial-v3-theme .main .imperial-registration-notices #warn-info12,
body.imperial-v3-theme .main .imperial-registration-notices #warn-info11 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px;
    margin: 0 !important;
    padding: 13px 22px !important;
    border-radius: 0 !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    text-align: center !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
}
body.imperial-v3-theme .main .imperial-registration-notices #warn-info12 {
    border: 1px solid #bcd6ea !important;
    border-left: 4px solid #4f84b4 !important;
    background: #edf6fe !important;
    color: #35536e !important;
}
body.imperial-v3-theme .main .imperial-registration-notices #warn-info11 {
    border: 1px solid #ead69a !important;
    border-left: 4px solid #dfbd52 !important;
    background: #fff9e9 !important;
    color: #435268 !important;
}

@media (max-width: 980px) {
    body.imperial-v3-theme .main .imperial-registration-primary-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    body.imperial-v3-theme .main .imperial-registration-pane-security {
        padding-left: 0;
        padding-top: 20px;
        border-left: 0;
        border-top: 1px solid var(--imp-reg-line-soft);
    }
    body.imperial-v3-theme .main .imperial-registration-completion-row {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    body.imperial-v3-theme .main .imperial-registration-page .flame-registration-actions {
        justify-content: center !important;
    }
    body.imperial-v3-theme .main .imperial-registration-page .flame-registration-actions .imperial-action-button-lg {
        width: min(100%, 320px) !important;
        min-width: 0 !important;
        max-width: 320px !important;
    }
}
@media (max-width: 820px) {
    body.imperial-v3-theme .main .imperial-registration-page {
        padding: 18px !important;
    }
    body.imperial-v3-theme .main .imperial-registration-password-grid,
    body.imperial-v3-theme .main .imperial-registration-support-grid,
    body.imperial-v3-theme .main .imperial-registration-notices {
        grid-template-columns: 1fr;
    }
    body.imperial-v3-theme .main .imperial-registration-support-grid {
        gap: 10px 24px;
    }
    body.imperial-v3-theme .main .imperial-registration-support-item + .imperial-registration-support-item {
        border-left: 0 !important;
        border-top: 0 !important;
    }
}
@media (max-width: 560px) {
    body.imperial-v3-theme .main .imperial-registration-page {
        padding: 12px !important;
    }
    body.imperial-v3-theme .main .imperial-registration-section-head {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 11px;
        padding: 15px 14px 13px;
    }
    body.imperial-v3-theme .main .imperial-registration-section-body {
        padding: 16px 14px 19px;
    }
    body.imperial-v3-theme .main .imperial-registration-pane,
    body.imperial-v3-theme .main .imperial-registration-password-grid {
        gap: 15px;
    }
    body.imperial-v3-theme .main .imperial-registration-page .flame-registration-rules-box {
        align-items: flex-start !important;
        padding: 12px !important;
    }
    body.imperial-v3-theme .main .imperial-registration-support-item {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 7px;
    }
    body.imperial-v3-theme .main .imperial-registration-support-item span,
    body.imperial-v3-theme .main .imperial-registration-support-item a {
        white-space: normal;
    }
    body.imperial-v3-theme .main .imperial-registration-page .flame-registration-actions .imperial-action-button-lg {
        min-height: 58px !important;
    }
}

/* Shared utility panels outside registration keep the same light system. */
body.imperial-v3-theme .main .flame-modern-form,
body.imperial-v3-theme .main .flame-settings-form,
body.imperial-v3-theme .main .flame-referral-input-wrap,
body.imperial-v3-theme .main .imperial-payment-embed {
    border: 1px solid var(--imp-ui-line) !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
    color: var(--imp-ui-text) !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .flame-modern-form {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 24px !important;
    padding: 24px 26px !important;
    border-color: #dce4eb !important;
    background: #fff !important;
    box-shadow: 0 7px 20px rgba(29,53,78,.045) !important;
}
body.imperial-v3-theme .main .flame-modern-form .form-group { margin-bottom: 17px !important; }
body.imperial-v3-theme .main .flame-modern-form .control-label {
    display: block !important;
    margin: 0 0 7px !important;
    color: #435b72 !important;
    font: 750 11px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .flame-modern-form .form-control,
body.imperial-v3-theme .main .flame-modern-form input,
body.imperial-v3-theme .main .flame-modern-form select,
body.imperial-v3-theme .main .flame-modern-form textarea {
    min-height: 43px !important;
    border: 1px solid #c5d3df !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    color: #253f58 !important;
    -webkit-text-fill-color: #253f58 !important;
    font-family: var(--imp-font-ui) !important;
    box-shadow: inset 0 1px 1px rgba(28,53,78,.035) !important;
}
body.imperial-v3-theme .main .flame-modern-form .form-control:focus,
body.imperial-v3-theme .main .flame-modern-form input:focus,
body.imperial-v3-theme .main .flame-modern-form select:focus,
body.imperial-v3-theme .main .flame-modern-form textarea:focus { border-color: #6e9dc6 !important; outline: 0 !important; box-shadow: 0 0 0 2px rgba(85,145,198,.12) !important; }
body.imperial-v3-theme .main .flame-profile-modern-table { margin: 0 0 18px !important; border: 0 !important; background: transparent !important; }
body.imperial-v3-theme .main .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th {
    padding: 13px 17px !important;
    border: 0 !important;
    border-bottom: 1px solid #ccd9e4 !important;
    background: linear-gradient(180deg,#274966 0%,#18334f 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.imperial-v3-theme .main .flame-profile-modern-title { min-height: 0 !important; }
body.imperial-v3-theme .main .flame-profile-modern-icon { display: none !important; }
body.imperial-v3-theme .main .flame-profile-modern-text { color: #fff !important; font: 800 12.5px/1.25 var(--imp-font-ui) !important; letter-spacing: .045em !important; text-transform: uppercase !important; }
body.imperial-v3-theme .main .flame-rankings-table-area { margin-bottom: 24px !important; }
body.imperial-v3-theme .main .flame-clear-inventory-card { border: 1px solid #dce4eb !important; border-radius: 0 !important; background: #fff !important; box-shadow: 0 7px 20px rgba(29,53,78,.045) !important; }

/* Account feature routes share one complete Imperial component system. */
body.imperial-v3-theme.imperial-account-feature-page .main .flame-page-content {
    color: #4b6075 !important;
    font-family: var(--imp-font-ui) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main h2.title {
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #183550 !important;
    font: 800 21px/1.25 var(--imp-font-ui) !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-feature-intro {
    max-width: 720px !important;
    margin: 0 0 22px !important;
    color: #6a7e91 !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-modern-form,
body.imperial-v3-theme.imperial-account-feature-page .main .flame-settings-form {
    max-width: 900px !important;
    margin: 0 auto 26px !important;
    padding: 8px 0 26px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-profile-modern-table {
    max-width: 900px !important;
    margin: 0 auto 18px !important;
    border: 0 !important;
    background: transparent !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th {
    padding: 0 0 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #d9e3eb !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-profile-modern-table .flame-profile-modern-text {
    color: #183550 !important;
    -webkit-text-fill-color: #183550 !important;
    font: 800 15px/1.25 var(--imp-font-ui) !important;
    letter-spacing: .025em !important;
    text-transform: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main h5,
body.imperial-v3-theme.imperial-account-feature-page .main h6 {
    color: #29445f !important;
    font-family: var(--imp-font-ui) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .form-control,
body.imperial-v3-theme.imperial-account-feature-page .main input[type="text"],
body.imperial-v3-theme.imperial-account-feature-page .main input[type="password"],
body.imperial-v3-theme.imperial-account-feature-page .main input[type="email"],
body.imperial-v3-theme.imperial-account-feature-page .main input[type="number"],
body.imperial-v3-theme.imperial-account-feature-page .main select,
body.imperial-v3-theme.imperial-account-feature-page .main textarea {
    box-sizing: border-box !important;
    min-height: 43px !important;
    border: 1px solid #c5d3df !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    color: #253f58 !important;
    -webkit-text-fill-color: #253f58 !important;
    font-family: var(--imp-font-ui) !important;
    box-shadow: inset 0 1px 1px rgba(28,53,78,.035) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main select {
    padding-right: 42px !important;
    background-image: linear-gradient(45deg,transparent 50%,#58728d 50%),linear-gradient(135deg,#58728d 50%,transparent 50%) !important;
    background-position: calc(100% - 18px) 18px,calc(100% - 13px) 18px !important;
    background-size: 5px 5px,5px 5px !important;
    background-repeat: no-repeat !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .form-control:focus,
body.imperial-v3-theme.imperial-account-feature-page .main input:focus,
body.imperial-v3-theme.imperial-account-feature-page .main select:focus,
body.imperial-v3-theme.imperial-account-feature-page .main textarea:focus { border-color: #6e9dc6 !important; outline: 0 !important; box-shadow: 0 0 0 2px rgba(85,145,198,.12) !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .control-label,
body.imperial-v3-theme.imperial-account-feature-page .main .form-group > label {
    margin-bottom: 7px !important;
    color: #435b72 !important;
    font: 750 11px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .alert {
    padding: 12px 14px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 0 !important;
    background-image: none !important;
    color: #455c71 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .alert-info,
body.imperial-v3-theme.imperial-account-feature-page .main .alert-primary { border-color: #bdd2e3 !important; background: #f2f7fb !important; color: #315c7d !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .alert-success { border-color: #bfd8c6 !important; background: #f3faf5 !important; color: #346445 !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .alert-danger { border-color: #dfc1bf !important; background: #fff6f5 !important; color: #8a3f3a !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .alert-warning { border-color: #e1d09b !important; background: #fffaf0 !important; color: #796124 !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .card {
    overflow: hidden !important;
    border: 1px solid #d9e3eb !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #4b6075 !important;
    box-shadow: 0 8px 22px rgba(29,53,78,.055) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .card-header {
    padding: 16px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(116,150,190,.42) !important;
    background: linear-gradient(102deg,#102245 0%,#18365d 62%,#10213f 100%) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .card-body { padding: 19px !important; background: #fff !important; color: #4b6075 !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .btn:not(.imperial-account-switch-close),
body.imperial-v3-theme.imperial-account-feature-page .main button[type="submit"] {
    border-radius: 0 !important;
    font-family: var(--imp-font-ui) !important;
    text-shadow: none !important;
    transform: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-vip-plan .card-title { margin: 0 0 7px !important; color: #d8c678 !important; font: 800 12px/1.2 var(--imp-font-ui) !important; letter-spacing: .065em !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-vip-plan .h1 { margin: 0 !important; color: #fff !important; font: 800 25px/1.15 var(--imp-font-ui) !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-vip-plan .h6 { color: #c7d3df !important; font-size: 11px !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-vip-plan ul { color: #50677d !important; font-size: 13px !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-vip-check { color: var(--imp-gold-600) !important; font-weight: 800 !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-vip-purchase-form { max-width: 680px !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-support-facebook-button { border-radius: 0 !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .box-style1 {
    margin-bottom: 20px !important;
    padding: 20px !important;
    border: 1px solid #dce4eb !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #4b6075 !important;
    box-shadow: 0 7px 20px rgba(29,53,78,.045) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-donate-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 12px 15px !important;
    border-color: var(--imp-action-border) !important;
    background: linear-gradient(180deg, var(--imp-action-top) 0%, var(--imp-action-mid) 48%, var(--imp-action-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    white-space: normal !important;
    text-align: center !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-donate-button:hover,
body.imperial-v3-theme.imperial-account-feature-page .main .flame-donate-button:focus,
body.imperial-v3-theme.imperial-account-feature-page .main .flame-donate-button:focus-visible {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(241,251,255,.98), inset 0 0 0 1px rgba(255,255,255,.23), 0 0 0 1px rgba(49,119,174,.24) !important;
    outline: 0 !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-donate-button:active {
    border-color: #3679ad !important;
    background: linear-gradient(180deg, var(--imp-action-active-top) 0%, var(--imp-action-active-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 2px 0 rgba(35,83,119,.12), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-rankings-table-area > .row.justify-content-center {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-rankings-table-area > .row.justify-content-center > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-payment-notes { display: grid !important; gap: 9px !important; margin-bottom: 22px !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-price-list { padding: 0 !important; border: 0 !important; background: transparent !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .imperial-price-list .imperial-section-kicker { color: var(--imp-gold-600) !important; font: 800 10px/1.2 var(--imp-font-ui) !important; letter-spacing: .09em !important; text-transform: uppercase !important; }
body.imperial-v3-theme.imperial-account-feature-page .main #paypal-options > li,
body.imperial-v3-theme.imperial-account-feature-page .main #paypal-options > li.list-group-item {
    min-height: 70px !important;
    padding: 13px 15px !important;
    border: 1px solid #dce4eb !important;
    border-left: 1px solid #dce4eb !important;
    background: #fff !important;
    color: #4b6075 !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main #paypal-options > li h4 {
    color: #183550 !important;
    font: 800 14px/1.3 var(--imp-font-ui) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main #paypal-options > li h3 {
    color: #687d91 !important;
    font: 650 13px/1.4 var(--imp-font-ui) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main #paypal-options > li .btn,
body.imperial-v3-theme.imperial-account-feature-page .main #paypal-options > li button {
    min-width: 124px !important;
    margin-left: auto !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .ticket,
body.imperial-v3-theme.imperial-account-feature-page .main .ticket-reply { border-radius: 0 !important; background: #fff !important; color: #4b6075 !important; box-shadow: none !important; }
body.imperial-v3-theme.imperial-account-feature-page .main #sell_item_form { max-width: 720px !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-page-inner,
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-hero {
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-hero-content {
    padding: 22px 24px !important;
    border: 1px solid #dce4eb !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 7px 20px rgba(29,53,78,.045) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-badge {
    display: inline-flex !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--imp-gold-600) !important;
    font: 800 10px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-title {
    margin: 0 !important;
    color: #183550 !important;
    font: 800 21px/1.25 var(--imp-font-ui) !important;
    text-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-subtitle { margin: 8px 0 0 !important; color: #687d91 !important; font-size: 13px !important; line-height: 1.55 !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 0 0 22px !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-card {
    padding: 17px 18px !important;
    border: 1px solid #dce4eb !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-card-label { color: var(--imp-gold-600) !important; font: 800 10px/1.2 var(--imp-font-ui) !important; letter-spacing: .065em !important; text-transform: uppercase !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-card-value { margin-top: 6px !important; color: #183550 !important; font: 800 16px/1.25 var(--imp-font-ui) !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-card-muted { margin-top: 5px !important; color: #718497 !important; font-size: 12px !important; line-height: 1.45 !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .vote-options { margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .vote-options > li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 72px !important;
    padding: 12px 14px !important;
    border: 1px solid #dce4eb !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-clear-inventory-card {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-clear-inventory-option.flame-registration-rules-box {
    min-height: 58px !important;
    padding: 12px 14px !important;
    border: 1px solid #dce4eb !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #40566c !important;
    box-shadow: none !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-clear-inventory-option:hover {
    border-color: #9bb7cf !important;
    background: #f5f9fc !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .flame-clear-inventory-option-text,
body.imperial-v3-theme.imperial-account-feature-page .main .flame-clear-inventory-option:hover .flame-clear-inventory-option-text {
    color: #40566c !important;
    font-family: var(--imp-font-ui) !important;
    font-weight: 700 !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .btn.btn-primary:hover,
body.imperial-v3-theme.imperial-account-feature-page .main .btn.btn-primary:focus,
body.imperial-v3-theme.imperial-account-feature-page .main .btn.btn-primary:focus-visible,
body.imperial-v3-theme.imperial-account-feature-page .main button[type="submit"]:hover,
body.imperial-v3-theme.imperial-account-feature-page .main button[type="submit"]:focus {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(241,251,255,.98), inset 0 0 0 1px rgba(255,255,255,.23), 0 0 0 1px rgba(49,119,174,.24) !important;
    outline: 0 !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .btn.btn-primary:active,
body.imperial-v3-theme.imperial-account-feature-page .main button[type="submit"]:active {
    border-color: #3679ad !important;
    background: linear-gradient(180deg, var(--imp-action-active-top) 0%, var(--imp-action-active-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 2px 0 rgba(35,83,119,.12), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
body.imperial-v3-theme.imperial-account-feature-page .main .vote-options img { width: 44px !important; height: 44px !important; margin: 0 !important; object-fit: contain !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .vote-options h5 { margin: 0 !important; color: #29445f !important; font: 750 13px/1.3 var(--imp-font-ui) !important; }
body.imperial-v3-theme.imperial-account-feature-page .main .vote-options .flame-vote-reward-button { margin-left: auto !important; }
@media (max-width: 620px) {
    body.imperial-v3-theme .main .flame-modern-form { padding: 18px 16px !important; }
    body.imperial-v3-theme.imperial-account-feature-page .main .imperial-vip-plan-column { flex: 0 0 100% !important; max-width: 100% !important; }
    body.imperial-v3-theme.imperial-account-feature-page .main .flame-rankings-table-area > .row.justify-content-center { grid-template-columns: 1fr !important; }
    body.imperial-v3-theme.imperial-account-feature-page .main .flame-votereward-grid { grid-template-columns: 1fr !important; }
    body.imperial-v3-theme.imperial-account-feature-page .main .vote-options > li { align-items: flex-start !important; flex-wrap: wrap !important; }
}


/* Guide search action inherits the canonical Imperial primary button system. */

/* Media gallery thumbnails and generic legacy cards. */
body.imperial-v3-theme .main .thumbnail,
body.imperial-v3-theme .main .wallpapers li,
body.imperial-v3-theme .main .thumbnails li {
    border-radius: 0 !important;
    clip-path: none !important;
}
body.imperial-v3-theme .main .thumbnail img,
body.imperial-v3-theme .main .wallpapers img,
body.imperial-v3-theme .main .thumbnails img {
    border: 1px solid #d4dce5 !important;
    border-radius: 0 !important;
    box-shadow: 0 7px 18px rgba(24,43,67,.07) !important;
}

/* --------------------------------------------------------------------------
   16. REMAINING LEGACY ACTIONS / EVENT POPOVERS / MEDIA DIALOGS
   Legacy controls inherit the canonical Imperial button system above.
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .account-announcement-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 10px 21px !important;
    border: 1px solid var(--imp-action-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-action-top) 0%, var(--imp-action-mid) 48%, var(--imp-action-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .022em !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(26,77,116,.22), 0 1px 0 rgba(27,69,103,.10) !important;
    clip-path: none !important;
    transform: none !important;
    transition: background .17s ease, border-color .17s ease, box-shadow .17s ease, filter .17s ease !important;
}
body.imperial-v3-theme .account-announcement-link:hover {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.34), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(24,78,118,.18), 0 0 0 2px rgba(66,157,216,.24) !important;
    filter: none !important;
}

/* Event schedule popover: compact directional game tooltip. The event JS
   supplies --flame-event-tooltip-arrow-top so the pointer stays aligned to the
   exact event row even when the tooltip is viewport-clamped. */
body.imperial-v3-theme .flame-event-tooltip {
    width: 300px !important;
    max-width: calc(100vw - 18px) !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 1px solid #a9b8c9 !important;
    border-radius: 0 !important;
    background: #fbfdff !important;
    background-image: none !important;
    color: #40516a !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .98),
        0 7px 18px rgba(16, 37, 65, .12) !important;
    clip-path: none !important;
}
/* Small two-layer directional pointer. Reset legacy transforms so the arrow
   cannot turn into the old diamond shape. */
body.imperial-v3-theme .flame-event-tooltip::before,
body.imperial-v3-theme .flame-event-tooltip::after {
    content: "" !important;
    position: absolute !important;
    top: var(--flame-event-tooltip-arrow-top, 50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    pointer-events: none !important;
    display: block !important;
    z-index: 4 !important;
}
body.imperial-v3-theme .flame-event-tooltip::before {
    right: -9px !important;
    margin-top: -7px !important;
    border-width: 7px 0 7px 9px !important;
    border-color: transparent transparent transparent #9dacbf !important;
}
body.imperial-v3-theme .flame-event-tooltip::after {
    display: none !important;
    right: -7px !important;
    margin-top: -6px !important;
    border-width: 6px 0 6px 7px !important;
    border-color: transparent transparent transparent #fbfdff !important;
}
body.imperial-v3-theme .flame-event-tooltip.is-right-side::before {
    right: auto !important;
    left: -9px !important;
    border-width: 7px 9px 7px 0 !important;
    border-color: transparent #9dacbf transparent transparent !important;
}
body.imperial-v3-theme .flame-event-tooltip.is-right-side::after {
    right: auto !important;
    left: -7px !important;
    border-width: 6px 7px 6px 0 !important;
    border-color: transparent #fbfdff transparent transparent !important;
}
body.imperial-v3-theme .flame-event-tooltip-head {
    min-height: 40px !important;
    margin: 0 !important;
    gap: 9px !important;
    padding: 5px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #aebdd0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.025) 52%, transparent 100%),
        linear-gradient(100deg, #2b466e 0%, #243c62 56%, #1d3152 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(10,27,49,.28) !important;
}
body.imperial-v3-theme .flame-event-tooltip-head strong {
    color: #ffffff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13.5px !important;
    font-weight: 730 !important;
    letter-spacing: .012em !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .flame-event-tooltip-dot {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("../images/event-clock-premium.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 28px 28px !important;
    box-shadow: none !important;
    transform: none !important;
}
body.imperial-v3-theme .flame-event-tooltip-title {
    margin: 0 !important;
    padding: 7px 11px 6px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    background: #fbfdff !important;
    color: #53657c !important;
    font-size: 9px !important;
    font-weight: 780 !important;
    letter-spacing: .095em !important;
}
body.imperial-v3-theme .flame-event-tooltip-title span:last-child {
    color: #7a8799 !important;
    font-weight: 650 !important;
}
body.imperial-v3-theme .flame-event-tooltip-list {
    gap: 0 !important;
    padding: 0 10px !important;
    background: #fbfdff !important;
}
body.imperial-v3-theme .flame-event-tooltip-row {
    gap: 8px !important;
    min-height: 34px !important;
    padding: 6px 2px !important;
    border-bottom: 1px solid #e4ebf2 !important;
    background: transparent !important;
    color: #526278 !important;
    font-size: 12px !important;
    font-weight: 450 !important;
    line-height: 1.25 !important;
}
body.imperial-v3-theme .flame-event-tooltip-row:last-child {
    border-bottom: 0 !important;
}
body.imperial-v3-theme .flame-event-tooltip-row.is-next {
    position: relative !important;
    margin: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border: 1px solid #e2c95f !important;
    background: transparent !important;
    color: #526278 !important;
    font-weight: 450 !important;
}
body.imperial-v3-theme .flame-event-tooltip-date {
    gap: 7px !important;
    overflow: visible !important;
}
body.imperial-v3-theme .flame-event-tooltip-day,
body.imperial-v3-theme .flame-event-tooltip-row.is-next .flame-event-tooltip-day {
    position: relative !important;
    z-index: 2 !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    color: #344b66 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-variant-ligatures: none !important;
    font-feature-settings: "liga" 0, "kern" 1 !important;
    letter-spacing: 0 !important;
    isolation: isolate !important;
}
/* Clock times are intentionally larger but not bold. */
body.imperial-v3-theme .flame-event-tooltip-time,
body.imperial-v3-theme .flame-event-tooltip-row.is-next .flame-event-tooltip-time {
    color: #527da9 !important;
    font-size: 16.5px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}
body.imperial-v3-theme .flame-event-tooltip-left {
    color: #6f86a5 !important;
    font-size: 15px !important;
    font-weight: 350 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}
body.imperial-v3-theme .flame-event-tooltip-row.is-next .flame-event-tooltip-left {
    color: #6f86a5 !important;
    font-weight: 350 !important;
}
body.imperial-v3-theme .flame-event-tooltip-empty {
    color: #748196 !important;
    font-size: 11.5px !important;
}

/* jQuery Colorbox / gallery frame: simple square photo viewer. */
body.imperial-v3-theme #cboxWrapper,
body.imperial-v3-theme #colorbox,
body.imperial-v3-theme #cboxContent {
    border-radius: 0 !important;
    clip-path: none !important;
}
body.imperial-v3-theme #cboxWrapper {
    border: 1px solid #5e6d7e !important;
    background: #101b2b !important;
    box-shadow: 0 20px 52px rgba(0,0,0,.34) !important;
}

/* Login, server-select and notifier X marks share one exact stroke geometry. */
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 #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 {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: 14px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform-origin: center !important;
    pointer-events: none !important;
}
body.imperial-v3-theme #enter.modal_div .modal_close::before,
body.imperial-v3-theme #select_server .close::before,
body.imperial-v3-theme #notifier-box .message-box a.message-close::before,
body.imperial-v3-theme div.message-box a.message-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 #notifier-box .message-box a.message-close::after,
body.imperial-v3-theme div.message-box a.message-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !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 #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 {
    background: #fff !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 {
    filter: drop-shadow(1px 1px 0 rgba(9,17,29,.48)) !important;
}
body.imperial-v3-theme .ui-dialog-titlebar-close::before,
body.imperial-v3-theme .ui-dialog-titlebar-close::after {
    background: #fff !important;
}
body.imperial-v3-theme .account-announcement-close span {
    color: #fff !important;
}

/* ========================================================================== 
   IMPERIAL PAGE REFINEMENT V3 — Home News / Rankings / Statistics
   Page-scoped replacements only. These selectors intentionally avoid the
   legacy .btn/.title systems so these pages no longer inherit dark Flame UI.
   ========================================================================== */

/* Shared page surfaces: remove the old ornamental corner frame on the pages
   that now use a cleaner editorial layout. */
body.imperial-v3-theme .main .imperial-rankings-page .flame-rankings-page-content::before,
body.imperial-v3-theme .main .imperial-about-page .flame-about-stats-page::before,
body.imperial-v3-theme .main .imperial-stats-page .flame-about-stats-page::before {
    display: none !important;
    content: none !important;
}

body.imperial-v3-theme .main .imperial-rankings-page .flame-rankings-page-content,
body.imperial-v3-theme .main .imperial-about-page .flame-about-stats-page,
body.imperial-v3-theme .main .imperial-stats-page .flame-about-stats-page {
    border-color: #dce3ea !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(31, 51, 75, .055) !important;
}

/* --------------------------------------------------------------------------
   Rankings — compact segmented server switch + professional action tiles
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .imperial-rankings-page .flame-rankings-page-content {
    padding: 40px 46px 44px !important;
}

body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-serverbar {
    display: flex !important;
    justify-content: center !important;
    margin: 0 0 26px !important;
}

body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-server-tabs {
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #bfd0df !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 3px 9px rgba(42,86,130,.055) !important;
}

body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-server-tab,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-filter,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-class-button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background-image: none !important;
    font-family: var(--imp-font-ui) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    clip-path: none !important;
    transform: none !important;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease !important;
}

body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-server-tab {
    min-width: 112px !important;
    min-height: 40px !important;
    padding: 8px 18px !important;
    border: 0 !important;
    background: transparent !important;
    color: #24415e !important;
    -webkit-text-fill-color: #24415e !important;
    font-size: 13.5px !important;
    letter-spacing: .014em !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-server-tab + .imperial-rankings-server-tab {
    border-left: 1px solid #c5d1dc !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-server-tab:hover {
    background: linear-gradient(180deg, #f8fcff 0%, #e9f4fc 100%) !important;
    color: #163754 !important;
    -webkit-text-fill-color: #163754 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 0 0 1px rgba(111,169,219,.12),
        0 0 0 1px rgba(90,151,204,.12) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-server-tab.active {
    background: linear-gradient(180deg, var(--imp-btn-blue-top) 0%, var(--imp-btn-blue-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.52),
        inset 0 -1px 0 rgba(27,69,110,.10),
        0 0 0 1px rgba(91,146,196,.18) !important;
}

body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-filter-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: min(100%, 1010px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-filter {
    flex: 0 1 235px !important;
    min-width: 190px !important;
    max-width: 235px !important;
    min-height: 44px !important;
    padding: 9px 15px !important;
    border: 1px solid #c4d2df !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%) !important;
    color: #213c58 !important;
    -webkit-text-fill-color: #213c58 !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
    letter-spacing: .008em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 2px 6px rgba(38,74,109,.04) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-filter:hover {
    border-color: #82add4 !important;
    background: linear-gradient(180deg, #f9fcff 0%, #e9f4fc 100%) !important;
    color: #163754 !important;
    -webkit-text-fill-color: #163754 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        inset 0 0 0 1px rgba(124,181,230,.10),
        0 0 0 1px rgba(91,154,207,.13) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-filter.is-active,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-filter.active {
    border-color: var(--imp-btn-blue-border) !important;
    background: linear-gradient(180deg, var(--imp-btn-blue-top) 0%, var(--imp-btn-blue-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.52),
        inset 0 -1px 0 rgba(27,69,110,.10),
        inset 0 0 0 1px rgba(255,255,255,.10),
        0 0 0 1px rgba(91,146,196,.16) !important;
}

body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results {
    padding-top: 27px !important;
}

/* By Class — compact secondary control, visually separate from ranking choices. */
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class.flame-rankings-class-filter {
    margin: 0 0 20px !important;
}
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class .flame-class-dropdown {
    display: inline-block !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-class-button {
    min-width: 166px !important;
    min-height: 40px !important;
    padding: 8px 16px !important;
    border: 1px solid #c4d2df !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%) !important;
    color: #213c58 !important;
    -webkit-text-fill-color: #213c58 !important;
    font-size: 13px !important;
    letter-spacing: .008em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 2px 6px rgba(38,74,109,.04) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-class-button:hover {
    border-color: #82add4 !important;
    background: linear-gradient(180deg, #f9fcff 0%, #e9f4fc 100%) !important;
    color: #163754 !important;
    -webkit-text-fill-color: #163754 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        inset 0 0 0 1px rgba(124,181,230,.10),
        0 0 0 1px rgba(91,154,207,.13) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-class-button .caret {
    margin-left: 12px !important;
    border-top-color: #60768d !important;
}
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class .flame-class-dropdown-menu {
    width: 196px !important;
    min-width: 196px !important;
    max-width: 196px !important;
    max-height: none !important;
    margin-top: 7px !important;
    padding: 5px !important;
    overflow: visible !important;
    border: 1px solid #cbd6e0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: 0 12px 28px rgba(31,51,75,.12) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class .flame-class-dropdown-menu > li {
    margin: 0 !important;
}
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class .flame-class-dropdown-menu > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 36px !important;
    padding: 6px 9px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f4 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #40546a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class .flame-class-dropdown-menu > li:last-child > a {
    border-bottom: 0 !important;
}
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class .flame-class-dropdown-menu > li > a:hover,
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class .flame-class-dropdown-menu > li > a:focus {
    background: #eef7fe !important;
    color: #173955 !important;
    box-shadow: inset 0 0 0 1px rgba(111,169,219,.14) !important;
    transform: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page #rank_by_class .flame-class-dropdown-menu > li > a img {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    border: 1px solid #c9d2dc !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

/* Rankings results: strong header + compact clean-list rows, without boxed table chrome. */
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table-wrap,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .table-responsive-sm {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-data-table {
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > thead > tr > th,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table > thead > tr > th,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-data-table > thead > tr > th {
    height: 44px !important;
    padding: 0 10px !important;
    vertical-align: middle !important;
    border: 0 !important;
    border-bottom: 2px solid var(--imp-table-head-keyline) !important;
    background: linear-gradient(180deg, var(--imp-table-head-top) 0%, var(--imp-table-head-mid) 48%, var(--imp-table-head-bottom) 100%) !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
    letter-spacing: .045em !important;
    text-shadow: 0 1px 0 rgba(30,61,96,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(27,59,94,.14) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results thead .flame-rankings-header-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table > tbody > tr,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-data-table > tbody > tr {
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr > td,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table > tbody > tr > td,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-data-table > tbody > tr > td {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    vertical-align: middle !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ebf2 !important;
    background: transparent !important;
    color: #40546a !important;
    box-shadow: none !important;
    transition: background-color .14s ease, color .14s ease, border-color .14s ease !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr:last-child > td,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table > tbody > tr:last-child > td,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-data-table > tbody > tr:last-child > td {
    border-bottom-color: transparent !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr:nth-child(odd) > td,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr:nth-child(even) > td {
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr:hover > td,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr:focus-within > td {
    border-bottom-color: #cfdae5 !important;
    background: #f4f8fc !important;
    color: #2f475f !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr:hover > td:first-child,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr:focus-within > td:first-child {
    box-shadow: inset 3px 0 0 #88aecd !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-rank {
    color: #58738e !important;
    font-weight: 800 !important;
}
/* Ranking profile links: exact pre-list Imperial palette and hover treatment. */
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results td a:not(.btn) {
    color: #2e6598 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results td a:not(.btn):hover,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results td a:not(.btn):focus {
    color: var(--imp-link-blue-hover, #168ed6) !important;
    text-decoration: none !important;
}
/* ML / GR: gold family, tuned separately for light rows and the blue header. */
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-ml,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-gr,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results sup.flame-rankings-ml,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results sup.flame-rankings-gr {
    color: #a8780d !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results thead .flame-rankings-ml,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results thead .flame-rankings-gr,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results thead sup.flame-rankings-ml,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results thead sup.flame-rankings-gr {
    color: #f7e65d !important;
    text-shadow: 0 1px 0 rgba(52,65,86,.20) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > thead > tr > th::before,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > thead > tr > th::after {
    display: none !important;
    content: none !important;
}

/* Weekly BC / DS / CC / Voters information panel — light Imperial editorial treatment. */
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-row {
    margin-bottom: 18px !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-info {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 4px minmax(0, 1fr) !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #dbe4ec !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #fbfdff 0%, #f7fafc 100%) !important;
    background-image: linear-gradient(180deg, #fbfdff 0%, #f7fafc 100%) !important;
    color: #465b70 !important;
    clip-path: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 7px 18px rgba(29,53,78,.055) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-accent {
    width: 4px !important;
    height: 100% !important;
    background: linear-gradient(180deg, #e7cf6f 0%, #c7a94a 100%) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-content {
    min-width: 0 !important;
    padding: 20px 22px 21px !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-kicker {
    display: block !important;
    margin: 0 0 7px !important;
    color: #c8a64a !important;
    font: 800 10.5px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-info h2 {
    margin: 0 !important;
    color: #18324f !important;
    font: 800 18px/1.25 var(--imp-font-ui) !important;
    letter-spacing: .002em !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-info p {
    max-width: 980px !important;
    margin: 8px 0 0 !important;
    color: #66798c !important;
    font-size: 13.5px !important;
    line-height: 1.58 !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin-top: 15px !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 20px !important;
    border: 1px solid var(--imp-action-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-action-top) 0%, var(--imp-action-mid) 48%, var(--imp-action-bottom) 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font: 800 11.5px/1 var(--imp-font-ui) !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(235,248,255,.95), inset 0 0 0 1px rgba(255,255,255,.18), inset 0 -1px 0 rgba(34,82,119,.18), 0 1px 0 rgba(28,61,91,.08) !important;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button:hover,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button:focus,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button:focus-visible {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(241,251,255,.98), inset 0 0 0 1px rgba(255,255,255,.23), inset 0 -1px 0 rgba(31,81,119,.15), 0 0 0 1px rgba(49,119,174,.24) !important;
    outline: none !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button:active {
    border-color: #3679ad !important;
    background: linear-gradient(180deg, var(--imp-action-active-top) 0%, var(--imp-action-active-bottom) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(222,241,252,.58), inset 0 2px 0 rgba(35,83,119,.12), inset 0 0 0 1px rgba(255,255,255,.12), 0 0 0 1px rgba(45,103,149,.16) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button-secondary {
    border-color: #c9d5df !important;
    background: #ffffff !important;
    color: #315c83 !important;
    -webkit-text-fill-color: #315c83 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button-secondary:hover,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button-secondary:focus,
body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button-secondary:focus-visible {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, #fafdff 0%, #eef6fb 100%) !important;
    color: #244e75 !important;
    -webkit-text-fill-color: #244e75 !important;
    box-shadow: 0 0 0 1px rgba(49,119,174,.14), inset 0 1px 0 rgba(255,255,255,.98) !important;
    outline: none !important;
}

/* Weekly history date filter — compact label tied visually to the selector. */
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-row {
    margin-top: 2px !important;
    margin-bottom: 24px !important;
}
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-filter,
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-field {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-field > label {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #60758a !important;
    font: 800 10.5px/1.2 var(--imp-font-ui) !important;
    letter-spacing: .085em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-field > label::before,
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-field > label::after {
    display: none !important;
    content: none !important;
}
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-field > label > span {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-field .flame-custom-select,
body.imperial-v3-theme .main .imperial-weekly-history-shell .imperial-weekly-history-week-field .flame-modern-select {
    width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 620px) {
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-data-table {
        border: 0 !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > thead > tr,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table > thead > tr,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-data-table > thead > tr {
        background: linear-gradient(180deg, var(--imp-table-head-top) 0%, var(--imp-table-head-mid) 48%, var(--imp-table-head-bottom) 100%) !important;
        border: 0 !important;
        border-bottom: 2px solid var(--imp-table-head-keyline) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(27,59,94,.14) !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > thead > tr > th,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-table > thead > tr > th,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-data-table > thead > tr > th {
        height: 40px !important;
        padding: 0 4px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results thead .flame-rankings-header-wrap {
        min-height: 40px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results table > tbody > tr > td {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-player-name,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-name,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-guild-name,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-guild-master {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-player-name a,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-name a,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-guild-name a,
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-cell-guild-master a {
        display: inline-block !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: clamp(8px, 2.45vw, 10.5px) !important;
        letter-spacing: -.01em !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-players-table .flame-col-player-name {
        width: 25% !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-players-table .flame-col-player-class {
        width: 18% !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-players-table .flame-col-player-level {
        width: 12% !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-players-table .flame-col-player-resets {
        width: 11% !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .flame-rankings-players-table .flame-col-player-location {
        width: 27% !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-content {
        padding: 17px 15px 18px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-info h2 {
        font-size: 16px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-actions {
        align-items: stretch !important;
        flex-direction: column !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-weekly-ranking-button {
        width: 100% !important;
    }
}

/* --------------------------------------------------------------------------
   About / Statistics — centered server switch + rankings-style data surfaces
   -------------------------------------------------------------------------- */
body.imperial-v3-theme .main .imperial-about-page .flame-about-stats-page,
body.imperial-v3-theme .main .imperial-stats-page .flame-about-stats-page {
    padding: 38px 42px 46px !important;
}

/* Info landing keeps the server switch prominent, followed by the original About copy. */
body.imperial-v3-theme .main .imperial-about-page .flame-about-stats-page {
    min-height: 190px !important;
}

body.imperial-v3-theme .main .imperial-about-server-switch {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 4px auto 34px !important;
    padding: 0 !important;
}
body.imperial-v3-theme .main .imperial-about-page .imperial-about-server-switch {
    margin-top: 14px !important;
    margin-bottom: 38px !important;
}

body.imperial-v3-theme .main .imperial-about-server-tab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(280px, 100%) !important;
    min-width: 250px !important;
    min-height: 64px !important;
    padding: 14px 24px !important;
    border: 1px solid #c4d2df !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%) !important;
    color: #213c58 !important;
    -webkit-text-fill-color: #213c58 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 16px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    letter-spacing: .008em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 4px 12px rgba(38,74,109,.05) !important;
    clip-path: none !important;
    transform: none !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease !important;
}
body.imperial-v3-theme .main .imperial-about-server-tab:hover,
body.imperial-v3-theme .main .imperial-about-server-tab:focus,
body.imperial-v3-theme .main .imperial-about-server-tab:focus-visible {
    border-color: #82add4 !important;
    background: linear-gradient(180deg, #f9fcff 0%, #e9f4fc 100%) !important;
    color: #163754 !important;
    -webkit-text-fill-color: #163754 !important;
    text-decoration: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        inset 0 0 0 1px rgba(124,181,230,.10),
        0 0 0 2px rgba(91,154,207,.13) !important;
    outline: none !important;
}
body.imperial-v3-theme .main .imperial-about-server-tab.is-active,
body.imperial-v3-theme .main .imperial-about-server-tab.active {
    border-color: var(--imp-btn-blue-border) !important;
    background: linear-gradient(180deg, var(--imp-btn-blue-top) 0%, var(--imp-btn-blue-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.52),
        inset 0 -1px 0 rgba(27,69,110,.10),
        inset 0 0 0 1px rgba(255,255,255,.10),
        0 0 0 1px rgba(91,146,196,.16) !important;
}

/* Original About copy restored below the centered server buttons, without the old title box. */
body.imperial-v3-theme .main .imperial-about-copy {
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--imp-ui-text) !important;
    font-family: var(--imp-font-ui) !important;
}
body.imperial-v3-theme .main .imperial-about-copy p {
    max-width: 1180px !important;
    margin: 0 0 22px !important;
    color: #52647a !important;
    font-size: 15px !important;
    font-weight: 450 !important;
    line-height: 1.65 !important;
}
body.imperial-v3-theme .main .imperial-about-copy p strong {
    color: #263c55 !important;
    font-weight: 760 !important;
}
body.imperial-v3-theme .main .imperial-about-links-title {
    margin: 30px 0 14px !important;
    color: #263c55 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-about-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin: 0 0 24px !important;
}
body.imperial-v3-theme .main .imperial-about-links a {
    color: #2e6598 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(46,101,152,.32) !important;
}
body.imperial-v3-theme .main .imperial-about-links a:hover,
body.imperial-v3-theme .main .imperial-about-links a:focus {
    color: #168ed6 !important;
    border-bottom-color: rgba(22,142,214,.72) !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main .imperial-about-copy .imperial-about-thanks {
    margin-bottom: 0 !important;
}

/* Statistics use one clean section header and list rows — no table grid. */
body.imperial-v3-theme .main .imperial-stats-section {
    width: 100% !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-stats-section-head {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-bottom: 2px solid var(--imp-table-head-keyline) !important;
    background: linear-gradient(180deg, var(--imp-table-head-top) 0%, var(--imp-table-head-mid) 48%, var(--imp-table-head-bottom) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(27,59,94,.14) !important;
}
body.imperial-v3-theme .main .imperial-stats-section-head h2 {
    margin: 0 !important;
    color: #fff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14px !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
    letter-spacing: .025em !important;
    text-transform: none !important;
    text-shadow: 0 1px 0 rgba(30,61,96,.22) !important;
}
body.imperial-v3-theme .main .imperial-stats-list {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
}
body.imperial-v3-theme .main .imperial-stats-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .88fr) !important;
    align-items: center !important;
    gap: 28px !important;
    min-height: 58px !important;
    padding: 12px 20px !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ebf2 !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-stats-row:last-child {
    border-bottom-color: transparent !important;
}
body.imperial-v3-theme .main .imperial-stats-label,
body.imperial-v3-theme .main .imperial-stats-value {
    min-width: 0 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14.5px !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-stats-label {
    color: #52647a !important;
    font-weight: 500 !important;
}
body.imperial-v3-theme .main .imperial-stats-value {
    margin: 0 !important;
    color: #263c55 !important;
    font-weight: 700 !important;
}

/* Castle Siege registration keeps the Imperial notice shell, with a centered title above the copy. */
body.imperial-v3-theme .main .imperial-stats-notice {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 18px 0 4px !important;
    padding: 18px 22px !important;
    border: 1px solid #ead69a !important;
    border-left: 4px solid #dfbd52 !important;
    border-radius: 0 !important;
    background: #fff9e9 !important;
    color: #435268 !important;
    text-align: center !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 4px 12px rgba(30,50,75,.035) !important;
}
body.imperial-v3-theme .main .imperial-stats-notice-title {
    display: block !important;
    margin: 0 !important;
    color: #263c55 !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    line-height: 1.3 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
}
body.imperial-v3-theme .main .imperial-stats-notice-text {
    display: block !important;
    max-width: 1050px !important;
    color: #52647a !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}
body.imperial-v3-theme .main .flame-cs-state .flame-cs-period-name,
body.imperial-v3-theme .main .flame-cs-state .flame-cs-period-window {
    display: block !important;
}
body.imperial-v3-theme .main .flame-cs-state .flame-cs-period-name {
    color: #263c55 !important;
    font-weight: 700 !important;
}
body.imperial-v3-theme .main .flame-cs-state .flame-cs-period-window {
    margin-top: 3px !important;
    color: #b08a24 !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}
body.imperial-v3-theme .main .imperial-castle-stats-list {
    margin-top: 10px !important;
}
body.imperial-v3-theme .main .imperial-stats-empty {
    margin: 18px 0 0 !important;
}

/* Registered Castle Siege guilds mirror the main Rankings list exactly. */
body.imperial-v3-theme .main .imperial-registered-guilds-section {
    margin-top: 4px !important;
}
body.imperial-v3-theme .main .imperial-registered-guilds-section .imperial-stats-section-head {
    min-height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-registered-guilds-section .imperial-stats-section-head h2 {
    color: var(--imp-gold-600) !important;
    font-size: 12.5px !important;
    font-weight: 820 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-stats-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table {
    width: 100% !important;
    min-width: 610px !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table > thead > tr > th {
    height: 44px !important;
    padding: 0 14px !important;
    vertical-align: middle !important;
    border: 0 !important;
    border-bottom: 2px solid var(--imp-table-head-keyline) !important;
    background: linear-gradient(180deg, var(--imp-table-head-top) 0%, var(--imp-table-head-mid) 48%, var(--imp-table-head-bottom) 100%) !important;
    color: #fff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 11.5px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
    letter-spacing: .045em !important;
    text-align: left !important;
    text-shadow: 0 1px 0 rgba(30,61,96,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(27,59,94,.14) !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table > thead > tr > th.is-rank {
    width: 70px !important;
    text-align: center !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr,
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr:nth-child(odd),
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr:nth-child(even) {
    background: #fff !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr > td {
    padding: 11px 14px !important;
    vertical-align: middle !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ebf2 !important;
    background: #fff !important;
    color: #40546a !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
    transition: background-color .14s ease, color .14s ease, border-color .14s ease !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr:last-child > td {
    border-bottom-color: transparent !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr:hover > td,
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr:focus-within > td {
    border-bottom-color: #cfdae5 !important;
    background: #f4f8fc !important;
    color: #2f475f !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr:hover > td:first-child,
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr:focus-within > td:first-child {
    box-shadow: inset 3px 0 0 #88aecd !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table > tbody > tr > td.is-rank {
    color: #253750 !important;
    font-weight: 800 !important;
    text-align: center !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table td a {
    color: #2e6598 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-stats-rank-table td a:hover,
body.imperial-v3-theme .main .imperial-stats-rank-table td a:focus {
    color: var(--imp-link-blue-hover, #168ed6) !important;
    text-decoration: none !important;
}
body.imperial-v3-theme .main .imperial-stats-empty-row > td {
    padding: 16px 0 !important;
    background: #fff !important;
}

/* --------------------------------------------------------------------------
   Home news — editorial card, lighter type scale, proper CTA button
   -------------------------------------------------------------------------- */
/* Remove the huge faded Imperial letter watermark; it competes with content. */
body.imperial-v3-theme .main .imperial-news-page .newsBlock::after {
    display: none !important;
    content: none !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlock-title {
    padding: 24px 34px 18px !important;
    border-bottom: 1px solid var(--imp-page-divider) !important;
    background: var(--imp-page-surface) !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlockFeatured .newsBlock-title a {
    font-size: clamp(30px, 2.25vw, 38px) !important;
    line-height: 1.13 !important;
    letter-spacing: .005em !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlockSmall .newsBlock-title a {
    font-size: 20px !important;
    line-height: 1.22 !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlockFlex {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlockSmall {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlock-text {
    padding: 20px 34px 14px !important;
    color: #506278 !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    overflow: hidden !important;
    background: var(--imp-page-surface) !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlockFeatured .newsBlock-text {
    height: 720px !important;
    max-height: 720px !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlockSmall .newsBlock-text {
    height: 360px !important;
    max-height: 360px !important;
}
body.imperial-v3-theme .main .imperial-news-page .newsBlock-button {
    padding: 8px 34px 32px !important;
    background: var(--imp-page-surface) !important;
}
body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-width: 164px !important;
    min-height: 46px !important;
    padding: 0 20px 0 22px !important;
    border: 1px solid var(--imp-action-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-action-top) 0%, var(--imp-action-mid) 48%, var(--imp-action-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: var(--imp-font-ui) !important;
    font-size: 13.6px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(235,248,255,.95),
        inset 0 0 0 1px rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(34,82,119,.18),
        0 1px 0 rgba(28,61,91,.08) !important;
    clip-path: none !important;
    transform: none !important;
    transition: background .14s ease, border-color .14s ease, box-shadow .14s ease, color .14s ease !important;
}
body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more .imperial-news-read-more-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    fill: none !important;
    color: #fff !important;
    stroke: #fff !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: .94 !important;
    transform: translate(0, 0) !important;
    transition: transform .14s ease, opacity .14s ease !important;
}
body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more .imperial-news-read-more-icon path {
    stroke: #fff !important;
}

body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more:hover,
body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more:focus,
body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more:focus-visible {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(241,251,255,.98),
        inset 0 0 0 1px rgba(255,255,255,.23),
        inset 0 -1px 0 rgba(31,81,119,.15),
        0 0 0 1px rgba(49,119,174,.24) !important;
    outline: none !important;
}
body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more:hover .imperial-news-read-more-icon,
body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more:focus .imperial-news-read-more-icon,
body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more:focus-visible .imperial-news-read-more-icon {
    transform: translate(1.5px, -1.5px) !important;
    opacity: 1 !important;
}

/* Ranking result action links generated by EJS stay in the same visual family. */
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .btn.btn-primary {
    min-height: 36px !important;
    padding: 7px 13px !important;
    border: 1px solid var(--imp-action-border) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--imp-action-top) 0%, var(--imp-action-mid) 48%, var(--imp-action-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .012em !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(26,77,116,.22), 0 1px 0 rgba(27,69,103,.10) !important;
}
body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results .btn.btn-primary:hover {
    border-color: var(--imp-action-hover-border) !important;
    background: linear-gradient(180deg, var(--imp-action-hover-top) 0%, var(--imp-action-hover-mid) 48%, var(--imp-action-hover-bottom) 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.34), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(24,78,118,.18), 0 0 0 2px rgba(66,157,216,.24) !important;
}

@media (max-width: 991.98px) {
    body.imperial-v3-theme .main .imperial-rankings-page .flame-rankings-page-content,
    body.imperial-v3-theme .main .imperial-about-page .flame-about-stats-page,
    body.imperial-v3-theme .main .imperial-stats-page .flame-about-stats-page {
        padding: 30px 24px 34px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-filter {
        flex-basis: calc(33.333% - 7px) !important;
        min-width: 150px !important;
        max-width: none !important;
    }
    body.imperial-v3-theme .main .imperial-about-server-switch {
        gap: 10px !important;
    }
    body.imperial-v3-theme .main .imperial-about-server-tab {
        width: min(250px, 100%) !important;
        min-width: 220px !important;
        min-height: 58px !important;
        font-size: 15px !important;
    }
    body.imperial-v3-theme .main .imperial-stats-notice {
        gap: 8px !important;
    }
}

@media (max-width: 575.98px) {
    body.imperial-v3-theme .main .imperial-rankings-page .flame-rankings-page-content,
    body.imperial-v3-theme .main .imperial-about-page .flame-about-stats-page,
    body.imperial-v3-theme .main .imperial-stats-page .flame-about-stats-page {
        padding: 22px 12px 26px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-server-tabs {
        width: 100% !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-server-tab {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-filter-grid {
        gap: 7px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-ranking-filter {
        flex: 1 1 calc(50% - 4px) !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 8px 7px !important;
        font-size: 12.5px !important;
    }
    body.imperial-v3-theme .main .imperial-rankings-page .imperial-rankings-results {
        padding-top: 20px !important;
    }
    body.imperial-v3-theme .main .imperial-about-server-switch {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        margin-bottom: 24px !important;
    }
    body.imperial-v3-theme .main .imperial-about-server-tab {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 52px !important;
        padding: 10px 14px !important;
        font-size: 13.5px !important;
    }
    body.imperial-v3-theme .main .imperial-stats-section-head {
        min-height: 44px !important;
        padding: 0 14px !important;
    }
    body.imperial-v3-theme .main .imperial-stats-section-head h2 {
        font-size: 12.5px !important;
    }
    body.imperial-v3-theme .main .imperial-stats-row {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        min-height: 0 !important;
        padding: 13px 14px !important;
    }
    body.imperial-v3-theme .main .imperial-stats-label,
    body.imperial-v3-theme .main .imperial-stats-value {
        font-size: 13px !important;
    }
    body.imperial-v3-theme .main .imperial-stats-notice {
        gap: 7px !important;
        padding: 14px !important;
    }
    body.imperial-v3-theme .main .imperial-news-page .newsBlock-title {
        padding: 18px 18px 13px 21px !important;
    }
    body.imperial-v3-theme .main .imperial-news-page .newsBlockFeatured .newsBlock-title a {
        font-size: 22px !important;
    }
    body.imperial-v3-theme .main .imperial-news-page .newsBlock-text {
        padding: 15px 18px 15px 21px !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
    body.imperial-v3-theme .main .imperial-news-page .newsBlockSmall .newsBlock-text {
        height: auto !important;
        max-height: 300px !important;
    }
    body.imperial-v3-theme .main .imperial-news-page .newsBlockFeatured .newsBlock-text {
        max-height: 560px !important;
    }
    body.imperial-v3-theme .main .imperial-news-page .newsBlock-button {
        padding: 2px 18px 20px 21px !important;
    }
    body.imperial-v3-theme .main .imperial-news-page .imperial-news-read-more {
        min-width: 132px !important;
        min-height: 42px !important;
    }
}

/* V8 compact search icon buttons keep the same crystal action language without becoming oversized. */
body.imperial-v3-theme .main button[name="search_item"].btn {
    width: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
}
body.imperial-v3-theme .main button[name="search_item"].btn .fa {
    font-size: 14px !important;
}

/* V10 dedicated form actions: no Bootstrap/legacy Flame classes are required. */
body.imperial-v3-theme .main .imperial-action-button.imperial-action-button-lg,
body.imperial-v3-theme .main .imperial-action-button.imperial-action-button-lg:hover,
body.imperial-v3-theme .main .imperial-action-button.imperial-action-button-lg:focus,
body.imperial-v3-theme .main .imperial-action-button.imperial-action-button-lg:focus-visible,
body.imperial-v3-theme .main .imperial-action-button.imperial-action-button-lg:active {
    text-decoration: none !important;
    text-shadow: none !important;
    clip-path: none !important;
    filter: none !important;
}
@media (max-width: 767.98px) {
    body.imperial-v3-theme .main .registration_form .imperial-action-button-lg {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ========================================================================== 
   V14 — Hero copy rail balance
   Keep the existing top position, but stop the desktop gold rail sooner so it
   frames the hero copy instead of extending deep below the subtitle.
   ========================================================================== */
@media (min-width: 769px) {
    body.imperial-v3-theme .headerInfo::before {
        bottom: 16px !important;
    }
}

/* V18 — View Rankings colour isolation.
   flamecms.css has a global gold a:hover/a:focus colour. This CTA must never
   pass through that colour, so pin the link/label to white in every link state
   and remove colour interpolation while preserving the existing background/icon hover. */
body.imperial-v3-theme .imperial-realm-monitor-link,
body.imperial-v3-theme .imperial-realm-monitor-link:link,
body.imperial-v3-theme .imperial-realm-monitor-link:visited,
body.imperial-v3-theme .imperial-realm-monitor-link:hover,
body.imperial-v3-theme .imperial-realm-monitor-link:focus,
body.imperial-v3-theme .imperial-realm-monitor-link:focus-visible,
body.imperial-v3-theme .imperial-realm-monitor-link:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    text-shadow: none !important;
    transition-property: background-color !important;
}
body.imperial-v3-theme .imperial-realm-monitor-link .imperial-rankings-label,
body.imperial-v3-theme .imperial-realm-monitor-link:link .imperial-rankings-label,
body.imperial-v3-theme .imperial-realm-monitor-link:visited .imperial-rankings-label,
body.imperial-v3-theme .imperial-realm-monitor-link:hover .imperial-rankings-label,
body.imperial-v3-theme .imperial-realm-monitor-link:focus .imperial-rankings-label,
body.imperial-v3-theme .imperial-realm-monitor-link:focus-visible .imperial-rankings-label,
body.imperial-v3-theme .imperial-realm-monitor-link:active .imperial-rankings-label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    transition: none !important;
}

/* ========================================================================== 
   IMPERIAL PAGE SHELL — unified titles + clean content geometry
   This section is the single owner for public page headings, page content
   surfaces and the Event Schedule shell. No additional override layer below.
   ========================================================================== */
body.imperial-v3-theme {
    --imp-page-heading-surface: #0f1933;
    --imp-page-heading-border: rgba(247, 250, 255, .94);
    --imp-page-heading-ink: #f8fbff;
    --imp-page-heading-gold: #f3db69;
    --imp-page-heading-keyline: rgba(167, 194, 230, .26);
    --imp-page-card-border: #d9e3ee;
    --imp-page-divider: #e3eaf2;
    --imp-page-surface: #fbfdff;
    --imp-page-surface-soft: #f6f9fd;
    --imp-page-hover: #f2f7fc;
    --imp-page-imminent: #fbfdff;
}

/* Structural wrappers carry no visual surface. The heading and content are
   intentionally separate, crisp panels. */
body.imperial-v3-theme .main .flame-page-box,
body.imperial-v3-theme .main .imperial-events-widget {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
}

/* Shared page heading rail. Premium game UI: a crisp midnight-blue crystal
   surface that visually connects the light page body back to the Imperial hero. */
body.imperial-v3-theme .main .flame-page-title,
body.imperial-v3-theme .main .news-title,
body.imperial-v3-theme .main .imperial-events-widget-header,
body.imperial-v3-theme .main > #content > #box1 > .title1,
body.imperial-v3-theme .main .vs-blog > .blog-meta {
    position: relative !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 8px 0 9px !important;
    padding: 0 30px !important;
    overflow: hidden !important;
    border: 1px solid var(--imp-page-heading-border) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(232, 210, 147, .24) 0, rgba(232, 210, 147, .24) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .035) 20%, transparent 44%),
        linear-gradient(90deg, transparent 0%, rgba(100, 148, 221, .055) 18%, rgba(105, 156, 231, .14) 47%, rgba(88, 132, 205, .07) 72%, transparent 100%),
        linear-gradient(102deg, #091329 0%, #102245 40%, #142d58 66%, #0c1833 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        inset 0 -1px 0 rgba(4, 10, 22, .72),
        inset 0 0 0 1px rgba(132, 168, 220, .085) !important;
    outline: 0 !important;
    clip-path: none !important;
}

body.imperial-v3-theme .main .flame-page-title h1 {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imperial-v3-theme .main .flame-page-title h1,
body.imperial-v3-theme .main .news-title,
body.imperial-v3-theme .main .imperial-events-widget-header > strong,
body.imperial-v3-theme .main > #content > #box1 > .title1,
body.imperial-v3-theme .main .vs-blog > .blog-meta {
    color: var(--imp-page-heading-ink) !important;
    font-family: var(--imp-font-ui) !important;
    font-size: clamp(21px, 1.13vw, 24px) !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    letter-spacing: .046em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .24) !important;
    font-feature-settings: "kern" 1, "liga" 1 !important;
}

body.imperial-v3-theme .main .imperial-events-widget-header > strong {
    display: flex !important;
    color: var(--imp-page-heading-ink) !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
}

/* Luxury-game title signature: a compact crest diamond and a short metallic
   continuation rail. No vertical bars, corner cuts or blurry decoration. */
body.imperial-v3-theme .main .flame-page-title h1::before,
body.imperial-v3-theme .main .news-title::before,
body.imperial-v3-theme .main .imperial-events-widget-header::before,
body.imperial-v3-theme .main > #content > #box1 > .title1::before,
body.imperial-v3-theme .main .vs-blog > .blog-meta::before {
    content: none !important;
    display: none !important;
}
body.imperial-v3-theme .main .flame-page-title h1::after,
body.imperial-v3-theme .main .news-title::after,
body.imperial-v3-theme .main .imperial-events-widget-header::after,
body.imperial-v3-theme .main > #content > #box1 > .title1::after,
body.imperial-v3-theme .main .vs-blog > .blog-meta::after {
    content: none !important;
    display: none !important;
}

body.imperial-v3-theme .main .news-title > span,
body.imperial-v3-theme .main .flame-page-title .imperial-page-title-accent {
    color: var(--imp-page-heading-ink) !important;
    padding-left: .22em !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .22) !important;
}

/* Large page surfaces use clean borders, not soft outer glows. */
body.imperial-v3-theme .main .flame-page-content,
body.imperial-v3-theme .main .imperial-events-widget-body,
body.imperial-v3-theme .main .tabBlock,
body.imperial-v3-theme .main .content,
body.imperial-v3-theme .main .news-block {
    box-sizing: border-box !important;
    border: 1px solid var(--imp-page-card-border) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
}

/* Remove legacy decorative corners / rails completely. */
body.imperial-v3-theme .main .flame-page-content::before,
body.imperial-v3-theme .main .flame-page-content::after,
body.imperial-v3-theme .main .tabBlock::before,
body.imperial-v3-theme .main .tabBlock::after,
body.imperial-v3-theme .main .content::before,
body.imperial-v3-theme .main .content::after,
body.imperial-v3-theme .main .news-block::before,
body.imperial-v3-theme .main .news-block::after,
body.imperial-v3-theme .main .imperial-events-widget-body::before,
body.imperial-v3-theme .main .imperial-events-widget-body::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Event Schedule is one clean body card. Time summary and event list are
   internal sections rather than a stack of separate shadowed boxes. */
body.imperial-v3-theme .main .imperial-events-widget-body {
    padding: 14px 16px 13px !important;
    border-color: #dbe4ee !important;
    background: #ffffff !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-events-widget .flame-sidebar-timebox {
    margin: 0 0 12px !important;
    padding: 11px 12px !important;
    border: 1px solid #dce4ec !important;
    border-radius: 0 !important;
    background: #f5f8fc !important;
    background-image: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.imperial-v3-theme .main .imperial-events-widget .flame-sidebar-timebox::before {
    display: none !important;
    content: none !important;
}
body.imperial-v3-theme .main .imperial-events-list-heading {
    margin: 0 !important;
    padding: 0 2px 8px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}
body.imperial-v3-theme .main .imperial-events-widget #events {
    margin: 0 !important;
    padding: 4px 0 0 !important;
    border: 0 !important;
    background: #ffffff !important;
}
body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger,
body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger:nth-child(even) {
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid transparent !important;
    border-bottom-color: var(--imp-page-divider) !important;
    border-radius: 0 !important;
    background: #f8fbfe !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .14s ease, color .14s ease !important;
}
body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger:last-child {
    border-bottom: 0 !important;
}
body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger:hover,
body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger:focus-within {
    background: var(--imp-page-hover) !important;
    box-shadow: none !important;
    transform: none !important;
}
body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent {
    position: relative !important;
    border-color: #d6bd58 !important;
    background: var(--imp-page-imminent) !important;
    box-shadow: none !important;
}
body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger.is-live {
    border-color: #5b9f79 !important;
    background: #f5faf8 !important;
    box-shadow: none !important;
}


/* Premium gold pulse for events starting within 15 minutes and for the
   highlighted next occurrence inside the event popup. The legacy event styles
   use !important on the real border, so the visible pulse is rendered by a
   dedicated gold frame layer instead of trying to animate that locked border. */
body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent,
body.imperial-v3-theme .flame-event-tooltip-row.is-next {
    animation: none !important;
}

body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent::before,
body.imperial-v3-theme .flame-event-tooltip-row.is-next::before {
    content: "" !important;
    position: absolute !important;
    z-index: 5 !important;
    left: 12% !important;
    right: 12% !important;
    top: -1px !important;
    height: 1px !important;
    border: 0 !important;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 230, 137, .92) 50%, transparent 100%) !important;
    box-shadow: none !important;
    opacity: .16;
    transform: scaleX(.72);
    transform-origin: center;
    pointer-events: none !important;
    animation: imperial-event-gold-edge-shimmer 2.55s ease-in-out infinite !important;
}

body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent::after,
body.imperial-v3-theme .flame-event-tooltip-row.is-next::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 4 !important;
    inset: -1px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(218, 191, 104, .38);
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: inset 0 1px 0 rgba(255, 239, 185, .055);
    pointer-events: none !important;
    opacity: 1;
    transform: none !important;
    filter: none !important;
    animation: imperial-event-gold-frame-pulse 2.55s ease-in-out infinite !important;
}

/* Match the Grand Opening timer pulse 1:1: same 2.55s duration, easing,
   border-color range and inner crystal highlight. */
@keyframes imperial-event-gold-frame-pulse {
    0%, 100% {
        border-color: rgba(218, 191, 104, .38);
        box-shadow: inset 0 1px 0 rgba(255, 239, 185, .055);
    }
    50% {
        border-color: rgba(255, 230, 137, .90);
        box-shadow: inset 0 1px 0 rgba(255, 239, 185, .13);
    }
}

@keyframes imperial-event-gold-edge-shimmer {
    0%, 100% {
        opacity: .16;
        transform: scaleX(.72);
    }
    50% {
        opacity: .70;
        transform: scaleX(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent,
    body.imperial-v3-theme .flame-event-tooltip-row.is-next,
    body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent::before,
    body.imperial-v3-theme .flame-event-tooltip-row.is-next::before,
    body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger.is-imminent::after,
    body.imperial-v3-theme .flame-event-tooltip-row.is-next::after {
        animation: none !important;
    }
}

@media (max-width: 720px) {
    body.imperial-v3-theme .main .flame-page-title,
    body.imperial-v3-theme .main .news-title,
    body.imperial-v3-theme .main .imperial-events-widget-header,
    body.imperial-v3-theme .main > #content > #box1 > .title1,
    body.imperial-v3-theme .main .vs-blog > .blog-meta {
        height: 52px !important;
        min-height: 52px !important;
        margin: 9px 0 9px !important;
        padding: 0 20px !important;
    }
    body.imperial-v3-theme .main .flame-page-title h1,
    body.imperial-v3-theme .main .news-title,
    body.imperial-v3-theme .main .imperial-events-widget-header > strong,
    body.imperial-v3-theme .main > #content > #box1 > .title1,
    body.imperial-v3-theme .main .vs-blog > .blog-meta {
        font-size: clamp(18px, 5.1vw, 21px) !important;
        letter-spacing: .06em !important;
    }
    body.imperial-v3-theme .main .flame-page-title h1::before,
    body.imperial-v3-theme .main .news-title::before,
    body.imperial-v3-theme .main .imperial-events-widget-header::before,
    body.imperial-v3-theme .main > #content > #box1 > .title1::before,
    body.imperial-v3-theme .main .vs-blog > .blog-meta::before {
        flex-basis: 7px !important;
        width: 7px !important;
        height: 7px !important;
        margin-right: 12px !important;
    }
    body.imperial-v3-theme .main .flame-page-title h1::after,
    body.imperial-v3-theme .main .news-title::after,
    body.imperial-v3-theme .main .imperial-events-widget-header::after,
    body.imperial-v3-theme .main > #content > #box1 > .title1::after,
    body.imperial-v3-theme .main .vs-blog > .blog-meta::after {
        flex-basis: 26px !important;
        width: 26px !important;
        margin-left: 11px !important;
    }
    body.imperial-v3-theme .main .imperial-events-widget-body {
        padding: 15px 14px 13px !important;
    }
    body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger,
    body.imperial-v3-theme .main .imperial-events-widget #events > .flame-event-tooltip-trigger:nth-child(even) {
        min-height: 52px !important;
        padding: 0 10px !important;
    }
}