/* ═══════════════════════════════════════════════════════════════
   OBSIDIAN THEME — Matte Black Architectural Reskin
   Charcoal textures, geometric layers, brutalist precision.
   Clean, mature, rough. Built surfaces, not painted ones.
   Applied via body.theme-obsidian (on top of body.rebrand)
   ═══════════════════════════════════════════════════════════════ */

/* ── KEYFRAMES ── */

@keyframes obs-edge-scan {
    0% { left: -20%; }
    100% { left: 120%; }
}

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

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

@keyframes obs-progress-glow {
    0%, 100% { box-shadow: 0 0 6px rgba(200,160,100,0.3), 0 0 12px rgba(180,140,80,0.1); }
    50% { box-shadow: 0 0 10px rgba(200,160,100,0.5), 0 0 18px rgba(180,140,80,0.15); }
}

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

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

@keyframes obs-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(200,160,100,0.08); }
    50% { box-shadow: 0 0 14px rgba(200,160,100,0.15); }
}

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


/* ════════════════════════════════════════════
   1. CORE PALETTE
   ════════════════════════════════════════════ */
body.theme-obsidian {
    --frame:      #1c1c1c;
    --frame-hi:   #2a2a2a;
    --frame-lo:   #0e0e0e;
    --panel-bg:   #141414;
    --dark-bg:    #111111;
    --darkest:    #0a0a0a;
    --gold:       #c8a064;
    --gold-dim:   #8a6a3a;
    --green:      #6ab840;
    --red:        #cc3838;
    --white:      #c8c0b8;
    --muted:      #5a5650;
    --chat-bg:    #0c0c0c;
    --cell-bg:    #161616;
    --cell-hover: #1e1e1e;
    --cell-active:#252525;

    --obs-accent: #c8a064;
    --obs-accent-dim: #8a6a3a;
    --obs-accent-bright: #e0c080;
    --obs-surface: #1a1a1a;
    --obs-border: #2a2a2a;
    --obs-border-subtle: #222222;
    --obs-text: #c8c0b8;
    --obs-text-dim: #6a6460;

    background: #0a0a0a !important;
}


/* ════════════════════════════════════════════
   2. BODY — Textured Charcoal
   ════════════════════════════════════════════ */

/* Subtle noise texture via repeating gradient (faux grain) */
body.theme-obsidian .game {
    background:
        /* Micro cross-hatch texture */
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 1px,
            rgba(255,255,255,0.008) 1px,
            transparent 2px
        ),
        repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 1px,
            rgba(255,255,255,0.006) 1px,
            transparent 2px
        ),
        /* Subtle vertical grain */
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 2px,
            rgba(255,255,255,0.004) 2px,
            transparent 4px
        ),
        #0a0a0a;
}


/* ════════════════════════════════════════════
   3. TOP BAR — Architectural Header
   ════════════════════════════════════════════ */
body.theme-obsidian .topbar {
    background: linear-gradient(180deg, #181818 0%, #121212 100%) !important;
    border-bottom: 1px solid #2a2a2a !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.03), 0 4px 12px rgba(0,0,0,0.5) !important;
    position: relative;
}

/* Thin accent line at bottom */
body.theme-obsidian .topbar::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 5%, var(--obs-accent-dim) 30%, var(--obs-accent) 50%, var(--obs-accent-dim) 70%, transparent 95%);
    opacity: 0.35;
    z-index: 1;
}

/* Subtle grain on topbar */
body.theme-obsidian .topbar::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,0.01) 1px, transparent 3px);
    z-index: 0;
}

body.theme-obsidian .topbar-title {
    color: var(--obs-accent) !important;
    text-shadow: none !important;
    letter-spacing: 1.5px !important;
}

body.theme-obsidian .topbar-alpha {
    background: var(--obs-accent) !important;
    color: #0a0a0a !important;
    border-radius: 2px !important;
}

body.theme-obsidian .topbar-stat {
    color: var(--obs-text) !important;
}

body.theme-obsidian .gold {
    color: var(--obs-accent) !important;
}

body.theme-obsidian .topbar-settings-btn {
    color: var(--muted);
}
body.theme-obsidian .topbar-settings-btn:hover {
    color: var(--obs-accent);
}
body.theme-obsidian .account-dropdown {
    background: linear-gradient(180deg, #1e1e22, #141416);
    border-color: #0a0a0c;
    box-shadow: inset 1px 1px 0 rgba(60,60,68,0.4), inset -1px -1px 0 rgba(10,10,12,0.5), 0 8px 28px rgba(0,0,0,0.7);
}
body.theme-obsidian .account-dropdown::before { background: linear-gradient(90deg, transparent, rgba(200,160,80,0.2), transparent); }
body.theme-obsidian .account-dropdown-name { color: var(--obs-accent); text-shadow: 1px 1px 0 #000, 0 0 8px rgba(200,160,80,0.15); }
body.theme-obsidian .account-dropdown-item:hover { background: linear-gradient(90deg, rgba(200,160,80,0.08), transparent 80%); }
body.theme-obsidian .account-dropdown-item::before { background: var(--obs-accent); }
body.theme-obsidian .account-dropdown-divider { background: linear-gradient(90deg, transparent, rgba(200,160,80,0.1), transparent); }

body.theme-obsidian .online-dot {
    background: var(--green) !important;
    box-shadow: 0 0 4px rgba(106,184,64,0.4) !important;
}

body.theme-obsidian .prestige-badge {
    background: #1a1a1a !important;
    border-color: var(--obs-accent-dim) !important;
    color: var(--obs-accent) !important;
}


/* ════════════════════════════════════════════
   4. GAME BODY
   ════════════════════════════════════════════ */
body.theme-obsidian .game-body {
    background: transparent !important;
}

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


/* ════════════════════════════════════════════
   5. VIEWPORT — Matte Surface
   ════════════════════════════════════════════ */
body.theme-obsidian .viewport {
    background: rgba(10,10,10,0.65) !important;
    border: 1px solid #1c1c1c !important;
    box-shadow:
        inset 0 0 60px rgba(0,0,0,0.5),
        0 0 1px #000 !important;
    position: relative;
    animation: obs-viewport-load 0.5s ease-out 0.3s both;
}

/* No pseudo-element overlays — canvas handles atmosphere */
body.theme-obsidian .viewport::before,
body.theme-obsidian .viewport::after {
    display: none !important;
}

/* Scan line removed for this theme — clean is the goal */
body.theme-obsidian .viewport .vp-center::before {
    display: none !important;
}


/* ── Action Button — Industrial Pulse ── */
body.theme-obsidian #click-zone::before {
    background: radial-gradient(circle, rgba(200,160,100,0.3) 0%, rgba(140,100,60,0.1) 40%, transparent 65%) !important;
    animation: obs-core-pulse 3s ease-in-out infinite !important;
}

body.theme-obsidian #click-zone.ring-burst::after {
    border-color: rgba(200,160,100,0.5) !important;
    box-shadow: 0 0 12px rgba(200,160,100,0.3) !important;
    animation: obs-ring-burst 0.6s linear forwards !important;
}

body.theme-obsidian #click-zone .action-outer-ring {
    border-color: rgba(200,160,100,0.15) !important;
    box-shadow: 0 0 16px rgba(200,160,100,0.08) !important;
}

body.theme-obsidian #click-zone:hover::before {
    background: radial-gradient(circle, rgba(200,160,100,0.4) 0%, rgba(140,100,60,0.15) 40%, transparent 65%) !important;
}

body.theme-obsidian .action-icon-wrap {
    background: radial-gradient(circle, rgba(200,160,100,0.03) 0%, transparent 70%),
                rgba(10,10,10,0.2) !important;
    border-color: #1c1c1c !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.5), inset 0 0 40px rgba(0,0,0,0.4) !important;
}
body.theme-obsidian .action-icon-wrap:active {
    border-color: var(--obs-accent-dim) !important;
    box-shadow: 0 0 25px rgba(200,160,100,0.1), inset 0 0 15px rgba(0,0,0,0.3) !important;
}
body.theme-obsidian .action-icon-wrap.clog-complete {
    border-color: var(--green) !important;
}

body.theme-obsidian .action-skill-name {
    color: var(--obs-accent) !important;
}

