/* ═══════════════════════════════════════════════════════════════
   GUNMETAL THEME — Xyger's Signature
   Cool steel grays, metallic sheen, sharp cyan accents.
   Applied via body.theme-gunmetal (on top of body.rebrand)
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap');

/* ── KEYFRAMES ── */

@keyframes gm-edge-sweep {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes gm-core-pulse {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.08); opacity: 0.65; }
}

@keyframes gm-ring-burst {
    0% { transform: scale(0.95); opacity: 0.7; }
    50% { opacity: 0.3; }
    100% { transform: scale(1.2); opacity: 0; }
}

@keyframes gm-progress-glow {
    0%, 100% { box-shadow: 0 0 6px rgba(80,200,220,0.3), 0 0 14px rgba(60,180,200,0.1); }
    50% { box-shadow: 0 0 10px rgba(80,200,220,0.5), 0 0 20px rgba(60,180,200,0.15); }
}

@keyframes gm-shimmer {
    0% { transform: translateX(-40px); opacity: 0; }
    50% { opacity: 0.5; }
    100% { transform: translateX(40px); opacity: 0; }
}

@keyframes gm-modal-in {
    0% { opacity: 0; transform: translateY(6px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes gm-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(80,200,220,0.06); }
    50% { box-shadow: 0 0 14px rgba(80,200,220,0.14); }
}

@keyframes gm-viewport-load {
    0% { opacity: 0; transform: scale(0.98); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes gm-signature-glow {
    0%, 100% { text-shadow: 0 0 8px rgba(80,200,220,0.3), 0 0 20px rgba(80,200,220,0.1); opacity: 0.7; }
    50% { text-shadow: 0 0 12px rgba(80,200,220,0.5), 0 0 30px rgba(80,200,220,0.2); opacity: 0.9; }
}


/* ════════════════════════════════════════════
   1. CORE PALETTE
   ════════════════════════════════════════════ */
body.theme-gunmetal {
    --frame:      #2a2d31;
    --frame-hi:   #3a3d42;
    --frame-lo:   #16181b;
    --panel-bg:   #1e2024;
    --dark-bg:    #18191d;
    --darkest:    #111214;
    --gold:       #50c8dc;
    --gold-dim:   #2a8898;
    --green:      #4ad880;
    --red:        #e04848;
    --white:      #c8ccd4;
    --muted:      #5a5e68;
    --chat-bg:    #111214;
    --cell-bg:    #1a1c20;
    --cell-hover: #222428;
    --cell-active:#2a2c32;

    --gm-accent: #50c8dc;
    --gm-accent-dim: #2a8898;
    --gm-accent-bright: #80e0f0;
    --gm-steel: #8a8e98;
    --gm-chrome: #b0b4bc;
    --gm-surface: #1e2024;
    --gm-border: #2e3036;
    --gm-border-subtle: #262830;

    background: #111214 !important;
}


/* ════════════════════════════════════════════
   2. BODY — Brushed Metal Texture
   ════════════════════════════════════════════ */
body.theme-gunmetal .game {
    background:
        /* Fine horizontal brush strokes */
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 1px,
            rgba(255,255,255,0.006) 1px,
            transparent 2px
        ),
        /* Vertical grain */
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 3px,
            rgba(255,255,255,0.003) 3px,
            transparent 6px
        ),
        #111214;
}


/* ════════════════════════════════════════════
   3. XYGER SIGNATURE — Viewport Watermark
   ════════════════════════════════════════════ */
body.theme-gunmetal .viewport {
    position: relative;
}

/* Signature watermark in viewport */
body.theme-gunmetal .viewport .vp-center::after {
    content: 'XYGER';
    position: absolute;
    bottom: 16px;
    right: 18px;
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 6px;
    color: rgba(80,200,220,0.12);
    text-transform: uppercase;
    pointer-events: none;
    z-index: 1;
    animation: gm-signature-glow 4s ease-in-out infinite;
}


/* ════════════════════════════════════════════
   4. TOP BAR — Steel Header
   ════════════════════════════════════════════ */
body.theme-gunmetal .topbar {
    background: linear-gradient(180deg, #222428 0%, #1a1c20 100%) !important;
    border-bottom: 1px solid #2e3036 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.04), 0 4px 12px rgba(0,0,0,0.5) !important;
    position: relative;
}

/* Chrome accent line */
body.theme-gunmetal .topbar::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 5%, var(--gm-accent-dim) 25%, var(--gm-accent) 50%, var(--gm-accent-dim) 75%, transparent 95%);
    opacity: 0.4;
    z-index: 1;
}

/* Brushed steel topbar texture */
body.theme-gunmetal .topbar::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, transparent, transparent 1px, rgba(255,255,255,0.008) 1px, transparent 2px);
    z-index: 0;
}

body.theme-gunmetal .topbar-title {
    color: var(--gm-chrome) !important;
    text-shadow: none !important;
    letter-spacing: 1.5px !important;
}

body.theme-gunmetal .topbar-alpha {
    background: var(--gm-accent) !important;
    color: #111214 !important;
    border-radius: 2px !important;
    font-weight: 800 !important;
}

body.theme-gunmetal .topbar-stat { color: var(--white) !important; }
body.theme-gunmetal .gold { color: var(--gm-accent) !important; }
body.theme-gunmetal .topbar-settings-btn { color: var(--muted); }
body.theme-gunmetal .topbar-settings-btn:hover { color: var(--gm-accent); }
body.theme-gunmetal .online-dot { background: var(--green) !important; box-shadow: 0 0 4px rgba(74,216,128,0.4) !important; }
body.theme-gunmetal .prestige-badge { background: #1e2024 !important; border-color: var(--gm-accent-dim) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .account-dropdown {
    background: linear-gradient(180deg, #22242a, #16181c);
    border-color: #0c0d10;
    box-shadow: inset 1px 1px 0 rgba(60,65,80,0.3), inset -1px -1px 0 rgba(12,13,16,0.5), 0 8px 28px rgba(0,0,0,0.7);
}
body.theme-gunmetal .account-dropdown::before { background: linear-gradient(90deg, transparent, rgba(74,216,128,0.15), transparent); }
body.theme-gunmetal .account-dropdown-name { color: var(--gm-accent); text-shadow: 1px 1px 0 #000, 0 0 8px rgba(74,216,128,0.15); }
body.theme-gunmetal .account-dropdown-item:hover { background: linear-gradient(90deg, rgba(74,216,128,0.06), transparent 80%); }
body.theme-gunmetal .account-dropdown-item::before { background: var(--gm-accent); }
body.theme-gunmetal .account-dropdown-divider { background: linear-gradient(90deg, transparent, rgba(74,216,128,0.1), transparent); }


/* ════════════════════════════════════════════
   5. GAME BODY + VIEWPORT
   ════════════════════════════════════════════ */
body.theme-gunmetal .game-body { background: transparent !important; }

body.theme-gunmetal .viewport {
    background: rgba(17,18,20,0.6) !important;
    border: 1px solid #2a2d31 !important;
    box-shadow: inset 0 0 60px rgba(0,0,0,0.4), 0 0 1px #000 !important;
    animation: gm-viewport-load 0.5s ease-out 0.3s both;
}
body.theme-gunmetal .viewport::before,
body.theme-gunmetal .viewport::after { display: none !important; }

/* Bottom accent */
body.theme-gunmetal .game-body::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(80,200,220,0.12), transparent);
    z-index: 100;
    pointer-events: none;
}