/* Progress bar — warm amber glow */
body.theme-obsidian .action-progress-fill {
    background: linear-gradient(90deg, #6a5030, #8a6a3a, #c8a064) !important;
    box-shadow: 0 0 6px rgba(200,160,100,0.3) !important;
    animation: obs-progress-glow 2.5s ease-in-out infinite !important;
    position: relative !important;
}
body.theme-obsidian .action-progress-fill::after {
    background: linear-gradient(90deg, transparent, rgba(255,240,200,0.3), transparent) !important;
    animation: obs-shimmer 2s ease-in-out infinite !important;
}
body.theme-obsidian .action-progress {
    background: #0e0e0e !important;
    border-color: #1c1c1c !important;
}
body.theme-obsidian .action-status.training {
    color: var(--obs-accent) !important;
}


/* ════════════════════════════════════════════
   6. SIDEBAR — Layered Panels
   ════════════════════════════════════════════ */
body.theme-obsidian .sidebar {
    background: var(--panel-bg) !important;
    border-color: #0e0e0e !important;
}

/* Steel pillars */
body.theme-obsidian .sidebar::before,
body.theme-obsidian .sidebar::after {
    background:
        linear-gradient(90deg,
            #0a0a0a 0px,
            #1c1c1c 1px,
            #2a2a2a 2px,
            #1c1c1c 4px,
            #181818 5px,
            #121212 6px,
            #0a0a0a 7px
        ) !important;
    box-shadow: inset 0 0 4px rgba(0,0,0,0.6) !important;
}

body.theme-obsidian .sidebar-body {
    background: var(--cell-bg) !important;
}
body.theme-obsidian .sidebar-splitter {
    background: var(--darkest) !important;
    border-color: #0e0e0e !important;
}
body.theme-obsidian .sidebar-splitter::after {
    background: #2a2a2a !important;
}
body.theme-obsidian .sidebar-splitter:hover::after {
    background: var(--obs-accent) !important;
}

/* Sidebar tabs */
body.theme-obsidian .sidebar-top-tabs,
body.theme-obsidian .sidebar-tabs {
    background: #0e0e0e !important;
}
body.theme-obsidian .sidebar-top-tab,
body.theme-obsidian .sidebar-tab {
    background: linear-gradient(180deg, #181818, #121212, #0e0e0e) !important;
    border-color: #0a0a0a !important;
    color: var(--muted) !important;
}
body.theme-obsidian .sidebar-top-tab:hover,
body.theme-obsidian .sidebar-tab:hover {
    background: linear-gradient(180deg, #222222, #1a1a1a, #141414) !important;
    color: var(--obs-text) !important;
}
body.theme-obsidian .sidebar-top-tab.active,
body.theme-obsidian .sidebar-tab.active {
    background: linear-gradient(180deg, #222222, #1c1c1c, #181818) !important;
    border-color: #1c1c1c !important;
    color: var(--obs-accent) !important;
    box-shadow: inset 0 1px 0 rgba(200,160,100,0.06) !important;
}
body.theme-obsidian .sidebar-top-tab.active::before,
body.theme-obsidian .sidebar-tab.active::before {
    background: #181818 !important;
}


/* ════════════════════════════════════════════
   7. RL BAR — Monolith Rail
   ════════════════════════════════════════════ */
body.theme-obsidian .rl-bar {
    background: linear-gradient(180deg, #121212, #0e0e0e) !important;
    border-right-color: #0e0e0e !important;
    border-left-color: #0e0e0e !important;
}
body.theme-obsidian .rl-bar-btn.active {
    background: rgba(200,160,100,0.1) !important;
    border-color: rgba(200,160,100,0.25) !important;
}
body.theme-obsidian .rl-bar-btn:hover {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
body.theme-obsidian .rl-bar-sep {
    background: #222222 !important;
}
body.theme-obsidian .rl-bar-btn::after {
    background: var(--darkest) !important;
    border-color: #222222 !important;
    color: var(--obs-accent) !important;
}
body.theme-obsidian .rl-bar-prestige {
    background: #1a1a1a !important;
    border-color: var(--obs-accent-dim) !important;
}
body.theme-obsidian .rl-bar-prestige span {
    color: var(--obs-accent) !important;
}
body.theme-obsidian .rl-bar-prestige:hover {
    background: #222222 !important;
}
body.theme-obsidian .rl-bar-grab {
    background: #181818 !important;
    border-color: #0e0e0e !important;
}
body.theme-obsidian .rl-bar-grab:hover {
    background: #222222 !important;
}
body.theme-obsidian .rl-panel-header {
    background: linear-gradient(180deg, #181818, #121212) !important;
    border-bottom-color: #0e0e0e !important;
    color: var(--obs-accent) !important;
}
body.theme-obsidian .rl-panel {
    background: var(--darkest) !important;
    border-color: #0e0e0e !important;
}
body.theme-obsidian .rl-panel-header .rl-panel-title {
    color: var(--obs-accent) !important;
}
body.theme-obsidian .rl-panel-close { color: var(--muted) !important; }
body.theme-obsidian .rl-panel-close:hover { color: var(--obs-text) !important; }


/* ════════════════════════════════════════════
   8. SKILL GRID — Concrete Cells
   ════════════════════════════════════════════ */
body.theme-obsidian .skill-grid {
    background: var(--darkest) !important;
}
body.theme-obsidian .skill-cell {
    background: #161616 !important;
    background-image:
        repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255,255,255,0.008) 1px, transparent 2px),
        repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255,255,255,0.006) 1px, transparent 2px) !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 6px !important;
    transition: transform 0.15s, box-shadow 0.2s, border-color 0.2s !important;
}
body.theme-obsidian .skill-cell::after {
    background: rgba(200,160,100,0.1) !important;
}
body.theme-obsidian .skill-cell .sk-xp-bar {
    background: linear-gradient(90deg, var(--green), #8ad050) !important;
}
body.theme-obsidian .skill-cell:hover {
    background-color: #1e1e1e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
    border-color: #333 !important;
}
body.theme-obsidian .skill-cell.active {
    background-color: #1e1e1e !important;
    border-color: var(--obs-accent-dim) !important;
    box-shadow: inset 0 0 8px rgba(200,160,100,0.06) !important;
}
body.theme-obsidian .skill-cell.maxed {
    border-color: rgba(200,160,100,0.35) !important;
    animation: obs-breathe 4s ease-in-out infinite;
}
body.theme-obsidian .skill-cell.maxed .sk-xp-bar {
    background: linear-gradient(90deg, var(--obs-accent-dim), var(--obs-accent)) !important;
}
body.theme-obsidian .sk-hi,
body.theme-obsidian .sk-lo {
    color: var(--obs-accent) !important;
}
body.theme-obsidian .total-level-cell {
    background: #111111 !important;
    color: var(--obs-accent) !important;
}
body.theme-obsidian .total-level-cell .total-num {
    color: var(--obs-accent) !important;
}


/* ════════════════════════════════════════════
   9. RC PANELS — Architectural Panels
   ════════════════════════════════════════════ */
body.theme-obsidian .sidebar-skills { background: #111111 !important; }
body.theme-obsidian .rc-panel-wrap { background: #111111 !important; }
body.theme-obsidian .rc-panel-body { background: #111111 !important; }
body.theme-obsidian .rc-panel-head {
    background: linear-gradient(180deg, #181818, #121212) !important;
    border-bottom: 1px solid #0e0e0e !important;
}
body.theme-obsidian .rc-panel-tabs {
    background: linear-gradient(180deg, #121212, #0e0e0e) !important;
}
body.theme-obsidian .rc-panel-tab {
    background: linear-gradient(180deg, #181818, #121212) !important;
    border-color: #0a0a0a !important;
}
body.theme-obsidian .rc-panel-tab:hover {
    background: linear-gradient(180deg, #222222, #1a1a1a) !important;
    color: var(--obs-text) !important;
}
body.theme-obsidian .rc-panel-tab.active {
    background: linear-gradient(180deg, #222222, #1c1c1c) !important;
    border-bottom-color: #1c1c1c !important;
    color: var(--obs-accent) !important;
    box-shadow: inset 0 1px 0 rgba(200,160,100,0.06) !important;
}
body.theme-obsidian .rc-panel-search input {
    background: #0a0a0a !important;
    border-color: #222222 !important;
}
body.theme-obsidian .rc-panel-search input:focus {
    border-color: var(--obs-accent-dim) !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 0 4px rgba(200,160,100,0.1) !important;
}
body.theme-obsidian .rc-panel-foot {
    background: linear-gradient(180deg, #0e0e0e, #0a0a0a) !important;
    border-top: 1px solid #0e0e0e !important;
}


/* ════════════════════════════════════════════
   10. RC MODALS — Monolith Overlays
   ════════════════════════════════════════════ */
body.theme-obsidian .rc-overlay {
    background: rgba(0,0,0,0.7) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
}
body.theme-obsidian .rc-modal {
    background: #1c1c1c !important;
    background-image: linear-gradient(180deg, #202020 0%, #1c1c1c 8%, #181818 92%, #141414 100%) !important;
    border: 1px solid #2a2a2a !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.03) !important;
    animation: obs-modal-in 0.2s ease-out !important;
}
body.theme-obsidian .rc-modal-inner {
    background: #121212 !important;
    background-image: linear-gradient(180deg, #111111 0%, #121212 15%, #121212 85%, #0e0e0e 100%) !important;
    border: 1px solid #0a0a0a !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 #1c1c1c !important;
}
body.theme-obsidian .rc-modal-head {
    background: linear-gradient(180deg, #181818 0%, #141414 100%) !important;
    border-bottom: 1px solid #0e0e0e !important;
}
body.theme-obsidian .rc-modal-title {
    color: var(--obs-accent) !important;
    text-shadow: none !important;
    letter-spacing: 0.5px !important;
}


/* ════════════════════════════════════════════
   11. METHOD LIST — Textured Rows
   ════════════════════════════════════════════ */
body.theme-obsidian .method-list-head {
    background: linear-gradient(180deg, #141414, #0e0e0e) !important;
    border-bottom-color: #0a0a0a !important;
}
body.theme-obsidian .method-list {
    background: var(--darkest) !important;
}
body.theme-obsidian .method-row {
    background: #161616 !important;
    background-image:
        repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255,255,255,0.006) 1px, transparent 2px) !important;
    border: 1px solid #2a2a2a !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-obsidian .method-row:hover:not(:disabled) {
    background: #1e1e1e !important;
    border-color: #333 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.4) !important;
}
body.theme-obsidian .method-row.active {
    background: #1e1e1e !important;
    border-color: var(--obs-accent-dim) !important;
    box-shadow: inset 0 0 6px rgba(200,160,100,0.05) !important;
}
body.theme-obsidian .method-row.clog-complete {
    background: rgba(106,184,64,0.04) !important;
    border-color: rgba(106,184,64,0.15) !important;
}
body.theme-obsidian .method-row.clog-complete .meth-name { color: var(--green) !important; }
body.theme-obsidian .method-row.clog-complete:hover:not(:disabled) { background: rgba(106,184,64,0.08) !important; }
body.theme-obsidian .method-row.clog-complete.active {
    background: rgba(106,184,64,0.06) !important;
    border-color: rgba(106,184,64,0.25) !important;
}
body.theme-obsidian .method-row.expanded {
    background: #1e1e1e !important;
    border-color: var(--obs-accent-dim) !important;
}
body.theme-obsidian .method-detail {
    background: #0a0a0a !important;
    border-color: #1c1c1c !important;
}
body.theme-obsidian .method-detail-btn {
    background: linear-gradient(180deg, #222222, #1a1a1a) !important;
    border-color: rgba(200,160,100,0.2) !important;
    color: var(--obs-accent) !important;
}
body.theme-obsidian .method-detail-btn:hover {
    background: linear-gradient(180deg, #2a2a2a, #222222) !important;
    border-color: rgba(200,160,100,0.35) !important;
}
body.theme-obsidian .meth-xp { color: var(--green) !important; }
body.theme-obsidian .meth-gp { color: var(--obs-accent) !important; }


/* ════════════════════════════════════════════
   12. COMBAT TAB
   ════════════════════════════════════════════ */
body.theme-obsidian .combat-tab-grid { background: var(--darkest) !important; }
body.theme-obsidian .combat-tab-btn {
    background: #161616 !important;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255,255,255,0.006) 1px, transparent 2px) !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 6px !important;
}
body.theme-obsidian .combat-tab-btn:hover {
    background-color: #1e1e1e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.4) !important;
}
body.theme-obsidian .combat-tab-btn.active {
    background-color: #1e1e1e !important;
    border-color: var(--obs-accent-dim) !important;
    box-shadow: inset 0 0 8px rgba(200,160,100,0.05) !important;
}
body.theme-obsidian .combat-tab-retaliate {
    background: #161616 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 6px !important;
}
body.theme-obsidian .combat-tab-retaliate.active {
    background-color: #1e1e1e !important;
    border-color: var(--obs-accent-dim) !important;
}
body.theme-obsidian .combat-tab-category {
    background: var(--darkest) !important;
    border-top-color: #0e0e0e !important;
    color: var(--obs-accent-dim) !important;
}
body.theme-obsidian .autocast-info-panel {
    background: #111111 !important;
    border-color: #2a2a2a !important;
}


/* ════════════════════════════════════════════
   13. CHATBOX — Dark Chamber
   ════════════════════════════════════════════ */
body.theme-obsidian .chatbox {
    border: 8px solid #1c1c1c !important;
    border-top: 10px solid #181818 !important;
    box-shadow: inset 0 0 0 2px #2a2a2a, 0 0 0 3px #0a0a0a !important;
}
body.theme-obsidian .chatbox-inner {
    background: linear-gradient(180deg, #0e0e0e, #0a0a0a) !important;
    box-shadow: inset 0 4px 8px rgba(0,0,0,0.5) !important;
}
body.theme-obsidian .chat-line { color: var(--obs-text) !important; }
body.theme-obsidian .chatbox-splitter { background: #0a0a0a !important; }
body.theme-obsidian .chatbox-splitter::after { background: #2a2a2a !important; }
body.theme-obsidian .chatbox-splitter:hover::after,
body.theme-obsidian .chatbox-splitter:active::after { background: var(--obs-accent) !important; }
body.theme-obsidian .chatbox-tabs { background: #0e0e0e !important; border-color: #0a0a0a !important; }
body.theme-obsidian .chatbox-tab {
    background: linear-gradient(180deg, #181818, #121212, #0e0e0e) !important;
    border-color: #0a0a0a !important;
}
body.theme-obsidian .chatbox-tab:hover {
    background: linear-gradient(180deg, #222222, #1a1a1a, #141414) !important;
}
body.theme-obsidian .chatbox-tab.active {
    background: linear-gradient(180deg, #222222, #1c1c1c, #181818) !important;
    border-bottom-color: #181818 !important;
}
body.theme-obsidian .chat-input-row { background: #121212 !important; border-top-color: #1c1c1c !important; }
body.theme-obsidian .chat-input {
    background: #0a0a0a !important;
    border-color: #222222 !important;
    color: var(--obs-text) !important;
}
body.theme-obsidian .chat-input:focus { border-color: var(--obs-accent-dim) !important; }


/* ════════════════════════════════════════════
   14. BANK
   ════════════════════════════════════════════ */
body.theme-obsidian .bank-grid { background: #161616 !important; }
body.theme-obsidian .bank-cell { background: var(--cell-bg) !important; border-color: #1c1c1c !important; }
body.theme-obsidian .bank-cell:hover { background: var(--cell-hover) !important; border-color: #333 !important; }
body.theme-obsidian .bank-cell.selected {
    background: var(--cell-active) !important;
    border-color: var(--obs-accent-dim) !important;
}
body.theme-obsidian .prayer-tab { background: #111111 !important; }
body.theme-obsidian .prayer-cell { background: #111111 !important; }
body.theme-obsidian .prayer-cell:hover:not(.locked) { background: #1a1a1a !important; border-color: #333 !important; }
body.theme-obsidian .prayer-cell.active {
    background: #1a1a1a !important;
    border-color: var(--obs-accent-dim) !important;
    box-shadow: inset 0 0 8px rgba(200,160,100,0.08) !important;
}
body.theme-obsidian .prayer-cell.active img { filter: drop-shadow(0 0 3px rgba(200,160,100,0.3)) !important; }
body.theme-obsidian .prayer-footer { background: linear-gradient(180deg, #121212, #0e0e0e) !important; }
body.theme-obsidian .prayer-summary { background: #0e0e0e !important; }


/* ════════════════════════════════════════════
   15. CHARACTER SELECT
   ════════════════════════════════════════════ */
body.theme-obsidian .charselect-overlay { background: rgba(0,0,0,0.7) !important; backdrop-filter: blur(3px) !important; }
body.theme-obsidian .charselect-panel {
    background: #1c1c1c !important;
    background-image: linear-gradient(180deg, #202020 0%, #1c1c1c 8%, #181818 92%, #141414 100%) !important;
    border: 1px solid #2a2a2a !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.8) !important;
}
body.theme-obsidian .charselect-inner {
    background: #121212 !important;
    border-color: #0a0a0a !important;
}
body.theme-obsidian .charselect-header {
    background: linear-gradient(180deg, #181818, #141414) !important;
    border-bottom-color: #0e0e0e !important;
}
body.theme-obsidian .charselect-title {
    color: var(--obs-accent) !important;
    text-shadow: none !important;
}
body.theme-obsidian .charselect-footer {
    background: linear-gradient(180deg, #141414, #181818) !important;
    border-top-color: #0e0e0e !important;
}


/* ════════════════════════════════════════════
   16. EVENTS
   ════════════════════════════════════════════ */
body.theme-obsidian .events-hub-btn {
    background: var(--cell-bg) !important;
    border: 2px solid #2a2a2a !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
body.theme-obsidian .events-hub-btn:hover { background: var(--cell-hover) !important; }
body.theme-obsidian .events-hub-item { background: var(--cell-bg) !important; border-color: #1c1c1c !important; }
body.theme-obsidian .events-hub-item:hover { background: var(--cell-hover) !important; border-color: #333 !important; }


/* ════════════════════════════════════════════
   17. MARKETPLACE
   ════════════════════════════════════════════ */
body.theme-obsidian .marketplace-header {
    background: linear-gradient(180deg, #141414, #111111) !important;
    border-bottom-color: #0e0e0e !important;
}
body.theme-obsidian .marketplace-header::after {
    background: linear-gradient(90deg, transparent, rgba(200,160,100,0.15), transparent) !important;
}
body.theme-obsidian .marketplace-title {
    color: var(--obs-accent) !important;
    text-shadow: none !important;
}
body.theme-obsidian .marketplace-action-buy {
    background: linear-gradient(180deg, #1a2a18, #111e10) !important;
    border-color: #2a4028 !important;
    color: var(--green) !important;
}
body.theme-obsidian .marketplace-action-buy:hover { background: linear-gradient(180deg, #223220, #1a2818) !important; }
body.theme-obsidian .marketplace-action-sell {
    background: linear-gradient(180deg, #2a1a18, #1e1010) !important;
    border-color: #402828 !important;
    color: var(--red) !important;
}
body.theme-obsidian .marketplace-action-sell:hover { background: linear-gradient(180deg, #322020, #281818) !important; }


/* ════════════════════════════════════════════
   18-19. MISC
   ════════════════════════════════════════════ */
body.theme-obsidian .disconnect-notice { background: rgba(12,12,12,0.95) !important; border-color: var(--red) !important; }
body.theme-obsidian ::-webkit-scrollbar { width: 5px; }
body.theme-obsidian ::-webkit-scrollbar-track { background: #0a0a0a; }
body.theme-obsidian ::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 3px; }
body.theme-obsidian ::-webkit-scrollbar-thumb:hover { background: #3a3a3a; }


/* ════════════════════════════════════════════
   20. PROFILE HUB
   ════════════════════════════════════════════ */
body.theme-obsidian .profile-hub {
    background: linear-gradient(180deg, #0e0e0e 0%, #0a0a0a 30%, #080808 100%) !important;
}
body.theme-obsidian .sidebar-body:has(.profile-hub) { background: #080808 !important; }
body.theme-obsidian .profile-hub .ph-edge {
    opacity: 0.3 !important;
    background: linear-gradient(90deg, transparent 5%, #8a6a3a 20%, var(--obs-accent) 40%, var(--obs-accent-bright) 50%, var(--obs-accent) 60%, #8a6a3a 80%, transparent 95%) !important;
}
body.theme-obsidian .profile-hub .ph-hero {
    background: radial-gradient(ellipse 80% 70% at 50% 30%, rgba(200,160,100,0.03) 0%, transparent 70%) !important;
}
body.theme-obsidian .profile-hub .ph-avatar-lg {
    border: 2px solid #2a2a2a !important;
    background: #0a0a0a !important;
    box-shadow: 0 0 16px rgba(0,0,0,0.5), inset 0 0 10px rgba(0,0,0,0.3) !important;
}
body.theme-obsidian .profile-hub .ph-name {
    color: var(--obs-accent) !important;
    text-shadow: none !important;
}
body.theme-obsidian .profile-hub .ph-clan { color: var(--muted) !important; }
body.theme-obsidian .profile-hub .ph-lvl-pill {
    color: var(--obs-accent) !important;
    background: rgba(200,160,100,0.05) !important;
    border-color: #222222 !important;
}
body.theme-obsidian .profile-hub .ph-section { border-top-color: #1c1c1c !important; }
body.theme-obsidian .profile-hub .ph-section-label { color: var(--muted) !important; }
body.theme-obsidian .profile-hub .ph-vital-track {
    border-color: #1c1c1c !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5) !important;
}
body.theme-obsidian .profile-hub .ph-slayer-fill {
    background: linear-gradient(90deg, #6a5030, var(--obs-accent), var(--obs-accent-bright)) !important;
    box-shadow: 0 0 6px rgba(200,160,100,0.2) !important;
}
body.theme-obsidian .profile-hub .ph-slayer-track { border-color: #1c1c1c !important; }
body.theme-obsidian .profile-hub .ph-fill-prayer {
    background: linear-gradient(180deg, #c8a064, #8a6a3a, #6a5030) !important;
}
body.theme-obsidian .profile-hub .ph-timer { color: var(--muted) !important; }
body.theme-obsidian .profile-hub .ph-theme-gear { color: var(--muted) !important; }
body.theme-obsidian .profile-hub .ph-theme-gear:hover { color: var(--obs-accent) !important; background: rgba(200,160,100,0.06) !important; }
body.theme-obsidian .profile-hub .ph-theme-picker { background: #0a0a0a !important; border-color: #222222 !important; }
body.theme-obsidian .profile-hub .ph-theme-option:hover { background: rgba(200,160,100,0.06) !important; color: var(--obs-text) !important; }
body.theme-obsidian .profile-hub .ph-theme-option.ph-theme-active { color: var(--obs-accent) !important; }


/* ════════════════════════════════════════════
   21. LEVEL-UP SPLASH
   ════════════════════════════════════════════ */
body.theme-obsidian .lu-backdrop {
    background: radial-gradient(ellipse at center, rgba(200,160,100,0.08), transparent 70%), rgba(0,0,0,0.4) !important;
}
body.theme-obsidian .lu-ring { border-color: rgba(200,160,100,0.25) !important; box-shadow: 0 0 20px rgba(200,160,100,0.15) !important; }
body.theme-obsidian .lu-text { color: var(--obs-accent) !important; text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important; }


/* ════════════════════════════════════════════
   22-27. GLOBAL SEARCH, RL ROWS, HP BARS, ETC
   ════════════════════════════════════════════ */
body.theme-obsidian .global-search-results { background: #111111 !important; border-color: #222222 !important; box-shadow: 0 6px 24px rgba(0,0,0,0.7) !important; }
body.theme-obsidian .global-search-input { background: #0a0a0a !important; border-color: #222222 !important; }
body.theme-obsidian .global-search-input:focus { border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .rl-row { background: #161616 !important; border-color: #2a2a2a !important; }
body.theme-obsidian .rl-row:hover { background: #1e1e1e !important; border-color: #333 !important; }
body.theme-obsidian .rl-row.active, body.theme-obsidian .rl-row.selected { background: #222222 !important; border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .monster-hp-bar { background: #0a0a0a !important; border-color: #1c1c1c !important; }
body.theme-obsidian .player-hp-bar { background: #0a0a0a !important; border-color: #1c1c1c !important; }
body.theme-obsidian .ironman-badge { background: #1a1a1a !important; border-color: var(--obs-accent-dim) !important; color: var(--obs-accent) !important; }
body.theme-obsidian .rl-shop-header { background: linear-gradient(180deg, #141414, #111111) !important; border-bottom-color: #0e0e0e !important; color: var(--obs-accent) !important; }


/* ════════════════════════════════════════════
   28. BUTTONS — OSRS + Loadout + Settings
   ════════════════════════════════════════════ */
body.theme-obsidian .osrs-btn {
    background: linear-gradient(180deg, #222222, #1a1a1a) !important;
    border: 1px solid #0e0e0e !important;
    box-shadow: inset 1px 1px 0 #2a2a2a, inset -1px -1px 0 #0a0a0a !important;
    color: var(--obs-accent) !important;
}
body.theme-obsidian .osrs-btn:hover { background: linear-gradient(180deg, #2a2a2a, #222222) !important; }
body.theme-obsidian .osrs-btn:active {
    box-shadow: inset -1px -1px 0 #2a2a2a, inset 1px 1px 0 #0a0a0a !important;
    background: linear-gradient(180deg, #1a1a1a, #2a2a2a) !important;
}
body.theme-obsidian .osrs-btn.danger {
    background: linear-gradient(180deg, #3a1818, #281010) !important;
    box-shadow: inset 1px 1px 0 #4a2020, inset -1px -1px 0 #180808 !important;
    color: var(--red) !important;
}
body.theme-obsidian .osrs-btn.danger:hover { background: linear-gradient(180deg, #442020, #321818) !important; }
body.theme-obsidian .rc-btn, body.theme-obsidian .stone-btn, body.theme-obsidian .settings-btn, body.theme-obsidian .rl-fr-add-btn {
    background: linear-gradient(180deg, #222222, #1a1a1a) !important;
    border-color: #0e0e0e !important;
    color: var(--obs-accent) !important;
}
body.theme-obsidian .rc-btn:hover, body.theme-obsidian .stone-btn:hover, body.theme-obsidian .settings-btn:hover, body.theme-obsidian .rl-fr-add-btn:hover {
    background: linear-gradient(180deg, #2a2a2a, #222222) !important;
}


/* ════════════════════════════════════════════
   29. EQUIPMENT — Slots, Styles, Loadout
   ════════════════════════════════════════════ */
body.theme-obsidian .equip-grid { background: var(--cell-bg) !important; }
body.theme-obsidian .eq-slot { background: #0a0a0a !important; border: 2px solid #222222 !important; }
body.theme-obsidian .eq-slot:hover { border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .eq-slot.filled { border-color: #2a2a2a !important; background: #0e0e0e !important; }
body.theme-obsidian .eq-section-head { background: linear-gradient(180deg, #181818, #121212) !important; border-top-color: #0e0e0e !important; border-bottom-color: #0e0e0e !important; color: var(--obs-accent) !important; }
body.theme-obsidian .equip-tools { background: var(--cell-bg) !important; }
body.theme-obsidian .equip-stats { background: var(--cell-bg) !important; border-top-color: #1c1c1c !important; }
body.theme-obsidian .eq-stat-row { border-bottom-color: #1c1c1c !important; }
body.theme-obsidian .eq-stat-title { color: var(--obs-accent) !important; }
body.theme-obsidian .equip-style-row { background: var(--cell-bg) !important; }
body.theme-obsidian .equip-style-btn { background: #0a0a0a !important; border: 1px solid #222222 !important; }
body.theme-obsidian .equip-style-btn:hover { background: #111111 !important; border-color: #333 !important; }
body.theme-obsidian .equip-style-btn.active { background: #111111 !important; border-color: var(--obs-accent-dim) !important; color: var(--obs-accent) !important; }
body.theme-obsidian .equip-prayer-row { background: var(--cell-bg) !important; }
body.theme-obsidian .equip-prayer-btn { background: #0a0a0a !important; border: 1px solid #222222 !important; }
body.theme-obsidian .equip-prayer-btn:hover { background: #111111 !important; border-color: #333 !important; }
body.theme-obsidian .equip-prayer-btn.active { background: #111111 !important; border-color: var(--obs-accent-dim) !important; color: var(--obs-accent) !important; }
body.theme-obsidian .loadout-controls { background: var(--cell-bg) !important; border-top-color: #1c1c1c !important; }
body.theme-obsidian .loadout-btn { background: linear-gradient(180deg, #222222, #1a1a1a) !important; border-color: #0e0e0e !important; color: var(--obs-accent) !important; }
body.theme-obsidian .loadout-btn:hover { background: linear-gradient(180deg, #2a2a2a, #222222) !important; }
body.theme-obsidian .loadout-del { background: linear-gradient(180deg, #3a1818, #281010) !important; border-color: #180808 !important; }
body.theme-obsidian .loadout-del:hover { background: linear-gradient(180deg, #442020, #321818) !important; }
body.theme-obsidian .loadout-input { background: #0a0a0a !important; border-color: #222222 !important; }
body.theme-obsidian .loadout-input:focus { border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .loadout-activity-row { border-top-color: #1c1c1c !important; }
body.theme-obsidian .loadout-prompt { border-top-color: #1c1c1c !important; }


/* ════════════════════════════════════════════
   30. TIMER HUB
   ════════════════════════════════════════════ */
body.theme-obsidian .timer-hub {
    background: var(--chat-bg) !important;
    border: 8px solid #1c1c1c !important;
    border-top: 10px solid #181818 !important;
    border-left: none !important;
    box-shadow: inset 0 0 0 2px #2a2a2a, 0 0 0 3px #0a0a0a !important;
}
body.theme-obsidian .timer-hub-header {
    background: linear-gradient(180deg, #181818, #121212, #0e0e0e) !important;
    border-bottom: 2px solid #0a0a0a !important;
    color: var(--obs-accent) !important;
}
body.theme-obsidian .timer-hub-body {
    background: linear-gradient(180deg, #0e0e0e, #0a0a0a) !important;
}


/* ════════════════════════════════════════════
   31. TOOLTIPS
   ════════════════════════════════════════════ */
body.theme-obsidian .rl-bar-btn::after,
body.theme-obsidian .sidebar-top-tab::after,
body.theme-obsidian .sidebar-tab::after {
    background: #0a0a0a !important;
    color: var(--obs-accent) !important;
    border-color: #222222 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.7) !important;
}


/* ════════════════════════════════════════════
   32. SKILL HUB
   ════════════════════════════════════════════ */
body.theme-obsidian .skill-hub {
    background: #0a0a0a !important;
    background-image:
        radial-gradient(ellipse 800px 400px at 50% 0%, rgba(200,160,100,0.02) 0%, transparent 100%),
        radial-gradient(ellipse 600px 300px at 50% 100%, rgba(200,160,100,0.01) 0%, transparent 100%) !important;
}
body.theme-obsidian .skill-hub::before {
    background: linear-gradient(90deg, transparent, var(--obs-accent-dim), transparent) !important;
    opacity: 0.25 !important;
}
body.theme-obsidian .hub-header { background: linear-gradient(180deg, #141414, #111111) !important; border-bottom-color: #0e0e0e !important; }
body.theme-obsidian .hub-skill-icon { background: #181818 !important; border-color: #2a2a2a !important; }
body.theme-obsidian .hub-skill-name { color: var(--obs-accent) !important; }
body.theme-obsidian .hub-level { color: var(--obs-accent) !important; }
body.theme-obsidian .hub-xp-bar-wrap { border-color: #222222 !important; }
body.theme-obsidian .hub-xp-bar-fill { background: linear-gradient(90deg, #6a5030, var(--obs-accent)) !important; }
body.theme-obsidian .hub-stats { color: var(--muted) !important; }
body.theme-obsidian .hub-stat-sep { color: #222222 !important; }
body.theme-obsidian .hub-xp-text { color: var(--muted) !important; }
body.theme-obsidian .hub-swap { background: rgba(200,160,100,0.05) !important; border-color: #222222 !important; }
body.theme-obsidian .hub-swap:hover { background: rgba(200,160,100,0.1) !important; border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .tier-strip { background: #0e0e0e !important; border-bottom-color: #0a0a0a !important; }
body.theme-obsidian .tier-node { color: var(--muted) !important; }
body.theme-obsidian .tier-node.active { color: var(--obs-accent) !important; }
body.theme-obsidian .tier-node.locked { color: #222222 !important; }


/* ════════════════════════════════════════════
   33. SLAYER HUB
   ════════════════════════════════════════════ */
body.theme-obsidian .slayer-hub-header,
body.theme-obsidian .slayer-tab-bar,
body.theme-obsidian .slayer-hub-content { background-color: #0a0a0a !important; }
body.theme-obsidian .slayer-hub-header { background: linear-gradient(180deg, rgba(18,18,18,0.95), rgba(14,14,14,0.85)) !important; border-bottom-color: #1c1c1c !important; }
body.theme-obsidian .slayer-stat-box { background: rgba(200,160,100,0.04) !important; border-color: #1c1c1c !important; }
body.theme-obsidian .slayer-stat-val { color: var(--obs-accent) !important; }
body.theme-obsidian .slayer-stat-label { color: var(--muted) !important; }
body.theme-obsidian .slayer-active-task { background: rgba(200,160,100,0.03) !important; border-color: rgba(200,160,100,0.12) !important; }
body.theme-obsidian .slayer-task-name { color: var(--obs-accent) !important; }
body.theme-obsidian .slayer-task-count { color: var(--muted) !important; }
body.theme-obsidian .slayer-task-meta { color: #3a3a3a !important; }
body.theme-obsidian .slayer-task-meta b { color: var(--muted) !important; }
body.theme-obsidian .slayer-task-bar-wrap { background: #0a0a0a !important; border-color: #1c1c1c !important; }
body.theme-obsidian .slayer-task-bar { background: linear-gradient(90deg, #6a5030, var(--obs-accent)) !important; }
body.theme-obsidian .slayer-tab-bar { background: #0e0e0e !important; border-bottom-color: #1c1c1c !important; }
body.theme-obsidian .slayer-tab { color: var(--muted) !important; }
body.theme-obsidian .slayer-tab:hover { color: var(--obs-text) !important; background: rgba(255,255,255,0.02) !important; }
body.theme-obsidian .slayer-tab.active { color: var(--obs-accent) !important; border-bottom-color: var(--obs-accent) !important; background: rgba(200,160,100,0.03) !important; }
body.theme-obsidian .slayer-hub-content { scrollbar-color: #2a2a2a transparent !important; }
body.theme-obsidian .slayer-empty-title { color: #3a3a3a !important; }
body.theme-obsidian .slayer-empty-hint { color: #2a2a2a !important; }
body.theme-obsidian .st-monster-name { color: var(--obs-accent) !important; text-shadow: none !important; }
body.theme-obsidian .icon-slayer-focus { filter: drop-shadow(0 2px 6px rgba(0,0,0,0.5)) !important; }
body.theme-obsidian .slayer-master-card { background: #141414 !important; border-color: #222222 !important; }
body.theme-obsidian .slayer-master-card:hover:not(.locked) { border-color: #333 !important; box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important; }
body.theme-obsidian .smc-portrait { border-color: #2a2a2a !important; box-shadow: 0 0 10px rgba(0,0,0,0.4) !important; background: #0a0a0a !important; }
body.theme-obsidian .slayer-master-card:hover:not(.locked) .smc-portrait { border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .smc-name { color: var(--obs-accent) !important; }
body.theme-obsidian .slayer-master-card.locked .smc-name { color: #3a3a3a !important; }
body.theme-obsidian .smc-flavor { color: #3a3a3a !important; }
body.theme-obsidian .sto-header { background: rgba(0,0,0,0.92) !important; border-bottom-color: rgba(255,100,0,0.15) !important; }
body.theme-obsidian .sto-task-name { color: var(--obs-accent) !important; }
body.theme-obsidian .sto-action-btn { border-color: rgba(255,100,0,0.15) !important; background: rgba(255,100,0,0.05) !important; }
body.theme-obsidian .method-row.slayer-task-target { border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .slayer-task-btns .osrs-btn { background: linear-gradient(180deg, #222222, #1a1a1a) !important; color: var(--obs-accent) !important; }


/* ════════════════════════════════════════════
   34. PRESTIGE
   ════════════════════════════════════════════ */
body.theme-obsidian .p-fullscreen { background: #0a0a0a !important; }
body.theme-obsidian .ph-header { background: linear-gradient(180deg, rgba(18,18,18,0.95), rgba(14,14,14,0.85)) !important; border-bottom-color: #1c1c1c !important; }
body.theme-obsidian .ph-tier-icon { background: linear-gradient(135deg, var(--obs-accent-dim), var(--obs-accent)) !important; color: #0a0a0a !important; }
body.theme-obsidian .ph-currency-val { color: var(--obs-accent) !important; }
body.theme-obsidian .ph-active-task { background: rgba(200,160,100,0.03) !important; border-color: rgba(200,160,100,0.12) !important; }
body.theme-obsidian .ph-task-name { color: var(--obs-accent) !important; }
body.theme-obsidian .ph-task-count { color: var(--muted) !important; }
body.theme-obsidian .ph-no-task { border-color: #1c1c1c !important; }
body.theme-obsidian .ph-hub .slayer-tab-bar { background-color: #0a0a0a !important; }


/* ════════════════════════════════════════════
   35. MISC
   ════════════════════════════════════════════ */
body.theme-obsidian .theme-btn.active { background: var(--obs-accent) !important; color: #0a0a0a !important; }
body.theme-obsidian ::selection { background: rgba(200,160,100,0.2); color: #fff; }
body.theme-obsidian a { color: var(--obs-accent); }
body.theme-obsidian .awakened-toggle { background: rgba(10,10,10,0.5) !important; }
body.theme-obsidian .awakened-toggle.active { background: rgba(200,160,100,0.1) !important; border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .toast, body.theme-obsidian .notification { background: #141414 !important; border-color: #222222 !important; }
body.theme-obsidian .loot-popup { background: rgba(12,12,12,0.9) !important; border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .equip-slot { background: #0a0a0a !important; border-color: #222222 !important; }
body.theme-obsidian .equip-slot:hover { border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .equip-slot.filled { border-color: #2a2a2a !important; }
body.theme-obsidian .quest-row { background: #161616 !important; border-color: #1c1c1c !important; }
body.theme-obsidian .quest-row:hover { background: #1e1e1e !important; }
body.theme-obsidian .quest-row.complete { background: rgba(106,184,64,0.03) !important; }
body.theme-obsidian .farm-patch { background: #141414 !important; border-color: #1c1c1c !important; }
body.theme-obsidian .farm-patch:hover { border-color: #333 !important; }
body.theme-obsidian .clue-reward-panel { background: #141414 !important; border-color: #1c1c1c !important; }
body.theme-obsidian .clog-category { background: #111111 !important; border-color: #1c1c1c !important; }
body.theme-obsidian .spell-cell { background: #141414 !important; border-color: #1c1c1c !important; }
body.theme-obsidian .spell-cell:hover:not(.locked) { background: #1a1a1a !important; border-color: #333 !important; }
body.theme-obsidian .spell-cell.active { background: #1a1a1a !important; border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .poh-floor { background: #0a0a0a !important; border-color: #1c1c1c !important; }
body.theme-obsidian .poh-room { background: #141414 !important; border-color: #1c1c1c !important; }
body.theme-obsidian .poh-room:hover { background: #1a1a1a !important; border-color: #333 !important; }


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

/* ── Skill Hub — tabs, grid, method cards, supply chain, tiers ── */
body.theme-obsidian .hub-tabs { background: #0e0e0e !important; border-bottom-color: #0a0a0a !important; }
body.theme-obsidian .hub-grid-scroll { scrollbar-color: #2a2a2a transparent !important; }
body.theme-obsidian .hub-grid-scroll::-webkit-scrollbar-thumb { background: #2a2a2a !important; }
body.theme-obsidian .hub-grid-scroll::-webkit-scrollbar-thumb:hover { background: #3a3a3a !important; }
body.theme-obsidian .method-card { background: #161616 !important; border-color: #2a2a2a !important; }
body.theme-obsidian .method-card:hover { background: #1e1e1e !important; box-shadow: 0 3px 10px rgba(0,0,0,0.4) !important; border-color: #333 !important; }
body.theme-obsidian .method-card.active { background: #1e1e1e !important; border-color: var(--obs-accent-dim) !important; box-shadow: inset 0 0 6px rgba(200,160,100,0.05) !important; }
body.theme-obsidian .method-card.active::before { background: var(--obs-accent) !important; }
body.theme-obsidian .mc-play { background: linear-gradient(180deg, #222222, #1a1a1a) !important; border-color: rgba(200,160,100,0.2) !important; color: var(--obs-accent) !important; }
body.theme-obsidian .mc-play:hover { background: linear-gradient(180deg, #2a2a2a, #222222) !important; border-color: var(--obs-accent) !important; }
body.theme-obsidian .hub-patches-header { color: var(--obs-accent) !important; border-bottom-color: #222222 !important; }
body.theme-obsidian .hub-patch-card { background: rgba(200,160,100,0.03) !important; border-color: rgba(200,160,100,0.1) !important; }
body.theme-obsidian .hub-patch-bar { background: #0a0a0a !important; }
body.theme-obsidian .hub-patch-fill { background: linear-gradient(90deg, var(--obs-accent-dim), var(--obs-accent)) !important; }
body.theme-obsidian .hub-empty { color: var(--muted) !important; }
body.theme-obsidian .tier-connector { background: #222222 !important; }
body.theme-obsidian .tier-connector.unlocked { background: linear-gradient(90deg, rgba(200,160,100,0.3), rgba(200,160,100,0.1)) !important; }
body.theme-obsidian .tier-node.special-tier .tier-name { color: var(--obs-accent) !important; }
body.theme-obsidian .tier-node.special-tier.active { background: rgba(200,160,100,0.06) !important; border-color: var(--obs-accent) !important; }
body.theme-obsidian .supply-chain { background: linear-gradient(180deg, #0a0a0a 0%, rgba(14,14,14,0.6) 100%) !important; border-bottom-color: #0e0e0e !important; }
body.theme-obsidian .supply-node { background: #1a1a1a !important; border-color: #2a2a2a !important; }
body.theme-obsidian .supply-arrow { color: var(--muted) !important; }
body.theme-obsidian .hub-tab { color: var(--muted) !important; }
body.theme-obsidian .hub-tab:hover { color: var(--obs-text) !important; }
body.theme-obsidian .hub-tab.active { color: var(--obs-accent) !important; border-bottom-color: var(--obs-accent) !important; }

/* ── Slayer Hub ── */
body.theme-obsidian .slayer-btn { background: #1a1a1a !important; border-color: #2a2a2a !important; color: var(--obs-accent) !important; }
body.theme-obsidian .slayer-btn:hover { background: #222222 !important; border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .slayer-btn-sub { color: var(--muted) !important; }
body.theme-obsidian .slayer-btn-primary { background: linear-gradient(180deg, var(--obs-accent), #8a6a3a) !important; color: #0a0a0a !important; border-color: var(--obs-accent) !important; }
body.theme-obsidian .slayer-btn-primary:hover { background: linear-gradient(180deg, var(--obs-accent-bright), var(--obs-accent)) !important; }
body.theme-obsidian .slayer-room { background: #0a0a0a !important; }
body.theme-obsidian .st-bar-wrap { background: #0a0a0a !important; border-color: #222222 !important; }
body.theme-obsidian .st-bar { background: linear-gradient(90deg, #6a5030, var(--obs-accent), var(--obs-accent-bright)) !important; }
body.theme-obsidian .st-progress-pct { color: var(--muted) !important; }
body.theme-obsidian .st-stat-label { color: var(--muted) !important; }
body.theme-obsidian .st-drops-label { color: var(--muted) !important; }
body.theme-obsidian .st-drop { background: rgba(200,160,100,0.02) !important; border-color: #222222 !important; }
body.theme-obsidian .st-drop:hover { border-color: #333 !important; background: rgba(200,160,100,0.04) !important; }

/* ── Prestige Hub ── */
body.theme-obsidian .p-fs-header { background: linear-gradient(180deg, #141414 0%, #111111 100%) !important; border-bottom-color: #0e0e0e !important; }
body.theme-obsidian .p-fs-title { color: var(--obs-accent) !important; }
body.theme-obsidian .p-fs-close { background: rgba(200,160,100,0.06) !important; border-color: rgba(200,160,100,0.15) !important; color: var(--obs-accent) !important; }
body.theme-obsidian .p-fs-close:hover { background: rgba(200,160,100,0.12) !important; border-color: var(--obs-accent) !important; }
body.theme-obsidian .p-hs-label { color: var(--muted) !important; }
body.theme-obsidian .p-hs-val { color: var(--obs-accent) !important; }
body.theme-obsidian .p-hs-currency { color: var(--obs-accent) !important; }
body.theme-obsidian .p-hs-dim { color: var(--muted) !important; }
body.theme-obsidian .p-hs-sep { color: #222222 !important; }
body.theme-obsidian .p-body { scrollbar-color: #2a2a2a transparent !important; }
body.theme-obsidian .p-body::-webkit-scrollbar-thumb { background: #2a2a2a !important; }
body.theme-obsidian .p-body::-webkit-scrollbar-thumb:hover { background: #3a3a3a !important; }
body.theme-obsidian .p-tabs { background: #0e0e0e !important; border-bottom-color: #0a0a0a !important; }
body.theme-obsidian .p-tab { color: var(--muted) !important; }
body.theme-obsidian .p-tab:hover { color: var(--obs-text) !important; }
body.theme-obsidian .p-tab.active { color: var(--obs-accent) !important; border-bottom-color: var(--obs-accent) !important; }
body.theme-obsidian .p-stone-head { border-bottom-color: #222222 !important; }
body.theme-obsidian .p-stone-title { color: var(--muted) !important; }
body.theme-obsidian .p-detail-section + .p-detail-section { border-top-color: #0e0e0e !important; }
body.theme-obsidian .p-bv-btn { color: var(--obs-accent) !important; background: linear-gradient(180deg, #222222, #1a1a1a) !important; border-color: rgba(200,160,100,0.2) !important; }
body.theme-obsidian .p-bv-btn:hover { background: linear-gradient(180deg, #2a2a2a, #222222) !important; border-color: var(--obs-accent) !important; }
body.theme-obsidian .p-bv-btn.primary { background: linear-gradient(180deg, var(--obs-accent), #8a6a3a) !important; color: #0a0a0a !important; }
body.theme-obsidian .p-bv-btn.primary:hover { background: linear-gradient(180deg, var(--obs-accent-bright), var(--obs-accent)) !important; }
body.theme-obsidian .p-prest-section + .p-prest-section { border-top-color: #0e0e0e !important; }
body.theme-obsidian .p-prest-tier-num { color: var(--obs-accent) !important; }
body.theme-obsidian .p-prest-section-title.earn { color: var(--obs-accent) !important; }

/* ── PRESTIGE MODULE ── */
body.theme-obsidian .p-stone { background: #111111 !important; border-color: #222222 !important; }
body.theme-obsidian .p-stone-body { background: #0e0e0e !important; }
body.theme-obsidian .p-bingo-tile { background: #161616 !important; background-image: none !important; border-color: #2a2a2a !important; box-shadow: none !important; }
body.theme-obsidian .p-bingo-tile:hover { background: #1e1e1e !important; border-color: #333 !important; }
body.theme-obsidian .p-bingo-tile.active { border-color: var(--obs-accent) !important; box-shadow: 0 0 8px rgba(200,160,100,0.15) !important; }
body.theme-obsidian .p-bingo-tile.complete { background: #1a1a1a !important; border-color: #3a5a2a !important; }
body.theme-obsidian .p-bingo-tile.in-line { border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .p-bingo-tile.reroll-target { border-color: #cc3838 !important; box-shadow: 0 0 8px rgba(204,56,56,0.2) !important; }
body.theme-obsidian .p-bingo-tile.ext-tile { border-color: rgba(200,160,100,0.25) !important; }
body.theme-obsidian .p-bingo-tile.empty-slot { background: #0e0e0e !important; border-color: #1a1a1a !important; }
body.theme-obsidian .p-bt-id { color: var(--muted) !important; }
body.theme-obsidian .p-bt-obj { color: var(--obs-text) !important; }
body.theme-obsidian .p-bt-check { color: #6ab840 !important; }
body.theme-obsidian .p-bt-prog-text { color: var(--muted) !important; }
body.theme-obsidian .p-prog-bar { background: #0a0a0a !important; border-color: #1a1a1a !important; }
body.theme-obsidian .p-prog-fill { background: linear-gradient(90deg, #6a5030, var(--obs-accent)) !important; box-shadow: none !important; }
body.theme-obsidian .p-prog-fill.green { background: linear-gradient(90deg, #3a5a2a, #6ab840) !important; }
body.theme-obsidian .p-bingo-lines { border-top-color: #1a1a1a !important; }
body.theme-obsidian .p-bingo-line { color: var(--muted) !important; }
body.theme-obsidian .p-bingo-line.done { color: #6ab840 !important; }
body.theme-obsidian .p-bingo-footer { background: #0e0e0e !important; border-top-color: #1a1a1a !important; }
body.theme-obsidian .p-board-reset-row { border-top-color: #1a1a1a !important; }
body.theme-obsidian .p-board-reset-info { color: var(--muted) !important; }
body.theme-obsidian .p-reroll-banner { background: rgba(204,56,56,0.08) !important; border-color: rgba(204,56,56,0.2) !important; }
body.theme-obsidian .p-pick-btn { background: linear-gradient(180deg, #222222, #1a1a1a) !important; color: var(--obs-accent) !important; border-color: rgba(200,160,100,0.2) !important; }
body.theme-obsidian .p-pick-btn:hover { background: linear-gradient(180deg, #2a2a2a, #222222) !important; border-color: var(--obs-accent) !important; }

/* ── PRESTIGE BOOSTS ── */
body.theme-obsidian .p-boosts-section { background: #111111 !important; }
body.theme-obsidian .p-boosts-cat { color: var(--obs-accent) !important; border-bottom-color: #222222 !important; }
body.theme-obsidian .p-boosts-desc { color: var(--muted) !important; }
body.theme-obsidian .p-boost-row { background: #161616 !important; border-color: #1a1a1a !important; }
body.theme-obsidian .p-boost-row:hover { background: #1e1e1e !important; border-color: #2a2a2a !important; }
body.theme-obsidian .p-boost-label { color: var(--obs-text) !important; }
body.theme-obsidian .p-boost-level { color: var(--obs-accent) !important; }
body.theme-obsidian .p-boost-bar { background: #0a0a0a !important; }
body.theme-obsidian .p-boost-bar-fill { background: linear-gradient(90deg, #6a5030, var(--obs-accent)) !important; }
body.theme-obsidian .p-boost-buy { background: linear-gradient(180deg, #222222, #1a1a1a) !important; color: var(--obs-accent) !important; border-color: rgba(200,160,100,0.2) !important; }
body.theme-obsidian .p-boost-buy:hover { background: linear-gradient(180deg, #2a2a2a, #222222) !important; border-color: var(--obs-accent) !important; }
body.theme-obsidian .p-boost-buy.disabled { background: #111111 !important; color: #333 !important; border-color: #1a1a1a !important; }

/* ── PRESTIGE COMPLETED ── */
body.theme-obsidian .p-completed-section { background: #111111 !important; }
body.theme-obsidian .p-completed-head { color: var(--obs-accent) !important; border-bottom-color: #222222 !important; }
body.theme-obsidian .p-completed-tile { background: #161616 !important; border-color: #1a1a1a !important; }
body.theme-obsidian .p-completed-tile:hover { background: #1e1e1e !important; }
body.theme-obsidian .p-completed-name { color: var(--obs-text) !important; }
body.theme-obsidian .p-completed-reward { color: var(--muted) !important; }
body.theme-obsidian .p-completed-upgrade-badge { background: rgba(200,160,100,0.1) !important; color: var(--obs-accent) !important; }
body.theme-obsidian .p-completed-upgrade-info { color: var(--muted) !important; }

/* ── PRESTIGE DASHBOARD ── */
body.theme-obsidian .p-dashboard { background: #0e0e0e !important; }
body.theme-obsidian .p-dash-left { background: #111111 !important; border-color: #1a1a1a !important; }
body.theme-obsidian .p-dash-right { background: #111111 !important; border-color: #1a1a1a !important; }
body.theme-obsidian .p-dash-footer { background: #0e0e0e !important; border-top-color: #1a1a1a !important; }
body.theme-obsidian .p-dash-label { color: var(--obs-accent) !important; }
body.theme-obsidian .p-dash-label-sub { color: var(--muted) !important; }
body.theme-obsidian .p-dash-pill { background: #161616 !important; border-color: #222222 !important; color: var(--obs-text) !important; }
body.theme-obsidian .p-dash-sep { border-color: #1a1a1a !important; }

/* ── PRESTIGE TILE DETAIL ── */
body.theme-obsidian .p-detail-label { color: var(--muted) !important; }
body.theme-obsidian .p-detail-obj { color: var(--obs-text) !important; }
body.theme-obsidian .p-detail-prog-row { color: var(--obs-text) !important; }
body.theme-obsidian .p-detail-footer { background: #0e0e0e !important; border-top-color: #1a1a1a !important; }

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

/* ── SKILL HUB EXTRAS ── */
body.theme-obsidian .hub-materials { background: #111111 !important; border-color: #1a1a1a !important; color: var(--obs-text) !important; }
body.theme-obsidian .hub-chest { background: transparent !important; border-color: transparent !important; }
body.theme-obsidian .hub-chest:hover { background: transparent !important; border-color: transparent !important; }

/* ── MARKETPLACE ── */
body.theme-obsidian .marketplace-header { background: linear-gradient(180deg, #181818, #121212) !important; border-bottom-color: #0a0a0a !important; }
body.theme-obsidian .marketplace-header::after { background: linear-gradient(90deg, transparent, rgba(200,160,100,0.15), transparent) !important; }
body.theme-obsidian .marketplace-title { color: var(--obs-accent) !important; }
body.theme-obsidian .marketplace-slots-count { color: var(--muted) !important; }
body.theme-obsidian .marketplace-offer-row { background: linear-gradient(180deg, #161616, #111111) !important; border-color: #2a2a2a !important; }
body.theme-obsidian .marketplace-offer-row:hover { border-color: #3a3a3a !important; }
body.theme-obsidian .marketplace-offer-icon { background: rgba(0,0,0,0.3) !important; border-color: #2a2a2a !important; }
body.theme-obsidian .marketplace-offer-name { color: var(--obs-accent) !important; }
body.theme-obsidian .marketplace-offer-detail { color: var(--muted) !important; }
body.theme-obsidian .marketplace-offer-progress { background: #0a0a0a !important; border-color: #1a1a1a !important; }
body.theme-obsidian .marketplace-empty-text { color: var(--muted) !important; }
body.theme-obsidian .marketplace-empty-hint { color: #333 !important; }
body.theme-obsidian .marketplace-btn { background: linear-gradient(180deg, #222222, #1a1a1a) !important; color: var(--obs-text) !important; box-shadow: none !important; border-color: #2a2a2a !important; }
body.theme-obsidian .marketplace-btn:hover { background: linear-gradient(180deg, #2a2a2a, #222222) !important; border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .marketplace-btn-confirm { background: linear-gradient(180deg, var(--obs-accent), #8a6a3a) !important; color: #0a0a0a !important; border-color: var(--obs-accent) !important; }
body.theme-obsidian .marketplace-btn-confirm:hover { background: linear-gradient(180deg, var(--obs-accent-bright), var(--obs-accent)) !important; }
body.theme-obsidian .marketplace-collect-banner { background: rgba(200,160,100,0.06) !important; border-color: rgba(200,160,100,0.15) !important; }
body.theme-obsidian .marketplace-collect-banner-text { color: var(--obs-accent) !important; }
body.theme-obsidian .marketplace-browse-row { background: #161616 !important; border-color: #1a1a1a !important; }
body.theme-obsidian .marketplace-browse-row:hover { background: #1e1e1e !important; border-color: #2a2a2a !important; }
body.theme-obsidian .marketplace-browse-name { color: var(--obs-text) !important; }
body.theme-obsidian .marketplace-browse-detail { color: var(--muted) !important; }
body.theme-obsidian .marketplace-browse-search-wrap { background: #0e0e0e !important; border-color: #1a1a1a !important; }
body.theme-obsidian .marketplace-browse-sort-select { background: #0e0e0e !important; color: var(--obs-text) !important; border-color: #2a2a2a !important; }
body.theme-obsidian .marketplace-browse-sort-label { color: var(--muted) !important; }
body.theme-obsidian .marketplace-category-pill { background: #161616 !important; color: var(--muted) !important; border-color: #1a1a1a !important; }
body.theme-obsidian .marketplace-category-pill:hover { color: var(--obs-text) !important; }
body.theme-obsidian .marketplace-category-pill-active { color: var(--obs-accent) !important; background: #1e1e1e !important; border-color: var(--obs-accent-dim) !important; }
body.theme-obsidian .marketplace-create-body { background: #111111 !important; }
body.theme-obsidian .marketplace-create-close { color: var(--muted) !important; }
body.theme-obsidian .marketplace-create-close:hover { color: var(--obs-text) !important; }
body.theme-obsidian #marketplace-panel-body { background: #111111 !important; }

/* ── RL CONTROLS (quests, methods, all list headers) ── */
body.theme-obsidian .rl-controls { background: linear-gradient(180deg, #181818, #121212) !important; border-bottom-color: #0a0a0a !important; }
body.theme-obsidian .rl-search { background: #0e0e0e !important; color: var(--obs-text) !important; border-color: #2a2a2a !important; }
body.theme-obsidian .rl-search::placeholder { color: var(--muted) !important; }
body.theme-obsidian .rl-search:focus { outline-color: var(--obs-accent) !important; border-color: var(--obs-accent) !important; }
body.theme-obsidian .rl-select { background: #0e0e0e !important; color: var(--obs-accent) !important; border-color: #2a2a2a !important; }
body.theme-obsidian .rl-pill { background: #161616 !important; color: var(--muted) !important; border-color: #1a1a1a !important; }
body.theme-obsidian .rl-pill:hover { color: var(--obs-text) !important; background: #1e1e1e !important; }
body.theme-obsidian .rl-pill.active { color: var(--obs-accent) !important; background: linear-gradient(180deg, #222222, #1a1a1a) !important; box-shadow: 0 0 6px rgba(200,160,100,0.1) !important; }
body.theme-obsidian .rl-stat-bar { color: var(--muted) !important; border-bottom-color: #1a1a1a !important; }
body.theme-obsidian .rl-stat-val { color: var(--obs-accent) !important; }
body.theme-obsidian .rl-search-wrap { border-bottom-color: #1a1a1a !important; }
body.theme-obsidian .rl-reset-btn { background: #0e0e0e !important; color: var(--obs-accent) !important; border-color: #2a2a2a !important; }

/* ── FORGE PROGRESS (Skill Hub) ── */
body.theme-obsidian .forge-progress { background: linear-gradient(180deg, #141414, #111111) !important; border-bottom-color: #0a0a0a !important; }
body.theme-obsidian .forge-progress::before { background: radial-gradient(ellipse 300px 80px at 50% 100%, rgba(200,160,100,0.04) 0%, transparent 100%), radial-gradient(ellipse 200px 60px at 50% 0%, rgba(200,160,100,0.03) 0%, transparent 100%) !important; }
body.theme-obsidian .forge-icon-wrap { background: #1e1e1e !important; border-color: #2a2a2a !important; }
body.theme-obsidian .forge-item-name { color: var(--obs-accent) !important; }
body.theme-obsidian .forge-item-detail { color: var(--muted) !important; }
body.theme-obsidian .forge-output-chip { color: var(--obs-accent) !important; }
body.theme-obsidian .forge-arrow { color: var(--muted) !important; }
body.theme-obsidian .forge-stat-label { color: var(--muted) !important; }
body.theme-obsidian .forge-bar-wrap { background: #0a0a0a !important; border-color: #1a1a1a !important; }
body.theme-obsidian .forge-bar-fill { background: linear-gradient(90deg, #6a5030, var(--obs-accent), var(--obs-accent-bright)) !important; box-shadow: 0 0 8px rgba(200,160,100,0.2) !important; }
body.theme-obsidian .forge-bar-time { color: var(--muted) !important; }
body.theme-obsidian .forge-session { color: var(--muted) !important; }
body.theme-obsidian .forge-session-val { color: var(--obs-text) !important; }
body.theme-obsidian .forge-stop { background: linear-gradient(180deg, #2a1a1a, #1a0e0e) !important; border-color: rgba(204,56,56,0.3) !important; }
body.theme-obsidian .forge-stop:hover { background: linear-gradient(180deg, #3a2a2a, #2a1a1a) !important; border-color: #cc3838 !important; }
body.theme-obsidian .forge-idle-msg { color: var(--muted) !important; }


/* ════════════════════════════════════════════
   37. REDUCED MOTION
   ════════════════════════════════════════════ */
/* ── MOBILE NAV BARS ── */
@media (max-width: 768px) {
    body.theme-obsidian .mobile-tab-strip,
    body.theme-obsidian #mobile-tab-strip {
        background: linear-gradient(180deg, #181818, #121212 50%, #0e0e0e) !important;
    }
    body.theme-obsidian .mobile-tab-strip-top {
        background: linear-gradient(180deg, #181818, #101010) !important;
        border-bottom-color: #2a2a2a !important;
    }
    body.theme-obsidian .mts-btn.active::after {
        background: var(--obs-accent) !important;
        box-shadow: 0 0 6px 2px rgba(200,160,100,0.5) !important;
    }
    body.theme-obsidian .mobile-tab-strip-top .mts-btn.active {
        border-bottom-color: var(--obs-accent) !important;
    }
}

/* ============ LOOTING BAG ============ */
body.theme-obsidian .looting-bag-overlay {
    background: linear-gradient(145deg, #1e1e1e 0%, #121212 50%, #0a0a0a 100%);
    border-color: #333;
    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(200,160,100,0.06);
}
body.theme-obsidian .looting-bag-overlay:hover {
    border-color: #555;
}
body.theme-obsidian .looting-bag-overlay.has-unique {
    border-color: #c8a064;
    animation: lbag-breathe-obs 1.6s ease-in-out infinite;
}
body.theme-obsidian .looting-bag-overlay.has-unique::before {
    background: radial-gradient(circle, rgba(200,160,100,0.3) 0%, rgba(200,160,100,0) 70%);
    animation: lbag-aura-obs 1.6s ease-in-out infinite;
}
@keyframes lbag-breathe-obs {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.9), 0 0 8px rgba(200,160,100,0.4), 0 0 20px rgba(200,160,100,0.12), inset 0 1px 0 rgba(200,160,100,0.08);
        border-color: #a88050;
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.9), 0 0 16px rgba(200,160,100,0.65), 0 0 32px rgba(200,160,100,0.25), 0 0 48px rgba(200,160,100,0.08), inset 0 1px 0 rgba(200,160,100,0.15);
        border-color: #d4a868;
    }
}
@keyframes lbag-aura-obs {
    0%, 100% { opacity: 0.35; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.15); }
}
body.theme-obsidian .lbag-item {
    background: rgba(18,18,18,0.6);
    border-color: #2a2a2a;
}
body.theme-obsidian .lbag-item-unique {
    border-color: #8a6a30;
    box-shadow: 0 0 6px rgba(200,160,100,0.3), inset 0 0 6px rgba(200,160,100,0.06);
}

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