/* ── Action Button ── */
body.theme-gunmetal #click-zone::before {
    background: radial-gradient(circle, rgba(80,200,220,0.25) 0%, rgba(40,120,140,0.08) 40%, transparent 65%) !important;
    animation: gm-core-pulse 3s ease-in-out infinite !important;
}
body.theme-gunmetal #click-zone.ring-burst::after {
    border-color: rgba(80,200,220,0.5) !important;
    box-shadow: 0 0 12px rgba(80,200,220,0.3) !important;
    animation: gm-ring-burst 0.6s linear forwards !important;
}
body.theme-gunmetal #click-zone .action-outer-ring {
    border-color: rgba(80,200,220,0.12) !important;
    box-shadow: 0 0 16px rgba(80,200,220,0.06) !important;
}
body.theme-gunmetal #click-zone:hover::before {
    background: radial-gradient(circle, rgba(80,200,220,0.35) 0%, rgba(40,120,140,0.12) 40%, transparent 65%) !important;
}
body.theme-gunmetal .action-icon-wrap {
    background: radial-gradient(circle, rgba(80,200,220,0.02) 0%, transparent 70%), rgba(17,18,20,0.2) !important;
    border-color: #2a2d31 !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.4), inset 0 0 40px rgba(0,0,0,0.3) !important;
}
body.theme-gunmetal .action-icon-wrap:active { border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .action-icon-wrap.clog-complete { border-color: var(--green) !important; }
body.theme-gunmetal .action-skill-name { color: var(--gm-accent) !important; }

/* Progress bar */
body.theme-gunmetal .action-progress-fill {
    background: linear-gradient(90deg, #1a6a7a, #2a8898, #50c8dc) !important;
    box-shadow: 0 0 6px rgba(80,200,220,0.3) !important;
    animation: gm-progress-glow 2.5s ease-in-out infinite !important;
    position: relative !important;
}
body.theme-gunmetal .action-progress-fill::after {
    background: linear-gradient(90deg, transparent, rgba(200,240,255,0.3), transparent) !important;
    animation: gm-shimmer 2s ease-in-out infinite !important;
}
body.theme-gunmetal .action-progress { background: #111214 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .action-status.training { color: var(--gm-accent) !important; }


/* ════════════════════════════════════════════
   6. SIDEBAR — Gunmetal Panels
   ════════════════════════════════════════════ */
body.theme-gunmetal .sidebar { background: var(--panel-bg) !important; border-color: #111214 !important; }
body.theme-gunmetal .sidebar::before,
body.theme-gunmetal .sidebar::after {
    background: linear-gradient(90deg, #111214 0px, #2a2d31 1px, #3a3d42 2px, #2a2d31 4px, #222428 5px, #1a1c20 6px, #111214 7px) !important;
    box-shadow: inset 0 0 4px rgba(0,0,0,0.5) !important;
}
body.theme-gunmetal .sidebar-body { background: var(--cell-bg) !important; }
body.theme-gunmetal .sidebar-splitter { background: var(--darkest) !important; border-color: #111214 !important; }
body.theme-gunmetal .sidebar-splitter::after { background: #3a3d42 !important; }
body.theme-gunmetal .sidebar-splitter:hover::after { background: var(--gm-accent) !important; }

body.theme-gunmetal .sidebar-top-tabs, body.theme-gunmetal .sidebar-tabs { background: #141518 !important; }
body.theme-gunmetal .sidebar-top-tab, body.theme-gunmetal .sidebar-tab {
    background: linear-gradient(180deg, #222428, #1a1c20, #141518) !important;
    border-color: #111214 !important; color: var(--muted) !important;
}
body.theme-gunmetal .sidebar-top-tab:hover, body.theme-gunmetal .sidebar-tab:hover {
    background: linear-gradient(180deg, #2a2c32, #222428, #1e2024) !important; color: var(--white) !important;
}
body.theme-gunmetal .sidebar-top-tab.active, body.theme-gunmetal .sidebar-tab.active {
    background: linear-gradient(180deg, #2a2c32, #262830, #222428) !important;
    border-color: #262830 !important; color: var(--gm-accent) !important;
    box-shadow: inset 0 1px 0 rgba(80,200,220,0.06) !important;
}
body.theme-gunmetal .sidebar-top-tab.active::before, body.theme-gunmetal .sidebar-tab.active::before { background: #222428 !important; }


/* ════════════════════════════════════════════
   7. RL BAR
   ════════════════════════════════════════════ */
body.theme-gunmetal .rl-bar { background: linear-gradient(180deg, #1a1c20, #141518) !important; border-right-color: #111214 !important; border-left-color: #111214 !important; }
body.theme-gunmetal .rl-bar-btn.active { background: rgba(80,200,220,0.1) !important; border-color: rgba(80,200,220,0.25) !important; }
body.theme-gunmetal .rl-bar-btn:hover { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; }
body.theme-gunmetal .rl-bar-sep { background: #2e3036 !important; }
body.theme-gunmetal .rl-bar-btn::after { background: var(--darkest) !important; border-color: #2e3036 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .rl-bar-prestige { background: #1e2024 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .rl-bar-prestige span { color: var(--gm-accent) !important; }
body.theme-gunmetal .rl-bar-prestige:hover { background: #262830 !important; }
body.theme-gunmetal .rl-bar-grab { background: #222428 !important; border-color: #111214 !important; }
body.theme-gunmetal .rl-bar-grab:hover { background: #2a2c32 !important; }
body.theme-gunmetal .rl-panel-header { background: linear-gradient(180deg, #222428, #1a1c20) !important; border-bottom-color: #111214 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .rl-panel { background: var(--darkest) !important; border-color: #111214 !important; }
body.theme-gunmetal .rl-panel-header .rl-panel-title { color: var(--gm-accent) !important; }
body.theme-gunmetal .rl-panel-close { color: var(--muted) !important; }
body.theme-gunmetal .rl-panel-close:hover { color: var(--white) !important; }


/* ════════════════════════════════════════════
   8. SKILL GRID
   ════════════════════════════════════════════ */
body.theme-gunmetal .skill-grid { background: var(--darkest) !important; }
body.theme-gunmetal .skill-cell {
    background: #1a1c20 !important;
    background-image: repeating-linear-gradient(0deg, transparent, transparent 1px, rgba(255,255,255,0.006) 1px, transparent 2px) !important;
    border: 1px solid #2e3036 !important; border-radius: 6px !important;
    transition: transform 0.15s, box-shadow 0.2s, border-color 0.2s !important;
}
body.theme-gunmetal .skill-cell::after { background: rgba(80,200,220,0.1) !important; }
body.theme-gunmetal .skill-cell .sk-xp-bar { background: linear-gradient(90deg, var(--green), #60f090) !important; }
body.theme-gunmetal .skill-cell:hover { background-color: #222428 !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .skill-cell.active { background-color: #222428 !important; border-color: var(--gm-accent-dim) !important; box-shadow: inset 0 0 8px rgba(80,200,220,0.05) !important; }
body.theme-gunmetal .skill-cell.maxed { border-color: rgba(80,200,220,0.3) !important; animation: gm-breathe 4s ease-in-out infinite; }
body.theme-gunmetal .skill-cell.maxed .sk-xp-bar { background: linear-gradient(90deg, var(--gm-accent-dim), var(--gm-accent)) !important; }
body.theme-gunmetal .sk-hi, body.theme-gunmetal .sk-lo { color: var(--gm-accent) !important; }
body.theme-gunmetal .total-level-cell { background: #141518 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .total-level-cell .total-num { color: var(--gm-accent) !important; }


/* ════════════════════════════════════════════
   9. RC PANELS
   ════════════════════════════════════════════ */
body.theme-gunmetal .sidebar-skills { background: #141518 !important; }
body.theme-gunmetal .rc-panel-wrap { background: #141518 !important; }
body.theme-gunmetal .rc-panel-body { background: #141518 !important; }
body.theme-gunmetal .rc-panel-head { background: linear-gradient(180deg, #222428, #1a1c20) !important; border-bottom: 1px solid #141518 !important; }
body.theme-gunmetal .rc-panel-tabs { background: linear-gradient(180deg, #1a1c20, #141518) !important; }
body.theme-gunmetal .rc-panel-tab { background: linear-gradient(180deg, #222428, #1a1c20) !important; border-color: #111214 !important; }
body.theme-gunmetal .rc-panel-tab:hover { background: linear-gradient(180deg, #2a2c32, #222428) !important; color: var(--white) !important; }
body.theme-gunmetal .rc-panel-tab.active { background: linear-gradient(180deg, #2a2c32, #262830) !important; border-bottom-color: #262830 !important; color: var(--gm-accent) !important; box-shadow: inset 0 1px 0 rgba(80,200,220,0.06) !important; }
body.theme-gunmetal .rc-panel-search input { background: #111214 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .rc-panel-search input:focus { border-color: var(--gm-accent-dim) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 0 4px rgba(80,200,220,0.1) !important; }
body.theme-gunmetal .rc-panel-foot { background: linear-gradient(180deg, #141518, #111214) !important; border-top: 1px solid #141518 !important; }


/* ════════════════════════════════════════════
   10. RC MODALS
   ════════════════════════════════════════════ */
body.theme-gunmetal .rc-overlay { background: rgba(0,0,0,0.65) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }
body.theme-gunmetal .rc-modal {
    background: #262830 !important;
    background-image: linear-gradient(180deg, #2a2c32 0%, #262830 8%, #222428 92%, #1e2024 100%) !important;
    border: 1px solid #3a3d42 !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.03) !important;
    animation: gm-modal-in 0.2s ease-out !important;
}
body.theme-gunmetal .rc-modal-inner {
    background: #1a1c20 !important;
    background-image: linear-gradient(180deg, #18191d 0%, #1a1c20 15%, #1a1c20 85%, #141518 100%) !important;
    border: 1px solid #111214 !important;
}
body.theme-gunmetal .rc-modal-head { background: linear-gradient(180deg, #222428 0%, #1e2024 100%) !important; border-bottom: 1px solid #141518 !important; }
body.theme-gunmetal .rc-modal-title { color: var(--gm-accent) !important; text-shadow: none !important; }


/* ════════════════════════════════════════════
   11. METHOD LIST
   ════════════════════════════════════════════ */
body.theme-gunmetal .method-list-head { background: linear-gradient(180deg, #1e2024, #141518) !important; border-bottom-color: #111214 !important; }
body.theme-gunmetal .method-list { background: var(--darkest) !important; }
body.theme-gunmetal .method-row {
    background: #1a1c20 !important;
    background-image: repeating-linear-gradient(0deg, transparent, transparent 1px, rgba(255,255,255,0.005) 1px, transparent 2px) !important;
    border: 1px solid #2e3036 !important; border-radius: 6px !important;
    -webkit-mask: none !important; mask: none !important;
    transition: background 0.12s, transform 0.12s, box-shadow 0.2s, border-color 0.2s !important;
}
body.theme-gunmetal .method-row:hover:not(:disabled) { background: #222428 !important; border-color: #3a3d42 !important; transform: translateY(-1px) !important; box-shadow: 0 3px 10px rgba(0,0,0,0.4) !important; }
body.theme-gunmetal .method-row.active { background: #222428 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .method-row.clog-complete { background: rgba(74,216,128,0.04) !important; border-color: rgba(74,216,128,0.15) !important; }
body.theme-gunmetal .method-row.clog-complete .meth-name { color: var(--green) !important; }
body.theme-gunmetal .method-row.clog-complete:hover:not(:disabled) { background: rgba(74,216,128,0.08) !important; }
body.theme-gunmetal .method-row.clog-complete.active { background: rgba(74,216,128,0.06) !important; border-color: rgba(74,216,128,0.25) !important; }
body.theme-gunmetal .method-row.expanded { background: #222428 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .method-detail { background: #111214 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .method-detail-btn { background: linear-gradient(180deg, #2a2c32, #222428) !important; border-color: rgba(80,200,220,0.2) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .method-detail-btn:hover { background: linear-gradient(180deg, #32343a, #2a2c32) !important; border-color: rgba(80,200,220,0.35) !important; }
body.theme-gunmetal .meth-xp { color: var(--green) !important; }
body.theme-gunmetal .meth-gp { color: var(--gm-accent) !important; }


/* ════════════════════════════════════════════
   12. COMBAT TAB
   ════════════════════════════════════════════ */
body.theme-gunmetal .combat-tab-grid { background: var(--darkest) !important; }
body.theme-gunmetal .combat-tab-btn { background: #1a1c20 !important; border: 1px solid #2e3036 !important; border-radius: 6px !important; }
body.theme-gunmetal .combat-tab-btn:hover { background-color: #222428 !important; transform: translateY(-1px) !important; box-shadow: 0 3px 10px rgba(0,0,0,0.4) !important; }
body.theme-gunmetal .combat-tab-btn.active { background-color: #222428 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .combat-tab-retaliate { background: #1a1c20 !important; border: 1px solid #2e3036 !important; border-radius: 6px !important; }
body.theme-gunmetal .combat-tab-retaliate.active { background-color: #222428 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .combat-tab-category { background: var(--darkest) !important; border-top-color: #141518 !important; color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .autocast-info-panel { background: #18191d !important; border-color: #2e3036 !important; }


/* ════════════════════════════════════════════
   13. CHATBOX
   ════════════════════════════════════════════ */
body.theme-gunmetal .chatbox { border: 8px solid #2a2d31 !important; border-top: 10px solid #222428 !important; box-shadow: inset 0 0 0 2px #3a3d42, 0 0 0 3px #111214 !important; }
body.theme-gunmetal .chatbox-inner { background: linear-gradient(180deg, #141518, #111214) !important; box-shadow: inset 0 4px 8px rgba(0,0,0,0.5) !important; }
body.theme-gunmetal .chat-line { color: var(--white) !important; }
body.theme-gunmetal .chatbox-splitter { background: #111214 !important; }
body.theme-gunmetal .chatbox-splitter::after { background: #3a3d42 !important; }
body.theme-gunmetal .chatbox-splitter:hover::after, body.theme-gunmetal .chatbox-splitter:active::after { background: var(--gm-accent) !important; }
body.theme-gunmetal .chatbox-tabs { background: #141518 !important; border-color: #111214 !important; }
body.theme-gunmetal .chatbox-tab { background: linear-gradient(180deg, #222428, #1a1c20, #141518) !important; border-color: #111214 !important; }
body.theme-gunmetal .chatbox-tab:hover { background: linear-gradient(180deg, #2a2c32, #222428, #1e2024) !important; }
body.theme-gunmetal .chatbox-tab.active { background: linear-gradient(180deg, #2a2c32, #262830, #222428) !important; border-bottom-color: #222428 !important; }
body.theme-gunmetal .chat-input-row { background: #1a1c20 !important; border-top-color: #2a2d31 !important; }
body.theme-gunmetal .chat-input { background: #111214 !important; border-color: #2e3036 !important; color: var(--white) !important; }
body.theme-gunmetal .chat-input:focus { border-color: var(--gm-accent-dim) !important; }


/* ════════════════════════════════════════════
   14. BANK + PRAYER
   ════════════════════════════════════════════ */
body.theme-gunmetal .bank-grid { background: #1a1c20 !important; }
body.theme-gunmetal .bank-cell { background: var(--cell-bg) !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .bank-cell:hover { background: var(--cell-hover) !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .bank-cell.selected { background: var(--cell-active) !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .prayer-tab { background: #18191d !important; }
body.theme-gunmetal .prayer-cell { background: #18191d !important; }
body.theme-gunmetal .prayer-cell:hover:not(.locked) { background: #222428 !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .prayer-cell.active { background: #222428 !important; border-color: var(--gm-accent-dim) !important; box-shadow: inset 0 0 8px rgba(80,200,220,0.06) !important; }
body.theme-gunmetal .prayer-cell.active img { filter: drop-shadow(0 0 3px rgba(80,200,220,0.3)) !important; }
body.theme-gunmetal .prayer-footer { background: linear-gradient(180deg, #1a1c20, #141518) !important; }
body.theme-gunmetal .prayer-summary { background: #141518 !important; }


/* ════════════════════════════════════════════
   15. CHARACTER SELECT
   ════════════════════════════════════════════ */
body.theme-gunmetal .charselect-overlay { background: rgba(0,0,0,0.65) !important; backdrop-filter: blur(3px) !important; }
body.theme-gunmetal .charselect-panel { background: #262830 !important; background-image: linear-gradient(180deg, #2a2c32 0%, #262830 8%, #222428 92%, #1e2024 100%) !important; border: 1px solid #3a3d42 !important; box-shadow: 0 8px 32px rgba(0,0,0,0.7) !important; }
body.theme-gunmetal .charselect-inner { background: #1a1c20 !important; border-color: #111214 !important; }
body.theme-gunmetal .charselect-header { background: linear-gradient(180deg, #222428, #1e2024) !important; border-bottom-color: #141518 !important; }
body.theme-gunmetal .charselect-title { color: var(--gm-accent) !important; text-shadow: none !important; }
body.theme-gunmetal .charselect-footer { background: linear-gradient(180deg, #1e2024, #222428) !important; border-top-color: #141518 !important; }


/* ════════════════════════════════════════════
   16. EVENTS + MARKETPLACE
   ════════════════════════════════════════════ */
body.theme-gunmetal .events-hub-btn { background: var(--cell-bg) !important; border: 2px solid #2e3036 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important; }
body.theme-gunmetal .events-hub-btn:hover { background: var(--cell-hover) !important; }
body.theme-gunmetal .events-hub-item { background: var(--cell-bg) !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .events-hub-item:hover { background: var(--cell-hover) !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .marketplace-header { background: linear-gradient(180deg, #1e2024, #18191d) !important; border-bottom-color: #141518 !important; }
body.theme-gunmetal .marketplace-header::after { background: linear-gradient(90deg, transparent, rgba(80,200,220,0.15), transparent) !important; }
body.theme-gunmetal .marketplace-title { color: var(--gm-accent) !important; text-shadow: none !important; }
body.theme-gunmetal .marketplace-action-buy { background: linear-gradient(180deg, #1a2e22, #122018) !important; border-color: #2a4830 !important; color: var(--green) !important; }
body.theme-gunmetal .marketplace-action-buy:hover { background: linear-gradient(180deg, #223828, #1a2820) !important; }
body.theme-gunmetal .marketplace-action-sell { background: linear-gradient(180deg, #2e1a1a, #201212) !important; border-color: #483030 !important; color: var(--red) !important; }
body.theme-gunmetal .marketplace-action-sell:hover { background: linear-gradient(180deg, #382020, #281818) !important; }


/* ════════════════════════════════════════════
   17. BUTTONS
   ════════════════════════════════════════════ */
body.theme-gunmetal .osrs-btn { background: linear-gradient(180deg, #2a2c32, #222428) !important; border: 1px solid #141518 !important; box-shadow: inset 1px 1px 0 #3a3d42, inset -1px -1px 0 #111214 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .osrs-btn:hover { background: linear-gradient(180deg, #32343a, #2a2c32) !important; }
body.theme-gunmetal .osrs-btn:active { box-shadow: inset -1px -1px 0 #3a3d42, inset 1px 1px 0 #111214 !important; }
body.theme-gunmetal .osrs-btn.danger { background: linear-gradient(180deg, #3a1818, #281010) !important; box-shadow: inset 1px 1px 0 #4a2828, inset -1px -1px 0 #1a0808 !important; color: var(--red) !important; }
body.theme-gunmetal .osrs-btn.danger:hover { background: linear-gradient(180deg, #442020, #321818) !important; }
body.theme-gunmetal .rc-btn, body.theme-gunmetal .stone-btn, body.theme-gunmetal .settings-btn, body.theme-gunmetal .rl-fr-add-btn { background: linear-gradient(180deg, #2a2c32, #222428) !important; border-color: #141518 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .rc-btn:hover, body.theme-gunmetal .stone-btn:hover, body.theme-gunmetal .settings-btn:hover, body.theme-gunmetal .rl-fr-add-btn:hover { background: linear-gradient(180deg, #32343a, #2a2c32) !important; }


/* ════════════════════════════════════════════
   18. EQUIPMENT + LOADOUT
   ════════════════════════════════════════════ */
body.theme-gunmetal .equip-grid { background: var(--cell-bg) !important; }
body.theme-gunmetal .eq-slot { background: #111214 !important; border: 2px solid #2e3036 !important; }
body.theme-gunmetal .eq-slot:hover { border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .eq-slot.filled { border-color: #3a3d42 !important; background: #141518 !important; }
body.theme-gunmetal .eq-section-head { background: linear-gradient(180deg, #222428, #1a1c20) !important; border-top-color: #141518 !important; border-bottom-color: #141518 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .equip-tools { background: var(--cell-bg) !important; }
body.theme-gunmetal .equip-stats { background: var(--cell-bg) !important; border-top-color: #2a2d31 !important; }
body.theme-gunmetal .eq-stat-row { border-bottom-color: #2a2d31 !important; }
body.theme-gunmetal .eq-stat-title { color: var(--gm-accent) !important; }
body.theme-gunmetal .equip-style-row { background: var(--cell-bg) !important; }
body.theme-gunmetal .equip-style-btn { background: #111214 !important; border: 1px solid #2e3036 !important; }
body.theme-gunmetal .equip-style-btn:hover { background: #18191d !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .equip-style-btn.active { background: #18191d !important; border-color: var(--gm-accent-dim) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .equip-prayer-row { background: var(--cell-bg) !important; }
body.theme-gunmetal .equip-prayer-btn { background: #111214 !important; border: 1px solid #2e3036 !important; }
body.theme-gunmetal .equip-prayer-btn:hover { background: #18191d !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .equip-prayer-btn.active { background: #18191d !important; border-color: var(--gm-accent-dim) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .loadout-controls { background: var(--cell-bg) !important; border-top-color: #2a2d31 !important; }
body.theme-gunmetal .loadout-btn { background: linear-gradient(180deg, #2a2c32, #222428) !important; border-color: #141518 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .loadout-btn:hover { background: linear-gradient(180deg, #32343a, #2a2c32) !important; }
body.theme-gunmetal .loadout-del { background: linear-gradient(180deg, #3a1818, #281010) !important; border-color: #1a0808 !important; }
body.theme-gunmetal .loadout-del:hover { background: linear-gradient(180deg, #442020, #321818) !important; }
body.theme-gunmetal .loadout-input { background: #111214 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .loadout-input:focus { border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .loadout-activity-row { border-top-color: #2a2d31 !important; }
body.theme-gunmetal .loadout-prompt { border-top-color: #2a2d31 !important; }


/* ════════════════════════════════════════════
   19. TIMER HUB
   ════════════════════════════════════════════ */
body.theme-gunmetal .timer-hub { background: var(--chat-bg) !important; border: 8px solid #2a2d31 !important; border-top: 10px solid #222428 !important; border-left: none !important; box-shadow: inset 0 0 0 2px #3a3d42, 0 0 0 3px #111214 !important; }
body.theme-gunmetal .timer-hub-header { background: linear-gradient(180deg, #222428, #1a1c20, #141518) !important; border-bottom: 2px solid #111214 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .timer-hub-body { background: linear-gradient(180deg, #141518, #111214) !important; }


/* ════════════════════════════════════════════
   20. TOOLTIPS
   ════════════════════════════════════════════ */
body.theme-gunmetal .rl-bar-btn::after, body.theme-gunmetal .sidebar-top-tab::after, body.theme-gunmetal .sidebar-tab::after {
    background: #111214 !important; color: var(--gm-accent) !important; border-color: #2e3036 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important;
}


/* ════════════════════════════════════════════
   21. PROFILE HUB
   ════════════════════════════════════════════ */
body.theme-gunmetal .profile-hub { background: linear-gradient(180deg, #141518 0%, #111214 30%, #0e0f11 100%) !important; }
body.theme-gunmetal .sidebar-body:has(.profile-hub) { background: #0e0f11 !important; }
body.theme-gunmetal .profile-hub .ph-edge { opacity: 0.3 !important; background: linear-gradient(90deg, transparent 5%, #2a8898 20%, var(--gm-accent) 40%, var(--gm-accent-bright) 50%, var(--gm-accent) 60%, #2a8898 80%, transparent 95%) !important; }
body.theme-gunmetal .profile-hub .ph-hero { background: radial-gradient(ellipse 80% 70% at 50% 30%, rgba(80,200,220,0.03) 0%, transparent 70%) !important; }
body.theme-gunmetal .profile-hub .ph-avatar-lg { border: 2px solid #3a3d42 !important; background: #111214 !important; box-shadow: 0 0 16px rgba(0,0,0,0.4) !important; }
body.theme-gunmetal .profile-hub .ph-name { color: var(--gm-chrome) !important; text-shadow: none !important; }
body.theme-gunmetal .profile-hub .ph-clan { color: var(--muted) !important; }
body.theme-gunmetal .profile-hub .ph-lvl-pill { color: var(--gm-accent) !important; background: rgba(80,200,220,0.05) !important; border-color: #2e3036 !important; }
body.theme-gunmetal .profile-hub .ph-section { border-top-color: #2a2d31 !important; }
body.theme-gunmetal .profile-hub .ph-section-label { color: var(--muted) !important; }
body.theme-gunmetal .profile-hub .ph-vital-track { border-color: #2a2d31 !important; }
body.theme-gunmetal .profile-hub .ph-slayer-fill { background: linear-gradient(90deg, #1a6a7a, var(--gm-accent), var(--gm-accent-bright)) !important; }
body.theme-gunmetal .profile-hub .ph-slayer-track { border-color: #2a2d31 !important; }
body.theme-gunmetal .profile-hub .ph-fill-prayer { background: linear-gradient(180deg, var(--gm-accent), #2a8898, #1a6a7a) !important; }
body.theme-gunmetal .profile-hub .ph-timer { color: var(--muted) !important; }
body.theme-gunmetal .profile-hub .ph-theme-gear { color: var(--muted) !important; }
body.theme-gunmetal .profile-hub .ph-theme-gear:hover { color: var(--gm-accent) !important; }
body.theme-gunmetal .profile-hub .ph-theme-picker { background: #111214 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .profile-hub .ph-theme-option:hover { background: rgba(80,200,220,0.06) !important; color: var(--white) !important; }
body.theme-gunmetal .profile-hub .ph-theme-option.ph-theme-active { color: var(--gm-accent) !important; }


/* ════════════════════════════════════════════
   22. SKILL HUB + SLAYER HUB
   ════════════════════════════════════════════ */
body.theme-gunmetal .skill-hub { background: #111214 !important; background-image: radial-gradient(ellipse 800px 400px at 50% 0%, rgba(80,200,220,0.02) 0%, transparent 100%) !important; }
body.theme-gunmetal .skill-hub::before { background: linear-gradient(90deg, transparent, var(--gm-accent-dim), transparent) !important; opacity: 0.25 !important; }
body.theme-gunmetal .hub-header { background: linear-gradient(180deg, #1e2024, #18191d) !important; border-bottom-color: #141518 !important; }
body.theme-gunmetal .hub-skill-icon { background: #222428 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .hub-skill-name { color: var(--gm-accent) !important; }
body.theme-gunmetal .hub-level { color: var(--gm-accent) !important; }
body.theme-gunmetal .hub-xp-bar-wrap { border-color: #2e3036 !important; }
body.theme-gunmetal .hub-xp-bar-fill { background: linear-gradient(90deg, #1a6a7a, var(--gm-accent)) !important; }
body.theme-gunmetal .hub-stats { color: var(--muted) !important; }
body.theme-gunmetal .hub-stat-sep { color: #2e3036 !important; }
body.theme-gunmetal .hub-xp-text { color: var(--muted) !important; }
body.theme-gunmetal .hub-swap { background: rgba(80,200,220,0.05) !important; border-color: #2e3036 !important; }
body.theme-gunmetal .hub-swap:hover { background: rgba(80,200,220,0.1) !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .tier-strip { background: #141518 !important; border-bottom-color: #111214 !important; }
body.theme-gunmetal .tier-node { color: var(--muted) !important; }
body.theme-gunmetal .tier-node.active { color: var(--gm-accent) !important; }
body.theme-gunmetal .tier-node.locked { color: #2e3036 !important; }

body.theme-gunmetal .slayer-hub-header, body.theme-gunmetal .slayer-tab-bar, body.theme-gunmetal .slayer-hub-content { background-color: #111214 !important; }
body.theme-gunmetal .slayer-hub-header { background: linear-gradient(180deg, rgba(26,28,32,0.95), rgba(20,21,24,0.85)) !important; border-bottom-color: #2a2d31 !important; }
body.theme-gunmetal .slayer-stat-box { background: rgba(80,200,220,0.04) !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .slayer-stat-val { color: var(--gm-accent) !important; }
body.theme-gunmetal .slayer-stat-label { color: var(--muted) !important; }
body.theme-gunmetal .slayer-active-task { background: rgba(80,200,220,0.03) !important; border-color: rgba(80,200,220,0.12) !important; }
body.theme-gunmetal .slayer-task-name { color: var(--gm-accent) !important; }
body.theme-gunmetal .slayer-task-count { color: var(--muted) !important; }
body.theme-gunmetal .slayer-task-meta { color: #3a3d42 !important; }
body.theme-gunmetal .slayer-task-meta b { color: var(--muted) !important; }
body.theme-gunmetal .slayer-task-bar-wrap { background: #111214 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .slayer-task-bar { background: linear-gradient(90deg, #1a6a7a, var(--gm-accent)) !important; }
body.theme-gunmetal .slayer-tab-bar { background: #141518 !important; border-bottom-color: #2a2d31 !important; }
body.theme-gunmetal .slayer-tab { color: var(--muted) !important; }
body.theme-gunmetal .slayer-tab:hover { color: var(--white) !important; background: rgba(255,255,255,0.02) !important; }
body.theme-gunmetal .slayer-tab.active { color: var(--gm-accent) !important; border-bottom-color: var(--gm-accent) !important; background: rgba(80,200,220,0.03) !important; }
body.theme-gunmetal .slayer-hub-content { scrollbar-color: #2e3036 transparent !important; }
body.theme-gunmetal .slayer-empty-title { color: #3a3d42 !important; }
body.theme-gunmetal .slayer-empty-hint { color: #2e3036 !important; }
body.theme-gunmetal .st-monster-name { color: var(--gm-accent) !important; text-shadow: none !important; }
body.theme-gunmetal .slayer-master-card { background: #1a1c20 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .slayer-master-card:hover:not(.locked) { border-color: #3a3d42 !important; box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important; }
body.theme-gunmetal .smc-portrait { border-color: #3a3d42 !important; box-shadow: 0 0 10px rgba(0,0,0,0.3) !important; background: #111214 !important; }
body.theme-gunmetal .slayer-master-card:hover:not(.locked) .smc-portrait { border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .smc-name { color: var(--gm-accent) !important; }
body.theme-gunmetal .slayer-master-card.locked .smc-name { color: #3a3d42 !important; }
body.theme-gunmetal .smc-flavor { color: #3a3d42 !important; }
body.theme-gunmetal .sto-header { background: rgba(0,0,0,0.9) !important; border-bottom-color: rgba(180,190,200,0.2) !important; }
body.theme-gunmetal .sto-task-name { color: var(--gm-accent) !important; }
body.theme-gunmetal .sto-action-btn { border-color: rgba(180,190,200,0.2) !important; background: rgba(180,190,200,0.05) !important; color: #8a9aaa !important; }
body.theme-gunmetal .sto-action-btn:hover { border-color: var(--gm-accent) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .method-row.slayer-task-target { border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .slayer-task-btns .osrs-btn { background: linear-gradient(180deg, #2a2c32, #222428) !important; color: var(--gm-accent) !important; }


/* ════════════════════════════════════════════
   23. PRESTIGE
   ════════════════════════════════════════════ */
body.theme-gunmetal .p-fullscreen { background: #111214 !important; }
body.theme-gunmetal .ph-header { background: linear-gradient(180deg, rgba(26,28,32,0.95), rgba(20,21,24,0.85)) !important; border-bottom-color: #2a2d31 !important; }
body.theme-gunmetal .ph-tier-icon { background: linear-gradient(135deg, var(--gm-accent-dim), var(--gm-accent)) !important; color: #111214 !important; }
body.theme-gunmetal .ph-currency-val { color: var(--gm-accent) !important; }
body.theme-gunmetal .ph-active-task { background: rgba(80,200,220,0.03) !important; border-color: rgba(80,200,220,0.12) !important; }
body.theme-gunmetal .ph-task-name { color: var(--gm-accent) !important; }
body.theme-gunmetal .ph-task-count { color: var(--muted) !important; }
body.theme-gunmetal .ph-no-task { border-color: #2a2d31 !important; }
body.theme-gunmetal .ph-hub .slayer-tab-bar { background-color: #111214 !important; }


/* ════════════════════════════════════════════
   24. MISC
   ════════════════════════════════════════════ */
body.theme-gunmetal .disconnect-notice { background: rgba(17,18,20,0.95) !important; border-color: var(--red) !important; }
body.theme-gunmetal ::-webkit-scrollbar { width: 5px; }
body.theme-gunmetal ::-webkit-scrollbar-track { background: #111214; }
body.theme-gunmetal ::-webkit-scrollbar-thumb { background: #2e3036; border-radius: 3px; }
body.theme-gunmetal ::-webkit-scrollbar-thumb:hover { background: #3a3d42; }
body.theme-gunmetal .theme-btn.active { background: var(--gm-accent) !important; color: #111214 !important; }
body.theme-gunmetal ::selection { background: rgba(80,200,220,0.2); color: #fff; }
body.theme-gunmetal a { color: var(--gm-accent); }
body.theme-gunmetal .awakened-toggle { background: rgba(17,18,20,0.5) !important; }
body.theme-gunmetal .awakened-toggle.active { background: rgba(80,200,220,0.1) !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .toast, body.theme-gunmetal .notification { background: #1e2024 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .loot-popup { background: rgba(17,18,20,0.9) !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .equip-slot { background: #111214 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .equip-slot:hover { border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .equip-slot.filled { border-color: #3a3d42 !important; }
body.theme-gunmetal .quest-row { background: #1a1c20 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .quest-row:hover { background: #222428 !important; }
body.theme-gunmetal .quest-row.complete { background: rgba(74,216,128,0.03) !important; }
body.theme-gunmetal .farm-patch { background: #1e2024 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .farm-patch:hover { border-color: #3a3d42 !important; }
body.theme-gunmetal .clue-reward-panel { background: #1e2024 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .clog-category { background: #18191d !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .spell-cell { background: #1e2024 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .spell-cell:hover:not(.locked) { background: #222428 !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .spell-cell.active { background: #222428 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .poh-floor { background: #111214 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .poh-room { background: #1e2024 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .poh-room:hover { background: #222428 !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .lu-backdrop { background: radial-gradient(ellipse at center, rgba(80,200,220,0.06), transparent 70%), rgba(0,0,0,0.4) !important; }
body.theme-gunmetal .lu-ring { border-color: rgba(80,200,220,0.25) !important; box-shadow: 0 0 20px rgba(80,200,220,0.15) !important; }
body.theme-gunmetal .lu-text { color: var(--gm-accent) !important; text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important; }
body.theme-gunmetal .global-search-results { background: #18191d !important; border-color: #2e3036 !important; }
body.theme-gunmetal .global-search-input { background: #111214 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .global-search-input:focus { border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .rl-row { background: #1a1c20 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .rl-row:hover { background: #222428 !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .rl-row.active, body.theme-gunmetal .rl-row.selected { background: #2a2c32 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .monster-hp-bar { background: #111214 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .player-hp-bar { background: #111214 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .ironman-badge { background: #1e2024 !important; border-color: var(--gm-accent-dim) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .rl-shop-header { background: linear-gradient(180deg, #1e2024, #18191d) !important; border-bottom-color: #141518 !important; color: var(--gm-accent) !important; }


/* ════════════════════════════════════════════
   25. FULL-PAGE HUB DEEP OVERRIDES
   ════════════════════════════════════════════ */

/* ── Skill Hub — tabs, grid, method cards, supply chain, tiers ── */
body.theme-gunmetal .hub-tabs { background: #141518 !important; border-bottom-color: #111214 !important; }
body.theme-gunmetal .hub-grid-scroll { scrollbar-color: #2e3036 transparent !important; }
body.theme-gunmetal .hub-grid-scroll::-webkit-scrollbar-thumb { background: #2e3036 !important; }
body.theme-gunmetal .hub-grid-scroll::-webkit-scrollbar-thumb:hover { background: #3a3d42 !important; }
body.theme-gunmetal .method-card { background: #1a1c20 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .method-card:hover { background: #222428 !important; box-shadow: 0 3px 10px rgba(0,0,0,0.4) !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .method-card.active { background: #222428 !important; border-color: var(--gm-accent-dim) !important; box-shadow: inset 0 0 6px rgba(80,200,220,0.05) !important; }
body.theme-gunmetal .method-card.active::before { background: var(--gm-accent) !important; }
body.theme-gunmetal .mc-play { background: linear-gradient(180deg, #2a2c32, #222428) !important; border-color: rgba(80,200,220,0.2) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .mc-play:hover { background: linear-gradient(180deg, #32343a, #2a2c32) !important; border-color: var(--gm-accent) !important; }
body.theme-gunmetal .hub-patches-header { color: var(--gm-accent) !important; border-bottom-color: #2e3036 !important; }
body.theme-gunmetal .hub-patch-card { background: rgba(80,200,220,0.03) !important; border-color: rgba(80,200,220,0.1) !important; }
body.theme-gunmetal .hub-patch-bar { background: #111214 !important; }
body.theme-gunmetal .hub-patch-fill { background: linear-gradient(90deg, var(--gm-accent-dim), var(--gm-accent)) !important; }
body.theme-gunmetal .hub-empty { color: var(--muted) !important; }
body.theme-gunmetal .tier-connector { background: #2e3036 !important; }
body.theme-gunmetal .tier-connector.unlocked { background: linear-gradient(90deg, rgba(80,200,220,0.3), rgba(80,200,220,0.1)) !important; }
body.theme-gunmetal .tier-node.special-tier .tier-name { color: var(--gm-accent) !important; }
body.theme-gunmetal .tier-node.special-tier.active { background: rgba(80,200,220,0.06) !important; border-color: var(--gm-accent) !important; }
body.theme-gunmetal .supply-chain { background: linear-gradient(180deg, #111214 0%, rgba(17,18,20,0.6) 100%) !important; border-bottom-color: #141518 !important; }
body.theme-gunmetal .supply-node { background: #1e2024 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .supply-arrow { color: var(--muted) !important; }
body.theme-gunmetal .hub-tab { color: var(--muted) !important; }
body.theme-gunmetal .hub-tab:hover { color: var(--white) !important; }
body.theme-gunmetal .hub-tab.active { color: var(--gm-accent) !important; border-bottom-color: var(--gm-accent) !important; }

/* ── Slayer Hub ── */
body.theme-gunmetal .slayer-btn { background: #1e2024 !important; border-color: #2e3036 !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .slayer-btn:hover { background: #262830 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .slayer-btn-sub { color: var(--muted) !important; }
body.theme-gunmetal .slayer-btn-primary { background: linear-gradient(180deg, var(--gm-accent), #2a8898) !important; color: #111214 !important; border-color: var(--gm-accent) !important; }
body.theme-gunmetal .slayer-btn-primary:hover { background: linear-gradient(180deg, var(--gm-accent-bright), var(--gm-accent)) !important; }
body.theme-gunmetal .slayer-room { background: #111214 !important; }
body.theme-gunmetal .st-bar-wrap { background: #111214 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .st-bar { background: linear-gradient(90deg, #1a6a7a, var(--gm-accent), var(--gm-accent-bright)) !important; }
body.theme-gunmetal .st-progress-pct { color: var(--muted) !important; }
body.theme-gunmetal .st-stat-label { color: var(--muted) !important; }
body.theme-gunmetal .st-drops-label { color: var(--muted) !important; }
body.theme-gunmetal .st-drop { background: rgba(80,200,220,0.02) !important; border-color: #2e3036 !important; }
body.theme-gunmetal .st-drop:hover { border-color: #3a3d42 !important; background: rgba(80,200,220,0.04) !important; }

/* ── Prestige Hub ── */
body.theme-gunmetal .p-fs-header { background: linear-gradient(180deg, #1e2024 0%, #18191d 100%) !important; border-bottom-color: #141518 !important; }
body.theme-gunmetal .p-fs-title { color: var(--gm-accent) !important; }
body.theme-gunmetal .p-fs-close { background: rgba(80,200,220,0.06) !important; border-color: rgba(80,200,220,0.15) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .p-fs-close:hover { background: rgba(80,200,220,0.12) !important; border-color: var(--gm-accent) !important; }
body.theme-gunmetal .p-hs-label { color: var(--muted) !important; }
body.theme-gunmetal .p-hs-val { color: var(--gm-accent) !important; }
body.theme-gunmetal .p-hs-currency { color: var(--gm-accent) !important; }
body.theme-gunmetal .p-hs-dim { color: var(--muted) !important; }
body.theme-gunmetal .p-hs-sep { color: #2e3036 !important; }
body.theme-gunmetal .p-body { scrollbar-color: #2e3036 transparent !important; }
body.theme-gunmetal .p-body::-webkit-scrollbar-thumb { background: #2e3036 !important; }
body.theme-gunmetal .p-body::-webkit-scrollbar-thumb:hover { background: #3a3d42 !important; }
body.theme-gunmetal .p-tabs { background: #141518 !important; border-bottom-color: #111214 !important; }
body.theme-gunmetal .p-tab { color: var(--muted) !important; }
body.theme-gunmetal .p-tab:hover { color: var(--white) !important; }
body.theme-gunmetal .p-tab.active { color: var(--gm-accent) !important; border-bottom-color: var(--gm-accent) !important; }
body.theme-gunmetal .p-stone-head { border-bottom-color: #2e3036 !important; }
body.theme-gunmetal .p-stone-title { color: var(--muted) !important; }
body.theme-gunmetal .p-detail-section + .p-detail-section { border-top-color: #141518 !important; }
body.theme-gunmetal .p-bv-btn { color: var(--gm-accent) !important; background: linear-gradient(180deg, #2a2c32, #222428) !important; border-color: rgba(80,200,220,0.2) !important; }
body.theme-gunmetal .p-bv-btn:hover { background: linear-gradient(180deg, #32343a, #2a2c32) !important; border-color: var(--gm-accent) !important; }
body.theme-gunmetal .p-bv-btn.primary { background: linear-gradient(180deg, var(--gm-accent), #2a8898) !important; color: #111214 !important; }
body.theme-gunmetal .p-bv-btn.primary:hover { background: linear-gradient(180deg, var(--gm-accent-bright), var(--gm-accent)) !important; }
body.theme-gunmetal .p-prest-section + .p-prest-section { border-top-color: #141518 !important; }
body.theme-gunmetal .p-prest-tier-num { color: var(--gm-accent) !important; }
body.theme-gunmetal .p-prest-section-title.earn { color: var(--gm-accent) !important; }


/* ── PRESTIGE MODULE ── */
body.theme-gunmetal .p-stone { background: #141518 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .p-stone-body { background: #111215 !important; }
body.theme-gunmetal .p-bingo-tile { background: #1e2024 !important; background-image: none !important; border-color: #2a2d31 !important; box-shadow: none !important; }
body.theme-gunmetal .p-bingo-tile:hover { background: #222428 !important; border-color: #3a3d42 !important; }
body.theme-gunmetal .p-bingo-tile.active { border-color: var(--gm-accent) !important; box-shadow: 0 0 8px rgba(80,200,220,0.15) !important; }
body.theme-gunmetal .p-bingo-tile.complete { background: #1e2024 !important; border-color: #3a5a2a !important; }
body.theme-gunmetal .p-bingo-tile.in-line { border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .p-bingo-tile.reroll-target { border-color: #cc3838 !important; box-shadow: 0 0 8px rgba(204,56,56,0.2) !important; }
body.theme-gunmetal .p-bingo-tile.ext-tile { border-color: rgba(80,200,220,0.25) !important; }
body.theme-gunmetal .p-bingo-tile.empty-slot { background: #111215 !important; border-color: #1e2024 !important; }
body.theme-gunmetal .p-bt-id { color: var(--muted) !important; }
body.theme-gunmetal .p-bt-obj { color: #c0c4cc !important; }
body.theme-gunmetal .p-bt-check { color: #6ab840 !important; }
body.theme-gunmetal .p-bt-prog-text { color: var(--muted) !important; }
body.theme-gunmetal .p-prog-bar { background: #0e1012 !important; border-color: #1e2024 !important; }
body.theme-gunmetal .p-prog-fill { background: linear-gradient(90deg, var(--gm-accent-dim), var(--gm-accent)) !important; box-shadow: none !important; }
body.theme-gunmetal .p-prog-fill.green { background: linear-gradient(90deg, #3a5a2a, #6ab840) !important; }
body.theme-gunmetal .p-bingo-lines { border-top-color: #1e2024 !important; }
body.theme-gunmetal .p-bingo-line { color: var(--muted) !important; }
body.theme-gunmetal .p-bingo-line.done { color: #6ab840 !important; }
body.theme-gunmetal .p-bingo-footer { background: #111215 !important; border-top-color: #1e2024 !important; }
body.theme-gunmetal .p-board-reset-row { border-top-color: #1e2024 !important; }
body.theme-gunmetal .p-board-reset-info { color: var(--muted) !important; }
body.theme-gunmetal .p-reroll-banner { background: rgba(204,56,56,0.08) !important; border-color: rgba(204,56,56,0.2) !important; }
body.theme-gunmetal .p-pick-btn { background: linear-gradient(180deg, #262830, #1e2024) !important; color: var(--gm-accent) !important; border-color: rgba(80,200,220,0.2) !important; }
body.theme-gunmetal .p-pick-btn:hover { background: linear-gradient(180deg, #2e3036, #262830) !important; border-color: var(--gm-accent) !important; }

/* ── PRESTIGE BOOSTS ── */
body.theme-gunmetal .p-boosts-section { background: #141518 !important; }
body.theme-gunmetal .p-boosts-cat { color: var(--gm-accent) !important; border-bottom-color: #2a2d31 !important; }
body.theme-gunmetal .p-boosts-desc { color: var(--muted) !important; }
body.theme-gunmetal .p-boost-row { background: #1e2024 !important; border-color: #222428 !important; }
body.theme-gunmetal .p-boost-row:hover { background: #222428 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .p-boost-label { color: #c0c4cc !important; }
body.theme-gunmetal .p-boost-level { color: var(--gm-accent) !important; }
body.theme-gunmetal .p-boost-bar { background: #0e1012 !important; }
body.theme-gunmetal .p-boost-bar-fill { background: linear-gradient(90deg, var(--gm-accent-dim), var(--gm-accent)) !important; }
body.theme-gunmetal .p-boost-buy { background: linear-gradient(180deg, #262830, #1e2024) !important; color: var(--gm-accent) !important; border-color: rgba(80,200,220,0.2) !important; }
body.theme-gunmetal .p-boost-buy:hover { background: linear-gradient(180deg, #2e3036, #262830) !important; border-color: var(--gm-accent) !important; }
body.theme-gunmetal .p-boost-buy.disabled { background: #141518 !important; color: #333 !important; border-color: #1e2024 !important; }

/* ── PRESTIGE COMPLETED ── */
body.theme-gunmetal .p-completed-section { background: #141518 !important; }
body.theme-gunmetal .p-completed-head { color: var(--gm-accent) !important; border-bottom-color: #2a2d31 !important; }
body.theme-gunmetal .p-completed-tile { background: #1e2024 !important; border-color: #222428 !important; }
body.theme-gunmetal .p-completed-tile:hover { background: #222428 !important; }
body.theme-gunmetal .p-completed-name { color: #c0c4cc !important; }
body.theme-gunmetal .p-completed-reward { color: var(--muted) !important; }
body.theme-gunmetal .p-completed-upgrade-badge { background: rgba(80,200,220,0.1) !important; color: var(--gm-accent) !important; }
body.theme-gunmetal .p-completed-upgrade-info { color: var(--muted) !important; }

/* ── PRESTIGE DASHBOARD ── */
body.theme-gunmetal .p-dashboard { background: #111215 !important; }
body.theme-gunmetal .p-dash-left { background: #141518 !important; border-color: #1e2024 !important; }
body.theme-gunmetal .p-dash-right { background: #141518 !important; border-color: #1e2024 !important; }
body.theme-gunmetal .p-dash-footer { background: #111215 !important; border-top-color: #1e2024 !important; }
body.theme-gunmetal .p-dash-label { color: var(--gm-accent) !important; }
body.theme-gunmetal .p-dash-label-sub { color: var(--muted) !important; }
body.theme-gunmetal .p-dash-pill { background: #1e2024 !important; border-color: #2a2d31 !important; color: #c0c4cc !important; }
body.theme-gunmetal .p-dash-sep { border-color: #1e2024 !important; }

/* ── PRESTIGE TILE DETAIL ── */
body.theme-gunmetal .p-detail-label { color: var(--muted) !important; }
body.theme-gunmetal .p-detail-obj { color: #c0c4cc !important; }
body.theme-gunmetal .p-detail-prog-row { color: #c0c4cc !important; }
body.theme-gunmetal .p-detail-footer { background: #111215 !important; border-top-color: #1e2024 !important; }

/* ── PRODUCTION CHIPS ── */
body.theme-gunmetal .prod-chip { color: #c0c4cc !important; }
body.theme-gunmetal .prod-chip.res-ok { color: #6ab840 !important; }
body.theme-gunmetal .prod-chip.res-no { color: #cc3838 !important; }
body.theme-gunmetal .prod-chip.prod-output { color: var(--gm-accent) !important; }
body.theme-gunmetal .prod-arrow { color: var(--muted) !important; }
body.theme-gunmetal .prod-can-make { color: var(--muted) !important; }
body.theme-gunmetal .prod-line { border-color: #1e2024 !important; }

/* ── SKILL HUB EXTRAS ── */
body.theme-gunmetal .hub-materials { background: #141518 !important; border-color: #1e2024 !important; color: #c0c4cc !important; }
body.theme-gunmetal .hub-chest { background: transparent !important; border-color: transparent !important; }
body.theme-gunmetal .hub-chest:hover { background: transparent !important; border-color: transparent !important; }

/* ── MARKETPLACE ── */
body.theme-gunmetal .marketplace-header { background: linear-gradient(180deg, #222428, #1a1c20) !important; border-bottom-color: #0e1012 !important; }
body.theme-gunmetal .marketplace-header::after { background: linear-gradient(90deg, transparent, rgba(80,200,220,0.15), transparent) !important; }
body.theme-gunmetal .marketplace-title { color: var(--gm-accent) !important; }
body.theme-gunmetal .marketplace-slots-count { color: var(--muted) !important; }
body.theme-gunmetal .marketplace-offer-row { background: linear-gradient(180deg, #1e2024, #141518) !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .marketplace-offer-row:hover { border-color: #3a3d42 !important; }
body.theme-gunmetal .marketplace-offer-icon { background: rgba(0,0,0,0.3) !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .marketplace-offer-name { color: var(--gm-accent) !important; }
body.theme-gunmetal .marketplace-offer-detail { color: var(--muted) !important; }
body.theme-gunmetal .marketplace-offer-progress { background: #0e1012 !important; border-color: #1e2024 !important; }
body.theme-gunmetal .marketplace-empty-text { color: var(--muted) !important; }
body.theme-gunmetal .marketplace-empty-hint { color: #333 !important; }
body.theme-gunmetal .marketplace-btn { background: linear-gradient(180deg, #262830, #1e2024) !important; color: #c0c4cc !important; box-shadow: none !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .marketplace-btn:hover { background: linear-gradient(180deg, #2e3036, #262830) !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .marketplace-btn-confirm { background: linear-gradient(180deg, var(--gm-accent), var(--gm-accent-dim)) !important; color: #0a0a0a !important; border-color: var(--gm-accent) !important; }
body.theme-gunmetal .marketplace-collect-banner { background: rgba(80,200,220,0.06) !important; border-color: rgba(80,200,220,0.15) !important; }
body.theme-gunmetal .marketplace-collect-banner-text { color: var(--gm-accent) !important; }
body.theme-gunmetal .marketplace-browse-row { background: #1e2024 !important; border-color: #222428 !important; }
body.theme-gunmetal .marketplace-browse-row:hover { background: #222428 !important; border-color: #2e3036 !important; }
body.theme-gunmetal .marketplace-browse-name { color: #c0c4cc !important; }
body.theme-gunmetal .marketplace-browse-detail { color: var(--muted) !important; }
body.theme-gunmetal .marketplace-browse-search-wrap { background: #111214 !important; border-color: #1e2024 !important; }
body.theme-gunmetal .marketplace-browse-sort-select { background: #111214 !important; color: #c0c4cc !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .marketplace-browse-sort-label { color: var(--muted) !important; }
body.theme-gunmetal .marketplace-category-pill { background: #1e2024 !important; color: var(--muted) !important; border-color: #222428 !important; }
body.theme-gunmetal .marketplace-category-pill:hover { color: #c0c4cc !important; }
body.theme-gunmetal .marketplace-category-pill-active { color: var(--gm-accent) !important; background: #222428 !important; border-color: var(--gm-accent-dim) !important; }
body.theme-gunmetal .marketplace-create-body { background: #141518 !important; }
body.theme-gunmetal .marketplace-create-close { color: var(--muted) !important; }
body.theme-gunmetal #marketplace-panel-body { background: #141518 !important; }

/* ── RL CONTROLS (quests, methods, all list headers) ── */
body.theme-gunmetal .rl-controls { background: linear-gradient(180deg, #222428, #1a1c20) !important; border-bottom-color: #111214 !important; }
body.theme-gunmetal .rl-search { background: #111214 !important; color: #c0c4cc !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .rl-search::placeholder { color: var(--muted) !important; }
body.theme-gunmetal .rl-search:focus { outline-color: var(--gm-accent) !important; border-color: var(--gm-accent) !important; }
body.theme-gunmetal .rl-select { background: #111214 !important; color: var(--gm-accent) !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .rl-pill { background: #1e2024 !important; color: var(--muted) !important; border-color: #222428 !important; }
body.theme-gunmetal .rl-pill:hover { color: #c0c4cc !important; background: #222428 !important; }
body.theme-gunmetal .rl-pill.active { color: var(--gm-accent) !important; background: linear-gradient(180deg, #262830, #1e2024) !important; box-shadow: 0 0 6px rgba(80,200,220,0.1) !important; }
body.theme-gunmetal .rl-stat-bar { color: var(--muted) !important; border-bottom-color: #1e2024 !important; }
body.theme-gunmetal .rl-stat-val { color: var(--gm-accent) !important; }
body.theme-gunmetal .rl-search-wrap { border-bottom-color: #1e2024 !important; }
body.theme-gunmetal .rl-reset-btn { background: #111214 !important; color: var(--gm-accent) !important; border-color: #2a2d31 !important; }

/* ── FORGE PROGRESS (Skill Hub) ── */
body.theme-gunmetal .forge-progress { background: linear-gradient(180deg, #1a1c20, #141518) !important; border-bottom-color: #0e1012 !important; }
body.theme-gunmetal .forge-progress::before { background: radial-gradient(ellipse 300px 80px at 50% 100%, rgba(80,200,220,0.03) 0%, transparent 100%), radial-gradient(ellipse 200px 60px at 50% 0%, rgba(80,200,220,0.02) 0%, transparent 100%) !important; }
body.theme-gunmetal .forge-icon-wrap { background: #222428 !important; border-color: #2a2d31 !important; }
body.theme-gunmetal .forge-item-name { color: var(--gm-accent) !important; }
body.theme-gunmetal .forge-item-detail { color: var(--muted) !important; }
body.theme-gunmetal .forge-output-chip { color: var(--gm-accent) !important; }
body.theme-gunmetal .forge-arrow { color: var(--muted) !important; }
body.theme-gunmetal .forge-stat-label { color: var(--muted) !important; }
body.theme-gunmetal .forge-bar-wrap { background: #0e1012 !important; border-color: #1e2024 !important; }
body.theme-gunmetal .forge-bar-fill { background: linear-gradient(90deg, var(--gm-accent-dim), var(--gm-accent)) !important; box-shadow: 0 0 8px rgba(80,200,220,0.2) !important; }
body.theme-gunmetal .forge-bar-time { color: var(--muted) !important; }
body.theme-gunmetal .forge-session { color: var(--muted) !important; }
body.theme-gunmetal .forge-session-val { color: #c0c4cc !important; }
body.theme-gunmetal .forge-stop { background: linear-gradient(180deg, #2a1a1a, #1a0e0e) !important; border-color: rgba(204,56,56,0.3) !important; }
body.theme-gunmetal .forge-stop:hover { background: linear-gradient(180deg, #3a2a2a, #2a1a1a) !important; border-color: #cc3838 !important; }
body.theme-gunmetal .forge-idle-msg { color: var(--muted) !important; }

/* ════════════════════════════════════════════
   26. MOBILE NAV BARS
   ════════════════════════════════════════════ */
@media (max-width: 768px) {
    body.theme-gunmetal .mobile-tab-strip,
    body.theme-gunmetal #mobile-tab-strip {
        background: linear-gradient(180deg, #222428, #1a1c20 50%, #151618) !important;
    }
    body.theme-gunmetal .mobile-tab-strip-top {
        background: linear-gradient(180deg, #222428, #181a1e) !important;
        border-bottom-color: #2e3036 !important;
    }
    body.theme-gunmetal .mts-btn.active::after {
        background: var(--gm-accent) !important;
        box-shadow: 0 0 6px 2px rgba(80,200,220,0.5) !important;
    }
    body.theme-gunmetal .mobile-tab-strip-top .mts-btn.active {
        border-bottom-color: var(--gm-accent) !important;
    }
}

/* ════════════════════════════════════════════
   27. REDUCED MOTION
   ════════════════════════════════════════════ */
/* ============ LOOTING BAG ============ */
body.theme-gunmetal .looting-bag-overlay {
    background: linear-gradient(145deg, #222428 0%, #18191d 50%, #101114 100%);
    border-color: #333640;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.9), 0 3px 10px rgba(0,0,0,0.7), inset 0 1px 0 rgba(160,180,200,0.06);
}
body.theme-gunmetal .looting-bag-overlay:hover {
    border-color: #4a5060;
}
body.theme-gunmetal .looting-bag-overlay.has-unique {
    border-color: #60a0c0;
    animation: lbag-breathe-gm 1.6s ease-in-out infinite;
}
body.theme-gunmetal .looting-bag-overlay.has-unique::before {
    background: radial-gradient(circle, rgba(80,180,220,0.3) 0%, rgba(80,180,220,0) 70%);
    animation: lbag-aura-gm 1.6s ease-in-out infinite;
}
@keyframes lbag-breathe-gm {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.9), 0 0 8px rgba(80,180,220,0.4), 0 0 20px rgba(80,180,220,0.12), inset 0 1px 0 rgba(100,200,240,0.08);
        border-color: #5090b0;
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.9), 0 0 16px rgba(80,180,220,0.65), 0 0 32px rgba(80,180,220,0.25), 0 0 48px rgba(80,200,240,0.08), inset 0 1px 0 rgba(100,200,240,0.15);
        border-color: #70b8d8;
    }
}
@keyframes lbag-aura-gm {
    0%, 100% { opacity: 0.35; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.15); }
}
body.theme-gunmetal .lbag-item {
    background: rgba(18,19,22,0.6);
    border-color: #282a30;
}
body.theme-gunmetal .lbag-item-unique {
    border-color: #4080a0;
    box-shadow: 0 0 6px rgba(80,180,220,0.3), inset 0 0 6px rgba(80,180,220,0.06);
}

@media (prefers-reduced-motion: reduce) {
    body.theme-gunmetal, body.theme-gunmetal *, body.theme-gunmetal *::before, body.theme-gunmetal *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}