/* =========================================================================
   RUNECLICKER INFERNO THEME
   Volcanic hellfire — dark crimson stone with molten orange flame
   bleeding through from below every surface. "Flames beneath the screen."
   Applied via body.theme-inferno on top of body.rebrand.
   Loaded after style.css so same-specificity rules win via cascade order.
   ========================================================================= */

/* Fonts loaded via <link> in server.html */

/* ============ SHARED KEYFRAMES ============ */
@keyframes inf-seam-breathe {
    0%, 100% { opacity: 0.78; filter: blur(0); }
    50%      { opacity: 1;    filter: blur(0.3px); }
}
@keyframes inf-halo-pulse {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50%      { opacity: 1;   transform: scale(1.03); }
}
@keyframes inf-shimmer-sweep {
    0%   { transform: translateX(-120%); opacity: 0; }
    12%  { opacity: 0.85; }
    72%  { opacity: 0.85; }
    100% { transform: translateX(240%); opacity: 0; }
}
@keyframes inf-ignite-flare {
    0%   { transform: scale(0.92); box-shadow: 0 0 0 rgba(255,100,0,0); }
    55%  { transform: scale(1.06); box-shadow: 0 0 24px rgba(255,100,0,0.7); }
    100% { transform: scale(1);    box-shadow: 0 0 12px rgba(255,100,0,0.35); }
}
@keyframes inf-modal-in {
    0%   { opacity: 0; transform: scale(0.94); filter: blur(5px) brightness(0.75); }
    55%  { filter: blur(0.4px) brightness(1.12); }
    100% { opacity: 1; transform: scale(1); filter: blur(0) brightness(1); }
}
@keyframes inf-title-breath {
    0%, 100% { text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.45); }
    50%      { text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 22px rgba(255,140,40,0.75); }
}
@keyframes inf-slide-in-right {
    0%   { transform: translateX(120%); opacity: 0; filter: brightness(1.45) blur(1px); }
    60%  { filter: brightness(1.45) blur(0); }
    100% { transform: translateX(0); opacity: 1; filter: brightness(1); }
}
@keyframes inf-halo-rotate {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes inf-lowhp-heat {
    0%, 100% { filter: blur(0);     opacity: 1; }
    50%      { filter: blur(0.5px); opacity: 0.88; }
}
@keyframes inf-lu-pulse {
    0%   { transform: scale(0.6); opacity: 0; }
    40%  { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(2.2); opacity: 0; }
}
@keyframes equipTabIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes inf-underglow {
    0%, 100% { opacity: 0.6; }
    50%      { opacity: 1; }
}

/* ============ ROOT PALETTE ============ */
body.theme-inferno {
    --inf-stone-1: #2a1010;
    --inf-stone-2: #1e0a0a;
    --inf-stone-3: #140606;
    --inf-panel-bg: #1c0e0e;
    --inf-ember-dim:  rgba(255,100,0,0.22);
    --inf-ember:      rgba(255,100,0,0.55);
    --inf-ember-hot:  rgba(255,160,40,0.85);
    --inf-border:     rgba(255,120,40,0.12);
    --inf-border-hot: rgba(255,120,60,0.55);
    --inf-gold-text:  #ffa040;
    --frame:      #2a1010;
    --frame-hi:   #3e1818;
    --frame-lo:   #140606;
    --panel-bg:   #1e0a0a;
    --dark-bg:    #160808;
    --darkest:    #0e0404;
    --gold:       #ff6a00;
    --gold-dim:   #a84400;
    --green:      #44cc44;
    --red:        #ff2020;
    --white:      #f0d0b0;
    --muted:      #7a4a30;
    --chat-bg:    #0e0404;
    --cell-bg:    #1a0c0c;
    --cell-hover: #261010;
    --cell-active:#321616;

    /* Override parchment texture vars — kill all brown parchment */
    --parchment-shade-base: #1e0a0a;
    --parchment-shade-overlay: linear-gradient(180deg, rgba(14,4,4,0.72), rgba(20,6,6,0.62));
    --parchment-shade-radial: radial-gradient(ellipse at center, rgba(255,100,0,0.03) 0%, rgba(255,80,0,0.01) 32%, rgba(0,0,0,0) 68%);
    --parchment-shade-image: none;

    /* Override rebrand font — Nunito for readable gameplay data */
    --rebrand-font: 'Nunito', sans-serif;
}

/* ============ GLOBAL FONT OVERRIDE ============ */
/* Nunito: gameplay data (items, stats, numbers, chat, descriptions) */
body.theme-inferno,
body.theme-inferno * {
    font-family: 'Nunito', sans-serif !important;
}
body.theme-inferno [style*="font-family"] {
    font-family: 'Nunito', sans-serif !important;
}
body.theme-inferno .topbar-title,
body.theme-inferno .rc-modal-title,
body.theme-inferno .rc-panel-head,
body.theme-inferno .method-list-head,
body.theme-inferno .marketplace-title,
body.theme-inferno .rl-panel-title,
body.theme-inferno .charselect-title,
body.theme-inferno .ep-hero-title,
body.theme-inferno .ep-cz-name,
body.theme-inferno .ep-cz-loot-title,
body.theme-inferno .ep-det-name,
body.theme-inferno .lu-text,
body.theme-inferno .orb-title,
body.theme-inferno .clog-detail-name,
body.theme-inferno .clog-popup-title,
body.theme-inferno .hiscores-rank,
body.theme-inferno .total-level-cell .total-num,
body.theme-inferno .eq-stat-title,
body.theme-inferno .eq-section-head,
body.theme-inferno .ph-name,
body.theme-inferno .ph-section-label,
body.theme-inferno .ph-slayer-name,
body.theme-inferno .ph-currency-val,
body.theme-inferno .p-fs-title,
body.theme-inferno .quest-detail-name,
body.theme-inferno .quest-detail-title,
body.theme-inferno .ep-cz-loot-sec-label,
body.theme-inferno .ep-cz-report-hd,
body.theme-inferno .ep-det-loot-hd,
body.theme-inferno .orb-item-name,
body.theme-inferno .raid-hub-title,
body.theme-inferno .poh-title,
body.theme-inferno .slayer-dialogue-name,
body.theme-inferno .event-title,
body.theme-inferno .friends-panel-header,
body.theme-inferno .autocast-picker-title,
body.theme-inferno .custom-tab-config-title,
body.theme-inferno .marketplace-create-title,
body.theme-inferno .marketplace-price-guide-title,
body.theme-inferno .mi-section-title,
body.theme-inferno .rl-hs-profile-name,
body.theme-inferno .profile-player-name,
body.theme-inferno .clue-scroll-header,
body.theme-inferno .ep-bg-ed-header h2,
body.theme-inferno .ep-bg-pos-header h2 {
    font-family: 'Cinzel Decorative', 'Cinzel', serif !important;
}

/* Cinzel: UI structure (tabs, buttons, labels, navigation) */
body.theme-inferno .rc-panel-tab,
body.theme-inferno .sidebar-tab,
body.theme-inferno .chatbox-tab,
body.theme-inferno .rl-tab,
body.theme-inferno .btn,
body.theme-inferno .method-detail-btn,
body.theme-inferno .equip-action-btn,
body.theme-inferno .equip-loadout-apply,
body.theme-inferno .equip-prayer-btn,
body.theme-inferno .equip-style-btn,
body.theme-inferno .combat-tab-btn,
body.theme-inferno .prayer-footer-label,
body.theme-inferno .spellbook-section-label,
body.theme-inferno .quest-section-title,
body.theme-inferno .combat-tab-category,
body.theme-inferno .mts-label,
body.theme-inferno .rc-drawer-tile-label,
body.theme-inferno .rc-drawer-section-title,
body.theme-inferno .rc-drawer-title,
body.theme-inferno .rl-bar-btn,
body.theme-inferno .ep-cz-loot-ok,
body.theme-inferno .hiscores-show-more,
body.theme-inferno .profile-back-btn,
body.theme-inferno .profile-stat-label,
body.theme-inferno .profile-modes,
body.theme-inferno .stat-label,
body.theme-inferno .eq-stat-row > :first-child,
body.theme-inferno .detail-label,
body.theme-inferno .quest-detail-label {
    font-family: 'Cinzel', serif !important;
}

/* ============ 39. BODY BACKGROUND — infernal heat across the whole app ============ */
body.theme-inferno {
    background:
        radial-gradient(ellipse 50% 60% at 50% 100%, rgba(255,60,0,0.08) 0%, transparent 55%),
        radial-gradient(ellipse 80% 40% at 50% 0%, rgba(255,100,0,0.04) 0%, transparent 55%),
        linear-gradient(180deg, #140606 0%, #0a0303 100%) !important;
}
body.theme-inferno .game,
body.theme-inferno .game-body,
body.theme-inferno .viewport {
    background:
        radial-gradient(ellipse 50% 60% at 50% 100%, rgba(255,60,0,0.06) 0%, transparent 55%),
        linear-gradient(180deg, #140606 0%, #0a0303 100%);
}

/* ============ 1. TOP BAR ============ */
body.theme-inferno .topbar {
    position: relative;
    background:
        radial-gradient(ellipse 35% 160% at 50% 50%, rgba(255,100,0,0.07) 0%, transparent 70%),
        linear-gradient(180deg, #2e1210 0%, #1e0a0a 65%, #140606 100%);
    border-bottom: 1px solid rgba(0,0,0,0.55);
    box-shadow:
        inset 0 1px 0 rgba(255,160,80,0.08),
        inset 0 -8px 12px rgba(0,0,0,0.4);
}
body.theme-inferno .topbar::after {
    content: '';
    position: absolute;
    left: 8%; right: 8%; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(255,100,0,0.22) 12%,
        rgba(255,160,40,0.9) 50%,
        rgba(255,100,0,0.22) 88%,
        transparent 100%);
    box-shadow: 0 0 10px rgba(255,100,0,0.55);
    animation: inf-seam-breathe 4.2s ease-in-out infinite;
    pointer-events: none;
}
body.theme-inferno .topbar-title {
    font-family: 'Cinzel Decorative', 'Cinzel', serif;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.5);
}
body.theme-inferno .topbar-alpha {
    color: rgba(230,170,120,0.5);
    font-family: 'Cinzel', serif;
    font-size: 9.5px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
body.theme-inferno .topbar-stat {
    color: #ffa040;
    font-family: 'Cinzel', serif;
    text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.28);
}
body.theme-inferno .topbar-stat img {
    filter: drop-shadow(0 0 4px rgba(255,100,0,0.35));
}
body.theme-inferno .prestige-badge {
    background: linear-gradient(180deg, rgba(255,80,20,0.18), rgba(180,30,10,0.1));
    border-color: rgba(255,100,40,0.35);
    color: #ffa040;
}
body.theme-inferno .online-dot { background: #ff6a00 !important; box-shadow: 0 0 6px rgba(255,100,0,0.5) !important; }

/* ============ 2. SIDEBAR + RL-BAR ============ */
body.theme-inferno .sidebar {
    background:
        radial-gradient(ellipse 120% 40% at 50% 100%, rgba(255,60,0,0.05) 0%, transparent 55%),
        linear-gradient(180deg, #1e0c0c 0%, #140606 100%);
    border-right: 1px solid rgba(255,100,0,0.1);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.04);
}
body.theme-inferno .sidebar-tabs {
    background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%);
    border-bottom: 1px solid rgba(255,100,0,0.15);
    box-shadow: inset 0 1px 0 rgba(255,120,40,0.04);
}
body.theme-inferno .sidebar-tab {
    position: relative;
    color: rgba(230,170,120,0.5);
    background: transparent;
    border: none;
    transition: color .2s;
}
body.theme-inferno .sidebar-tab:hover { color: #ffa040; }
body.theme-inferno .sidebar-tab.active {
    color: #ffcc80;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.55);
    background: linear-gradient(180deg,
        rgba(255,120,30,0.14) 0%,
        rgba(180,60,15,0.08) 55%,
        rgba(100,30,8,0.04) 100%);
}
body.theme-inferno .sidebar-tab.active::before {
    content: '';
    position: absolute;
    left: 50%; bottom: 0;
    width: 60%; height: 2px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, #ff8030, transparent);
    box-shadow: 0 0 10px rgba(255,100,0,0.8);
    animation: inf-seam-breathe 3.6s ease-in-out infinite;
}
body.theme-inferno .sidebar-tab::after,
body.theme-inferno .rl-bar-btn::after {
    background: linear-gradient(180deg, #2e1414 0%, #1e0a0a 100%);
    border: 1px solid rgba(255,100,0,0.35);
    color: #ffa040;
    font-family: 'Cinzel', serif;
    letter-spacing: 0.6px;
    box-shadow:
        0 6px 18px rgba(0,0,0,0.65),
        0 0 14px rgba(255,100,0,0.2);
    text-shadow: 0 1px 0 #000;
}

body.theme-inferno .sidebar-body { background: var(--cell-bg) !important; }
body.theme-inferno .sidebar-top-tabs { background: #140606 !important; }

body.theme-inferno .sidebar-top-tab {
    color: rgba(230,170,120,0.5);
    background: transparent;
    border: none;
}
body.theme-inferno .sidebar-top-tab:hover { color: #ffa040; }
body.theme-inferno .sidebar-top-tab.active {
    color: #ffcc80;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.55);
    background: linear-gradient(180deg, rgba(255,120,30,0.14), rgba(100,30,8,0.04));
}
body.theme-inferno .sidebar-top-tab.active::before { background: #1e0a0a !important; }

body.theme-inferno .rl-bar {
    background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%);
    border-right: 1px solid rgba(255,100,0,0.12);
    box-shadow: inset -1px 0 0 rgba(0,0,0,0.45);
}
body.theme-inferno .rl-bar-btn {
    background: linear-gradient(180deg, #261010 0%, #1a0808 100%);
    border: 1px solid rgba(255,120,40,0.08);
    border-radius: 8px 8px 3px 3px;
    color: rgba(230,170,120,0.52);
    box-shadow:
        inset 0 1px 0 rgba(255,120,40,0.04),
        inset 0 -2px 4px rgba(0,0,0,0.35);
    transition: border-color .2s, color .2s, transform .14s, box-shadow .24s;
}
body.theme-inferno .rl-bar-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(255,120,40,0.35);
    color: #ffa040;
    box-shadow:
        inset 0 1px 0 rgba(255,160,80,0.1),
        inset 0 -2px 4px rgba(0,0,0,0.35),
        0 0 14px rgba(255,100,0,0.18);
}
body.theme-inferno .rl-bar-btn.active {
    background: linear-gradient(180deg,
        rgba(255,120,30,0.26) 0%,
        rgba(180,60,15,0.16) 60%,
        rgba(100,30,8,0.08) 100%);
    border-color: rgba(255,120,60,0.55);
    color: #ffcc80;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.5);
    box-shadow:
        inset 0 1px 0 rgba(255,160,80,0.3),
        inset 0 -4px 8px rgba(0,0,0,0.28),
        0 0 0 1px rgba(255,100,0,0.3),
        0 0 16px rgba(255,100,0,0.25);
}
body.theme-inferno .rl-bar-prestige {
    background: linear-gradient(180deg, rgba(255,80,20,0.18), rgba(180,30,10,0.1));
    border-color: rgba(255,100,40,0.35);
}
body.theme-inferno .rl-bar-prestige span { color: #ffa040; }
body.theme-inferno .rl-bar-prestige:hover { background: linear-gradient(180deg, rgba(255,80,20,0.25), rgba(180,30,10,0.15)); }
body.theme-inferno .rl-bar-sep { background: rgba(255,100,0,0.08); }
body.theme-inferno .rl-bar-grab { background: #1e0c0c; border-color: #0e0404; }
body.theme-inferno .rl-bar-grab:hover { background: #2a1010; }
body.theme-inferno .sidebar-splitter,
body.theme-inferno .chatbox-splitter {
    background: rgba(255,100,0,0.1);
    transition: background .2s;
}
body.theme-inferno .sidebar-splitter:hover,
body.theme-inferno .chatbox-splitter:hover {
    background: rgba(255,100,0,0.3);
}
body.theme-inferno .sidebar-splitter::after { background: #3e1818 !important; }
body.theme-inferno .sidebar-splitter:hover::after { background: #ff6a00 !important; }
body.theme-inferno .chatbox-splitter::after { background: #3e1818 !important; }
body.theme-inferno .chatbox-splitter:hover::after { background: #ff6a00 !important; }
body.theme-inferno .sidebar::before,
body.theme-inferno .sidebar::after {
    background: linear-gradient(90deg, #0e0404 0px, #2a1010 1px, #3e1818 2px, #2a1010 3px, #1e0c0c 5px, #140606 6px, #0e0404 7px) !important;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.6) !important;
}

/* ============ 3. PANEL CHROME ============ */
/* Container: dark crimson, same bg as Tool bar. Keeps flex layout. */
body.theme-inferno .rc-panel-head {
    position: relative;
    padding: 8px 16px;
    border: none;
    box-shadow: inset 0 -1px 0 rgba(255,100,0,0.14);
    background-color: #1e0a0a;
    background-image: linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%);
}
/* Title span: gold gradient text, Cinzel Decorative — same as Tool bar */
body.theme-inferno .rc-panel-head > span:first-child {
    font-family: 'Cinzel Decorative', serif !important;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.5);
}
body.theme-inferno .rc-panel-head .rc-panel-head-info {
    color: rgba(230,170,120,0.5);
}
body.theme-inferno .rc-panel-head .rc-panel-head-right {
    color: rgba(230,170,120,0.6);
}
body.theme-inferno .rc-panel-head::after {
    content: '';
    position: absolute;
    left: 10%; right: 10%; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,100,0,0.25), rgba(255,160,40,0.85), rgba(255,100,0,0.25), transparent);
    box-shadow: 0 0 8px rgba(255,100,0,0.45);
    animation: inf-seam-breathe 4.4s ease-in-out infinite;
    pointer-events: none;
}
body.theme-inferno .rc-panel-head-info {
    color: rgba(230,170,120,0.5);
    font-family: 'Cinzel', serif;
    font-size: 9.5px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    font-weight: 500;
}

body.theme-inferno .rc-panel-tabs {
    background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%);
    border: none;
    border-bottom: 1px solid rgba(255,100,0,0.2);
    padding: 5px 8px 0;
    gap: 4px;
    box-shadow: inset 0 1px 0 rgba(255,120,40,0.05), inset 0 -1px 0 rgba(0,0,0,0.4);
}
body.theme-inferno .rc-panel-tab {
    flex: 1;
    position: relative;
    padding: 6px 6px;
    border-radius: 8px 8px 3px 3px;
    background: linear-gradient(180deg, #321414 0%, #200c0c 100%);
    border: 1px solid rgba(255,120,40,0.1);
    border-bottom: none;
    color: rgba(230,170,120,0.5);
    font-family: 'Cinzel', serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000;
    opacity: 1;
    box-shadow:
        inset 0 1px 0 rgba(255,120,40,0.05),
        inset 0 -2px 4px rgba(0,0,0,0.38);
    transition: transform .14s, border-color .2s, color .2s, background .25s, box-shadow .28s;
}
body.theme-inferno .rc-panel-tab:hover:not([data-panel="equipment"] *) {
    transform: translateY(-1px);
    border-color: rgba(255,120,40,0.3);
    color: #ffa040;
    box-shadow:
        inset 0 1px 0 rgba(255,160,80,0.12),
        inset 0 -2px 4px rgba(0,0,0,0.38),
        0 0 12px rgba(255,100,0,0.14);
}
body.theme-inferno .rc-panel-tab.active:not([data-panel="equipment"] *) {
    background: linear-gradient(180deg, rgba(255,120,30,0.26), rgba(180,60,15,0.16) 60%, rgba(100,30,8,0.08));
    border-color: rgba(255,120,60,0.55);
    color: #ffcc80;
    font-family: 'Cinzel Decorative', 'Cinzel', serif;
    letter-spacing: 2px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.7), 0 0 10px rgba(255,100,0,0.5);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255,160,80,0.32),
        inset 0 -6px 10px rgba(0,0,0,0.22),
        0 0 0 1px rgba(255,100,0,0.3),
        0 0 18px rgba(255,100,0,0.25);
}

body.theme-inferno .rc-panel-body {
    background:
        radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,60,0,0.03) 0%, transparent 65%),
        linear-gradient(180deg, #1c0e0e 0%, #140606 100%);
}
body.theme-inferno .rc-panel-search {
    background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%);
    border-bottom: 1px solid rgba(255,100,0,0.1);
}
body.theme-inferno .rc-panel-search input {
    background: linear-gradient(180deg, #140606 0%, #1e0c0c 100%);
    border: 1px solid rgba(255,120,40,0.14);
    color: #ffa040;
    font-family: 'Cinzel', serif;
    letter-spacing: 0.4px;
    box-shadow:
        inset 0 2px 4px rgba(0,0,0,0.6),
        inset 0 -1px 0 rgba(255,100,0,0.08);
    transition: border-color .2s, box-shadow .25s;
}
body.theme-inferno .rc-panel-search input:focus {
    outline: none;
    border-color: rgba(255,120,60,0.5);
    box-shadow:
        inset 0 2px 4px rgba(0,0,0,0.6),
        inset 0 -1px 0 rgba(255,120,30,0.28),
        0 0 0 1px rgba(255,100,0,0.28),
        0 0 14px rgba(255,100,0,0.22);
}
body.theme-inferno .rc-panel-search input::placeholder { color: rgba(230,170,120,0.32); }
body.theme-inferno .rc-panel-foot {
    background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%);
    border-top: 1px solid rgba(255,100,0,0.16);
    color: rgba(230,170,120,0.55);
    font-family: 'Cinzel', serif;
    box-shadow: inset 0 1px 0 rgba(255,120,40,0.05);
}

/* ============ 4. MODALS & OVERLAYS ============ */
body.theme-inferno .rc-overlay {
    background:
        radial-gradient(ellipse 40% 40% at 50% 50%, rgba(255,100,0,0.08) 0%, transparent 55%),
        rgba(0,0,0,0.72);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
body.theme-inferno .rc-modal {
    position: relative;
    background: linear-gradient(180deg, #361818 0%, #261010 42%, #140606 100%);
    border: 2px solid #000;
    box-shadow:
        inset 1px 1px 0 rgba(255,160,80,0.14),
        inset -1px -1px 0 rgba(0,0,0,0.6),
        0 10px 40px rgba(0,0,0,0.8),
        0 0 60px rgba(255,80,20,0.22);
    overflow: hidden;
    animation: inf-modal-in .38s cubic-bezier(.22,1,.36,1);
}
body.theme-inferno .rc-modal::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 90% 50% at 50% 100%, rgba(255,100,0,0.12) 0%, transparent 55%);
    mix-blend-mode: screen;
}
body.theme-inferno .rc-modal-inner {
    position: relative;
    background: linear-gradient(180deg, #261010 0%, #1e0c0c 50%, #160808 100%);
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow:
        inset 0 1px 0 rgba(255,160,80,0.1),
        inset 0 -1px 0 rgba(0,0,0,0.4);
}
body.theme-inferno .rc-modal-head {
    position: relative;
    background: linear-gradient(180deg, #301414 0%, #1e0a0a 100%);
    border-bottom: 1px solid rgba(255,100,0,0.22);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.08);
}
body.theme-inferno .rc-modal-head::after {
    content: '';
    position: absolute;
    left: 10%; right: 10%; bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,160,40,0.9), transparent);
    box-shadow: 0 0 8px rgba(255,100,0,0.5);
}
body.theme-inferno .rc-modal-title {
    font-family: 'Cinzel Decorative', serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 1px 0 rgba(0,0,0,0.55), 0 0 10px rgba(255,100,0,0.45);
    animation: inf-title-breath 6s ease-in-out infinite;
}
body.theme-inferno .rc-modal-close {
    color: rgba(230,170,120,0.55);
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,120,40,0.2);
    border-radius: 50%;
    transition: color .15s, background .2s, border-color .2s, transform .12s;
}
body.theme-inferno .rc-modal-close:hover {
    color: #ffcc80;
    background: rgba(255,100,0,0.12);
    border-color: rgba(255,100,0,0.55);
    transform: scale(1.08);
}
body.theme-inferno .rc-modal-body {
    background:
        radial-gradient(ellipse 80% 35% at 50% 100%, rgba(255,60,0,0.04) 0%, transparent 60%),
        linear-gradient(180deg, #1c0e0e 0%, #140606 100%);
    color: rgba(230,170,120,0.85);
}
body.theme-inferno .rc-modal-head-left,
body.theme-inferno .rc-modal-head-right {
    color: rgba(230,170,120,0.6);
    font-family: 'Cinzel', serif;
}

/* ============ 5. BUTTONS ============ */
body.theme-inferno .rc-btn,
body.theme-inferno .rl-btn,
body.theme-inferno .osrs-btn,
body.theme-inferno .stone-btn {
    background: linear-gradient(180deg, #321414 0%, #200c0c 100%);
    border: 1px solid rgba(255,120,40,0.15);
    border-bottom-color: rgba(255,100,0,0.28);
    border-radius: 7px 7px 3px 3px;
    color: #ffa040;
    font-family: 'Cinzel', serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000;
    box-shadow:
        inset 0 1px 0 rgba(255,160,80,0.08),
        inset 0 -2px 4px rgba(0,0,0,0.4);
    transition: transform .14s, border-color .2s, color .2s, box-shadow .28s;
}
body.theme-inferno .rc-btn:hover,
body.theme-inferno .rl-btn:hover,
body.theme-inferno .osrs-btn:hover,
body.theme-inferno .stone-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(255,120,40,0.45);
    color: #ffcc80;
    box-shadow:
        inset 0 1px 0 rgba(255,160,80,0.14),
        inset 0 -2px 4px rgba(0,0,0,0.4),
        0 0 14px rgba(255,100,0,0.2);
}
body.theme-inferno .rc-btn:active,
body.theme-inferno .rl-btn:active,
body.theme-inferno .osrs-btn:active,
body.theme-inferno .stone-btn:active { transform: translateY(0); }
body.theme-inferno .osrs-btn.danger {
    background: linear-gradient(180deg, #3a0808 0%, #280404 100%);
    border-color: rgba(255,60,40,0.35);
    color: #ff9080;
}
body.theme-inferno .osrs-btn.danger:hover { border-color: rgba(255,80,50,0.6); box-shadow: 0 0 14px rgba(255,60,40,0.25); }

body.theme-inferno .settings-btn,
body.theme-inferno .topbar-settings-btn {
    background: linear-gradient(180deg, rgba(50,20,20,0.9), rgba(32,12,12,0.9));
    border: 1px solid rgba(255,120,40,0.2);
    color: #ffa040;
    transition: border-color .2s, background .2s, color .15s, transform .12s, box-shadow .2s;
}
body.theme-inferno .settings-btn:hover,
body.theme-inferno .topbar-settings-btn:hover {
    border-color: rgba(255,100,0,0.55);
    color: #ffcc80;
    transform: translateY(-1px);
    box-shadow: 0 0 12px rgba(255,100,0,0.25);
}

/* Account dropdown */
body.theme-inferno .account-dropdown {
    background: linear-gradient(180deg, #2a1210, #180808);
    border-color: #0c0404;
    box-shadow: inset 1px 1px 0 rgba(80,30,20,0.4), inset -1px -1px 0 rgba(12,4,4,0.5), 0 8px 28px rgba(0,0,0,0.7), 0 0 20px rgba(255,60,20,0.04);
}
body.theme-inferno .account-dropdown::before { background: linear-gradient(90deg, transparent, rgba(255,80,20,0.2), transparent); }
body.theme-inferno .account-dropdown-name { color: #ff6020; text-shadow: 1px 1px 0 #000, 0 0 10px rgba(255,60,20,0.2); }
body.theme-inferno .account-dropdown-item:hover { background: linear-gradient(90deg, rgba(255,60,20,0.1), transparent 80%); }
body.theme-inferno .account-dropdown-item::before { background: #ff4010; }
body.theme-inferno .account-dropdown-divider { background: linear-gradient(90deg, transparent, rgba(255,80,20,0.12), transparent); }

/* ============ 5b. rl-btn VARIANTS ============ */
body.theme-inferno .rl-btn--primary {
    background: linear-gradient(180deg, rgba(255,120,30,0.3), rgba(180,60,15,0.18));
    border-color: rgba(255,120,60,0.6);
    color: #ffcc80;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.25), inset 0 -2px 4px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,100,0,0.25), 0 0 14px rgba(255,100,0,0.22);
}
body.theme-inferno .rl-btn--primary:hover {
    border-color: rgba(255,160,80,0.85);
    box-shadow: inset 0 1px 0 rgba(255,200,120,0.35), inset 0 -2px 4px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,100,0,0.4), 0 0 22px rgba(255,100,0,0.32);
}
body.theme-inferno .rl-btn--danger {
    background: linear-gradient(180deg, rgba(255,60,40,0.22), rgba(140,20,8,0.14));
    border-color: rgba(255,80,50,0.55);
    color: #ffc8b0;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,60,40,0.4);
}
body.theme-inferno .rl-btn--danger:hover { border-color: rgba(255,100,70,0.8); box-shadow: 0 0 18px rgba(255,60,40,0.3); }
body.theme-inferno .rl-btn--ghost { background: rgba(255,255,255,0.02); border-color: rgba(255,120,40,0.18); color: rgba(230,170,120,0.72); }
body.theme-inferno .rl-btn--ghost:hover { border-color: rgba(255,120,40,0.45); color: #ffa040; box-shadow: 0 0 12px rgba(255,100,0,0.18); }
body.theme-inferno .rl-btn--icon { padding: 4px; min-width: 0; }
body.theme-inferno .rl-btn--sm { padding: 3px 8px; font-size: 10.5px; }

/* ============ 6. INPUTS ============ */
body.theme-inferno input[type="text"],
body.theme-inferno input[type="number"],
body.theme-inferno input[type="password"],
body.theme-inferno input[type="email"],
body.theme-inferno textarea,
body.theme-inferno select,
body.theme-inferno .loadout-input,
body.theme-inferno .global-search-input,
body.theme-inferno .rl-skill-dropdown {
    background: linear-gradient(180deg, #140606 0%, #1e0c0c 100%);
    border: 1px solid rgba(255,120,40,0.14);
    color: #ffa040;
    font-family: 'Cinzel', serif;
    letter-spacing: 0.4px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), inset 0 -1px 0 rgba(255,100,0,0.08);
    transition: border-color .2s, box-shadow .25s;
}
body.theme-inferno input:focus,
body.theme-inferno textarea:focus,
body.theme-inferno select:focus,
body.theme-inferno .loadout-input:focus,
body.theme-inferno .global-search-input:focus {
    outline: none;
    border-color: rgba(255,120,60,0.6);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), inset 0 -1px 0 rgba(255,120,30,0.32), 0 0 0 1px rgba(255,100,0,0.3), 0 0 16px rgba(255,100,0,0.25);
}
body.theme-inferno input::placeholder,
body.theme-inferno textarea::placeholder { color: rgba(230,170,120,0.3); }

/* ============ 7. SKILLS TAB ============ */
body.theme-inferno .skill-grid { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .skill-cell {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse 60% 40% at 50% 108%, rgba(255,100,0,0.06) 0%, transparent 60%),
        linear-gradient(180deg, #2a1212 0%, #1a0a0a 65%, #120606 100%);
    border: 1px solid rgba(255,120,40,0.1);
    border-bottom: 1px solid rgba(255,100,0,0.18);
    border-radius: 8px 8px 3px 3px;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.45), inset 0 2px 4px rgba(0,0,0,0.5), 0 1px 0 rgba(0,0,0,0.35);
    transition: border-color .22s, box-shadow .26s, transform .14s, background .3s;
}
body.theme-inferno .skill-cell:hover {
    transform: translateY(-1px);
    border-color: rgba(255,120,40,0.3);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.12), inset 0 -1px 0 rgba(0,0,0,0.45), 0 3px 10px rgba(0,0,0,0.55), 0 0 14px rgba(255,100,0,0.15);
}
body.theme-inferno .skill-cell.active {
    border-color: rgba(255,120,60,0.55);
    border-bottom-color: rgba(255,140,70,0.85);
    background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(255,100,20,0.22) 0%, transparent 62%), linear-gradient(180deg, #321616 0%, #1e0a0a 62%, #140606 100%);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.2), inset 0 -1px 0 rgba(255,120,30,0.32), 0 0 0 1px rgba(255,100,0,0.3), 0 0 22px rgba(255,100,0,0.3);
}
body.theme-inferno .skill-cell.active::after {
    content: '';
    position: absolute;
    left: -8%; right: -8%; bottom: 0;
    height: 60%;
    background: radial-gradient(ellipse 55% 65% at 50% 100%, rgba(255,120,40,0.3) 0%, rgba(255,80,20,0.1) 45%, transparent 75%);
    opacity: 0.7;
    pointer-events: none;
    mix-blend-mode: screen;
    animation: inf-halo-pulse 4.5s ease-in-out infinite;
}
body.theme-inferno .skill-cell.maxed {
    border-color: rgba(255,160,80,0.42);
    border-bottom-color: rgba(255,160,80,0.85);
    box-shadow: inset 0 1px 0 rgba(255,200,120,0.22), inset 0 -1px 0 rgba(255,160,80,0.34), 0 0 0 1px rgba(255,160,80,0.4), 0 0 20px rgba(255,160,80,0.3);
}
body.theme-inferno .sk-xp-bar {
    position: relative;
    background: linear-gradient(180deg, #140606 0%, #1e0a0a 100%);
    border-radius: 2px;
    overflow: hidden;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.65);
}
body.theme-inferno .sk-xp-bar > div,
body.theme-inferno .sk-xp-bar .sk-xp-fill {
    background: linear-gradient(90deg, rgba(255,80,20,0.9), rgba(255,140,40,1) 50%, rgba(255,80,20,0.9));
    box-shadow: inset 0 1px 0 rgba(255,200,120,0.3), 0 0 6px rgba(255,100,0,0.4);
    position: relative;
}
body.theme-inferno .sk-xp-bar > div::after {
    content: '';
    position: absolute;
    top: 0; left: -40%;
    width: 40%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,200,120,0.4), transparent);
    animation: inf-shimmer-sweep 5.5s ease-in-out infinite;
    animation-delay: 0.9s;
}
body.theme-inferno .sk-icon { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 3px rgba(255,100,0,0.22)); }
body.theme-inferno .sk-hi, body.theme-inferno .sk-lo { color: #ffa040 !important; }
body.theme-inferno .total-level-cell {
    background: radial-gradient(ellipse 60% 55% at 50% 100%, rgba(255,100,0,0.12) 0%, transparent 65%), linear-gradient(180deg, #361818 0%, #1e0c0c 100%);
    border: 1px solid rgba(255,120,40,0.32);
}
body.theme-inferno .total-level-cell .total-num {
    background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    text-shadow: 0 1px 0 #000;
}

/* ============ 8. BANK ============ */
body.theme-inferno .bank-grid { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .bank-cell {
    background: radial-gradient(ellipse 70% 50% at 50% 108%, rgba(0,0,0,0.3) 0%, transparent 60%), linear-gradient(180deg, #2a1212 0%, #1a0a0a 65%, #120606 100%);
    border: 1px solid rgba(255,120,40,0.08);
    border-radius: 5px 5px 2px 2px;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.05), inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 2px 3px rgba(0,0,0,0.45);
    transition: border-color .18s, box-shadow .22s, transform .12s;
}
body.theme-inferno .bank-cell:hover {
    transform: translateY(-1px);
    border-color: rgba(255,120,40,0.4);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.12), inset 0 -1px 0 rgba(0,0,0,0.5), 0 0 12px rgba(255,100,0,0.2);
}
body.theme-inferno .bank-cell.selected {
    border-color: rgba(255,140,70,0.85);
    background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(255,100,20,0.25) 0%, transparent 62%), linear-gradient(180deg, #361818 0%, #1e0c0c 100%);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.25), inset 0 -1px 0 rgba(255,120,30,0.4), 0 0 0 1px rgba(255,100,0,0.4), 0 0 18px rgba(255,100,0,0.35);
    animation: inf-ignite-flare .5s cubic-bezier(.22,1.6,.4,1);
}
body.theme-inferno .bank-head {
    position: relative;
    background: radial-gradient(ellipse 50% 160% at 50% 50%, rgba(255,100,0,0.07) 0%, transparent 65%), linear-gradient(180deg, #2e1210 0%, #1e0a0a 62%, #140606 100%);
    border-bottom: 1px solid rgba(0,0,0,0.5);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.08), inset 0 -1px 0 rgba(255,100,0,0.14);
    color: rgba(230,170,120,0.82);
    font-family: 'Cinzel', serif;
    padding: 8px 12px;
}
body.theme-inferno .bank-sort-btn {
    background: linear-gradient(180deg, #321414 0%, #200c0c 100%);
    border: 1px solid rgba(255,120,40,0.2);
    color: #ffa040;
    border-radius: 5px 5px 2px 2px;
    transition: border-color .2s, box-shadow .24s, transform .12s;
}
body.theme-inferno .bank-sort-btn:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.5); color: #ffcc80; box-shadow: 0 0 12px rgba(255,100,0,0.22); }
body.theme-inferno .bank-tier-badge { background: linear-gradient(180deg, rgba(255,120,30,0.28), rgba(180,60,15,0.15)); border: 1px solid rgba(255,120,60,0.55); color: #ffcc80; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.4); box-shadow: 0 0 10px rgba(255,100,0,0.24); }
body.theme-inferno .bank-item-count { color: #ffa040; font-family: 'Nunito', sans-serif !important; font-weight: 700; text-shadow: 1px 1px 0 #000; }
body.theme-inferno .bank-empty { color: rgba(230,170,120,0.4); }
body.theme-inferno .bank-drag-over { outline: 2px dashed rgba(255,100,0,0.55); outline-offset: -2px; background: rgba(255,100,0,0.08); }
body.theme-inferno .bank-dragging { opacity: 0.55; transform: scale(0.94); }
body.theme-inferno .bank-lock { background: rgba(0,0,0,0.65); color: rgba(255,120,50,0.7); }

/* ============ 9. PRAYER / SPELLS ============ */
body.theme-inferno .prayer-tab,
body.theme-inferno .prayer-summary { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .prayer-cell,
body.theme-inferno .spell-cell {
    background: linear-gradient(180deg, #261010 0%, #1a0a0a 100%);
    border: 1px solid rgba(255,120,40,0.08);
    border-radius: 6px 6px 2px 2px;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.05), inset 0 -1px 0 rgba(0,0,0,0.5);
    transition: border-color .18s, box-shadow .22s, transform .12s;
}
body.theme-inferno .prayer-cell:hover:not(.locked),
body.theme-inferno .spell-cell:hover:not(.locked) {
    transform: translateY(-1px);
    border-color: rgba(255,120,40,0.4);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.1), inset 0 -1px 0 rgba(0,0,0,0.5), 0 0 10px rgba(255,100,0,0.18);
}
body.theme-inferno .prayer-cell.active,
body.theme-inferno .spell-cell.active {
    background: linear-gradient(180deg, rgba(255,120,30,0.24), rgba(180,60,15,0.14) 60%, rgba(100,30,8,0.08));
    border-color: rgba(255,120,60,0.55);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.3), inset 0 -4px 8px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,100,0,0.3), 0 0 16px rgba(255,100,0,0.25);
}
body.theme-inferno .prayer-cell.locked,
body.theme-inferno .spell-cell.locked { opacity: 0.2; filter: grayscale(0.9) brightness(0.5); }
body.theme-inferno .prayer-cell img,
body.theme-inferno .spell-cell img { text-shadow: 0 1px 0 #000; }
body.theme-inferno .prayer-cell.active img,
body.theme-inferno .spell-cell.active img { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px rgba(255,100,0,0.55)); }
body.theme-inferno .prayer-footer { background: linear-gradient(180deg, #1a0a0a 0%, #140606 100%); }
body.theme-inferno .prayer-footer-bar { background: #0e0404; border-color: #1e0a0a; }
body.theme-inferno .prayer-footer-fill { background: linear-gradient(90deg, #882200, #ff6a00, #ffa040); }
body.theme-inferno .prayer-footer-label { color: rgba(230,170,120,0.7); }
body.theme-inferno .prayer-drain-total { color: #ffa040; }
body.theme-inferno .prayer-orb { border-color: rgba(255,100,0,0.3); }
body.theme-inferno .prayer-pts { color: #ffa040; }
body.theme-inferno .prayer-timer, body.theme-inferno .prayer-timer-mobile { color: rgba(230,170,120,0.6); }
body.theme-inferno .prayer-shanks-wrap { background: linear-gradient(180deg, #1e0c0c 0%, #140606 100%); }
body.theme-inferno .prayer-shank { border-color: rgba(255,100,0,0.1); }
body.theme-inferno .prayer-shanks-tip { background: #1e0c0c; border-color: rgba(255,100,0,0.2); color: rgba(230,170,120,0.8); }
body.theme-inferno .prayer-shanks-tip-empty { color: rgba(230,170,120,0.4); }
body.theme-inferno .prayer-shanks-tip-qty { color: #ffa040; }
body.theme-inferno .prayer-shanks-tip-restore { color: #44cc44; }
body.theme-inferno .prayer-shanks-tip-total { color: #ffa040; }
body.theme-inferno .prayer-shanks-tip-row { border-top-color: rgba(255,100,0,0.1); }
body.theme-inferno .prayer-summary-icon { filter: drop-shadow(0 0 4px rgba(255,100,0,0.3)); }
body.theme-inferno .prayer-summary-name { color: #ffa040; }
body.theme-inferno .prayer-potion-icons-row img { filter: drop-shadow(0 0 3px rgba(255,100,0,0.25)); }
body.theme-inferno .spellbook-grid { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .spellbook-section-label { color: rgba(230,170,120,0.5); font-family: 'Cinzel', serif; letter-spacing: 2px; text-transform: uppercase; }
body.theme-inferno .spellbook-spell { background: linear-gradient(180deg, #261010 0%, #1a0a0a 100%); border: 1px solid rgba(255,120,40,0.08); border-radius: 6px 6px 2px 2px; transition: border-color .18s, box-shadow .22s, transform .12s; }
body.theme-inferno .spellbook-spell:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.4); box-shadow: 0 0 10px rgba(255,100,0,0.18); }
body.theme-inferno .spellbook-spell .icon-spell { filter: drop-shadow(0 1px 0 #000); }
body.theme-inferno .spellbook-spell.locked { opacity: 0.2; filter: grayscale(0.9) brightness(0.5); }

/* ============ 10. METHOD LIST ============ */
body.theme-inferno .method-list { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .method-list-head {
    border-bottom: 1px solid rgba(255,100,0,0.2);
    font-family: 'Cinzel Decorative', 'Cinzel', serif;
    letter-spacing: 2.8px; text-transform: uppercase; font-size: 10.5px; font-weight: 700;
    padding: 7px 12px;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.07);
    background-color: #1e0a0a;
    background-image: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%), linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%);
    background-clip: text, padding-box;
    -webkit-background-clip: text, padding-box;
    color: transparent;
    text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.5);
}
body.theme-inferno .method-row {
    position: relative;
    background: radial-gradient(ellipse 80% 40% at 50% 108%, rgba(255,100,0,0.03) 0%, transparent 65%), linear-gradient(180deg, #261010 0%, #1a0a0a 100%);
    border: 1px solid rgba(255,120,40,0.08);
    border-radius: 7px 7px 3px 3px;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.4);
    transition: border-color .2s, box-shadow .25s, transform .14s, background .25s;
    -webkit-mask: none !important; mask: none !important;
}
body.theme-inferno .method-row:hover {
    transform: translateY(-1px);
    border-color: rgba(255,120,40,0.3);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.12), inset 0 -1px 0 rgba(0,0,0,0.4), 0 3px 10px rgba(0,0,0,0.55), 0 0 16px rgba(255,100,0,0.15);
}
body.theme-inferno .method-row.active {
    background: linear-gradient(180deg, rgba(255,120,30,0.18), rgba(180,60,15,0.1) 60%, rgba(100,30,8,0.06));
    border-color: rgba(255,120,60,0.55);
    border-bottom-color: rgba(255,140,70,0.85);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.26), inset 0 -4px 8px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,100,0,0.28), 0 0 20px rgba(255,100,0,0.26);
}
body.theme-inferno .method-row.active::after {
    content: '';
    position: absolute;
    left: 8%; right: 8%; bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,160,80,0.9), transparent);
    box-shadow: 0 0 8px rgba(255,100,0,0.6);
}
body.theme-inferno .method-row.clog-complete { border-color: rgba(180,220,120,0.5); box-shadow: inset 0 1px 0 rgba(210,240,170,0.16), inset 0 -1px 0 rgba(0,0,0,0.4), 0 0 0 1px rgba(170,210,100,0.25), 0 0 14px rgba(170,210,100,0.2); }
body.theme-inferno .method-row.clog-complete .meth-name { color: #44cc44 !important; }
body.theme-inferno .method-detail { background: linear-gradient(180deg, #1c0c0c 0%, #140606 100%); border-top: 1px solid rgba(255,100,0,0.14); color: rgba(230,170,120,0.7); }
body.theme-inferno .method-detail-btn { background: linear-gradient(180deg, #321414 0%, #200c0c 100%); border: 1px solid rgba(255,120,40,0.14); color: #ffa040; border-radius: 6px 6px 3px 3px; font-family: 'Cinzel', serif; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; }
body.theme-inferno .method-detail-btn:hover { border-color: rgba(255,120,40,0.45); color: #ffcc80; box-shadow: 0 0 12px rgba(255,100,0,0.22); }
body.theme-inferno .meth-xp { color: #44cc44 !important; }
body.theme-inferno .meth-gp { color: #ffa040 !important; }

/* ============ 11. HP BARS ============ */
body.theme-inferno .monster-hp-bar,
body.theme-inferno .player-hp-bar {
    position: relative;
    background: linear-gradient(180deg, #140606 0%, #1e0c0c 100%);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 3px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.7), inset 0 -1px 0 rgba(255,100,0,0.1);
    overflow: hidden;
}
body.theme-inferno .monster-hp-fill,
body.theme-inferno .player-hp-fill {
    position: relative;
    background: linear-gradient(90deg, rgba(180,30,10,0.9) 0%, rgba(255,80,20,1) 50%, rgba(255,140,40,1) 100%);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.22), inset 0 -1px 0 rgba(100,20,5,0.5), 0 0 8px rgba(255,80,20,0.45);
}
body.theme-inferno .monster-hp-fill::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(100deg, transparent, rgba(255,200,120,0.18), transparent);
    transform: translateX(-100%);
    animation: inf-shimmer-sweep 6.5s ease-in-out infinite;
    animation-delay: 1.4s;
}
body.theme-inferno .monster-hp-fill.low,
body.theme-inferno .player-hp-fill.low { animation: inf-lowhp-heat 1.2s ease-in-out infinite; }
body.theme-inferno .monster-hp-wrap { background: transparent; }
body.theme-inferno .monster-hp-label { color: rgba(230,170,120,0.8); }
body.theme-inferno .monster-hp-top-row,
body.theme-inferno .monster-hp-bottom-row { color: rgba(230,170,120,0.7); }
body.theme-inferno .monster-info-panel-left,
body.theme-inferno .monster-info-body { background: linear-gradient(180deg, #1e0c0c 0%, #140606 100%); border-color: rgba(255,100,0,0.15); }
body.theme-inferno .monster-info-icon { filter: drop-shadow(0 0 6px rgba(255,100,0,0.3)); }
body.theme-inferno .monster-info-btn-wrap,
body.theme-inferno .monster-info-btn { background: linear-gradient(180deg, #321414 0%, #200c0c 100%); border-color: rgba(255,120,40,0.2); color: #ffa040; }
body.theme-inferno .monster-info-btn:hover { border-color: rgba(255,120,40,0.5); color: #ffcc80; }
body.theme-inferno .monster-info-pin { color: #ffa040; }

/* ============ 12. CHATBOX ============ */
body.theme-inferno .chatbox { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); border-top: 1px solid rgba(255,100,0,0.18); box-shadow: inset 0 1px 0 rgba(255,160,80,0.05); }
body.theme-inferno .chatbox-tabs { background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%); border-bottom: 1px solid rgba(255,100,0,0.15); }
body.theme-inferno .chatbox-tab {
    color: rgba(230,170,120,0.48); border-bottom: 2px solid transparent; transition: color .15s, border-color .2s;
    font-family: 'Cinzel', serif; text-transform: uppercase; letter-spacing: 1px; font-size: 10.5px;
}
body.theme-inferno .chatbox-tab:hover { color: #ffa040; }
body.theme-inferno .chatbox-tab.active { color: #ffcc80; border-bottom-color: rgba(255,100,0,0.75); text-shadow: 0 0 8px rgba(255,100,0,0.5); }
body.theme-inferno .chatbox-tab-add { color: rgba(230,170,120,0.4); }
body.theme-inferno .chatbox-tab-add:hover { color: #ffa040; }
body.theme-inferno .chat-input-row { background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%); border-top: 1px solid rgba(255,100,0,0.18); }
body.theme-inferno .chat-input { background: linear-gradient(180deg, #140606 0%, #1e0c0c 100%); border: 1px solid rgba(255,120,40,0.14); color: #ffa040; font-family: 'Nunito', sans-serif !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.6); }
body.theme-inferno .chat-input:focus { outline: none; border-color: rgba(255,120,60,0.6); box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,100,0,0.3), 0 0 14px rgba(255,100,0,0.22); }
body.theme-inferno .chat-line { color: rgba(230,170,120,0.82); font-family: 'Nunito', sans-serif !important; }
body.theme-inferno .chat-tab-badge,
body.theme-inferno .rl-tab-badge { background: linear-gradient(180deg, rgba(255,120,30,0.4), rgba(180,60,15,0.22)); border: 1px solid rgba(255,100,0,0.6); color: #ffcc80; border-radius: 8px; text-shadow: 0 1px 0 #000; box-shadow: 0 0 8px rgba(255,100,0,0.3); }
body.theme-inferno .chat-ironman-badge { background: linear-gradient(180deg, #301414 0%, #1e0a0a 100%); border: 1px solid rgba(255,120,40,0.38); color: #ffa040; }
body.theme-inferno .chat-mod-crown { filter: drop-shadow(0 0 4px rgba(255,100,0,0.4)); }
body.theme-inferno .chat-mode-badge { background: rgba(255,100,0,0.1); border-color: rgba(255,100,0,0.25); color: #ffa040; }
body.theme-inferno .clan-rank-icon { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 4px rgba(255,100,0,0.3)); }

/* ============ 13. SHOP / MARKETPLACE ============ */
body.theme-inferno .rl-shop-header,
body.theme-inferno .marketplace-header,
body.theme-inferno .rl-panel-header {
    position: relative;
    background: radial-gradient(ellipse 50% 160% at 50% 50%, rgba(255,100,0,0.08) 0%, transparent 65%), linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%);
    border-bottom: 1px solid rgba(255,100,0,0.22);
    color: #ffa040;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.08);
}
body.theme-inferno .rl-shop-header::after,
body.theme-inferno .marketplace-header::after {
    content: '';
    position: absolute;
    left: 8%; right: 8%; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,160,40,0.9), transparent);
    box-shadow: 0 0 8px rgba(255,100,0,0.55);
    animation: inf-seam-breathe 4.2s ease-in-out infinite;
}
body.theme-inferno .marketplace-title,
body.theme-inferno .rl-panel-title {
    font-family: 'Cinzel Decorative', serif;
    font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase;
    background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    text-shadow: 0 1px 0 rgba(0,0,0,0.55);
}
body.theme-inferno .marketplace-action-buy { background: linear-gradient(180deg, rgba(130,200,80,0.22), rgba(60,120,30,0.12)); border: 1px solid rgba(180,230,120,0.4); color: #e4ffbe; }
body.theme-inferno .marketplace-action-buy:hover { border-color: rgba(200,255,150,0.7); box-shadow: 0 0 16px rgba(140,220,90,0.3); }
body.theme-inferno .marketplace-action-sell { background: linear-gradient(180deg, rgba(255,120,30,0.24), rgba(180,60,15,0.14)); border: 1px solid rgba(255,120,60,0.55); color: #ffcc80; }
body.theme-inferno .marketplace-action-sell:hover { border-color: rgba(255,160,80,0.8); box-shadow: 0 0 18px rgba(255,100,0,0.3); }

/* ============ 14. QUESTS / CLUES / CLOG ============ */
body.theme-inferno .quest-row,
body.theme-inferno .clog-category {
    background: linear-gradient(180deg, #261010 0%, #1a0a0a 100%);
    border: 1px solid rgba(255,120,40,0.08);
    border-radius: 6px 6px 3px 3px;
    color: rgba(230,170,120,0.82);
    font-family: 'Cinzel', serif;
    transition: border-color .2s, box-shadow .24s, transform .12s;
}
body.theme-inferno .quest-row:hover,
body.theme-inferno .clog-category:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.35); box-shadow: 0 0 14px rgba(255,100,0,0.18); }
body.theme-inferno .quest-row.complete { border-color: rgba(180,220,120,0.45); background: linear-gradient(180deg, rgba(130,200,80,0.12), rgba(60,120,30,0.06)); color: #d4e8b8; box-shadow: 0 0 12px rgba(140,220,90,0.18); }
body.theme-inferno .clog-reward-panel { background: linear-gradient(180deg, #261010 0%, #140606 100%); border: 1px solid rgba(255,100,0,0.2); box-shadow: inset 0 1px 0 rgba(255,160,80,0.08); }
body.theme-inferno .quest-search { background: linear-gradient(180deg, #140606, #1e0c0c); border: 1px solid rgba(255,120,40,0.14); color: #ffa040; }
body.theme-inferno .quest-search:focus { border-color: rgba(255,120,60,0.5); box-shadow: 0 0 14px rgba(255,100,0,0.22); }
body.theme-inferno .quest-search::placeholder { color: rgba(230,170,120,0.3); }
body.theme-inferno .quest-search-wrap { background: linear-gradient(180deg, #1e0a0a, #140606); }
body.theme-inferno .quest-section-title { color: rgba(230,170,120,0.5); font-family: 'Cinzel', serif; letter-spacing: 2px; text-transform: uppercase; }
body.theme-inferno .quest-back-btn,
body.theme-inferno .quest-cancel-btn,
body.theme-inferno .quest-complete-btn { background: linear-gradient(180deg, #321414 0%, #200c0c 100%); border: 1px solid rgba(255,120,40,0.2); color: #ffa040; }
body.theme-inferno .quest-back-btn:hover,
body.theme-inferno .quest-cancel-btn:hover { border-color: rgba(255,120,40,0.5); color: #ffcc80; }
body.theme-inferno .quest-complete-btn:hover { border-color: rgba(180,230,120,0.5); color: #e4ffbe; box-shadow: 0 0 14px rgba(140,220,90,0.22); }
body.theme-inferno .quest-detail-name,
body.theme-inferno .quest-detail-title { font-family: 'Cinzel Decorative', serif; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.theme-inferno .quest-detail-section { background: linear-gradient(180deg, #1e0c0c, #140606); border: 1px solid rgba(255,100,0,0.1); }
body.theme-inferno .quest-detail-status { color: #ffa040; }
body.theme-inferno .quest-detail-diff,
body.theme-inferno .quest-desc { color: rgba(230,170,120,0.78); }
body.theme-inferno .quest-requirements,
body.theme-inferno .quest-rewards { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,60,0,0.03) 0%, transparent 60%), linear-gradient(180deg, #261010 0%, #140606 100%); border: 1px solid rgba(255,100,0,0.14); border-radius: 7px 7px 3px 3px; color: rgba(230,170,120,0.78); font-family: 'Cinzel', serif; padding: 10px 12px; }
body.theme-inferno .quest-req,
body.theme-inferno .quest-reward { color: rgba(230,170,120,0.7); }
body.theme-inferno .quest-req-icon { filter: drop-shadow(0 0 3px rgba(255,100,0,0.2)); }
body.theme-inferno .quest-req-lvl { color: #ffa040; }
body.theme-inferno .quest-step { color: rgba(230,170,120,0.72); border-left: 2px solid rgba(255,100,0,0.22); padding-left: 10px; }
body.theme-inferno .quest-step.complete { color: #d4e8b8; border-left-color: rgba(170,210,100,0.65); }
body.theme-inferno .quest-timer-bar,
body.theme-inferno .quest-timer-bar-detail { background: #0e0404; border-color: #1e0a0a; }
body.theme-inferno .quest-timer-fill,
body.theme-inferno .quest-timer-fill-detail { background: linear-gradient(90deg, #882200, #ff6a00, #ffa040); box-shadow: 0 0 6px rgba(255,100,0,0.3); }
body.theme-inferno .quest-timer-display,
body.theme-inferno .quest-timer-time,
body.theme-inferno .quest-timer-name { color: #ffa040; }
body.theme-inferno .quest-timer-icon { filter: drop-shadow(0 0 4px rgba(255,100,0,0.35)); }
body.theme-inferno .quest-timer-info { color: rgba(230,170,120,0.6); }
body.theme-inferno .quest-timer-extra { color: rgba(230,170,120,0.5); }
body.theme-inferno .quest-timer-divider { background: rgba(255,100,0,0.15); }

/* ============ 15. PROFILE HUB / CHARACTER SELECT ============ */
body.theme-inferno .profile-hub,
body.theme-inferno .charselect-panel,
body.theme-inferno .charselect-inner {
    background: radial-gradient(ellipse 60% 50% at 50% 100%, rgba(255,60,0,0.08) 0%, transparent 60%), linear-gradient(180deg, #361818 0%, #1e0a0a 45%, #140606 100%);
    border: 2px solid #000;
    box-shadow: inset 1px 1px 0 rgba(255,160,80,0.14), inset -1px -1px 0 rgba(0,0,0,0.6), 0 12px 48px rgba(0,0,0,0.8), 0 0 60px rgba(255,80,20,0.22);
}
body.theme-inferno .charselect-overlay { background: radial-gradient(ellipse 40% 40% at 50% 50%, rgba(255,100,0,0.08) 0%, transparent 55%), rgba(0,0,0,0.82); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
body.theme-inferno .charselect-header,
body.theme-inferno .ph-header {
    position: relative;
    background: linear-gradient(180deg, #301414 0%, #1e0a0a 100%);
    border-bottom: 1px solid rgba(255,100,0,0.22);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.08);
}
body.theme-inferno .charselect-header::after,
body.theme-inferno .ph-header::after {
    content: '';
    position: absolute;
    left: 10%; right: 10%; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,160,40,0.9), transparent);
    box-shadow: 0 0 10px rgba(255,100,0,0.55);
    animation: inf-seam-breathe 4.2s ease-in-out infinite;
}
body.theme-inferno .charselect-title { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 6px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; animation: inf-title-breath 6s ease-in-out infinite; }
body.theme-inferno .charselect-footer { background: linear-gradient(180deg, #1e0c0c 0%, #140606 100%); border-top: 1px solid rgba(255,100,0,0.2); }
body.theme-inferno .ph-avatar-lg { border: 2px solid #0a0404; box-shadow: 0 0 0 2px rgba(255,100,0,0.35), 0 6px 18px rgba(0,0,0,0.8), 0 0 30px rgba(255,100,0,0.3); }
body.theme-inferno .ph-name { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 1px 0 #000; }
body.theme-inferno .ph-clan,
body.theme-inferno .ph-lvl-pill { background: linear-gradient(180deg, #261010 0%, #1a0a0a 100%); border: 1px solid rgba(255,120,40,0.2); color: #ffa040; border-radius: 5px 5px 2px 2px; }
body.theme-inferno .ph-vital-track { background: linear-gradient(180deg, #140606 0%, #1e0c0c 100%); border-radius: 3px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.6); overflow: hidden; }
body.theme-inferno .ph-fill-prayer { background: linear-gradient(90deg, #6aa9ff 0%, #a6d0ff 50%, #6aa9ff 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 0 8px rgba(140,180,232,0.45); }
body.theme-inferno .ph-theme-picker { background: linear-gradient(180deg, #261010 0%, #140606 100%); border: 1px solid rgba(255,120,40,0.18); }
body.theme-inferno .ph-lvl-total { background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; font-family: 'Cinzel Decorative', serif; font-weight: 700; text-shadow: 0 1px 0 #000; }

/* ============ 16. PRESTIGE ============ */
body.theme-inferno .p-fullscreen {
    background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(255,60,0,0.1) 0%, transparent 55%),
        radial-gradient(ellipse 40% 35% at 20% 80%, rgba(255,50,20,0.06) 0%, transparent 55%),
        radial-gradient(ellipse 35% 30% at 80% 85%, rgba(255,80,30,0.05) 0%, transparent 55%),
        linear-gradient(180deg, #261010 0%, #140606 60%, #0a0303 100%);
}
body.theme-inferno .ph-tier-icon { position: relative; background: radial-gradient(circle at 35% 30%, #ffc880 0%, #e07020 35%, #882200 70%, #3d1006 100%); border: 2px solid rgba(0,0,0,0.7); box-shadow: inset 0 2px 5px rgba(255,255,255,0.28), inset 0 -6px 12px rgba(0,0,0,0.4), 0 0 0 2px rgba(255,100,0,0.4), 0 0 28px rgba(255,100,0,0.4); }
body.theme-inferno .ph-tier-icon::before { content: ''; position: absolute; inset: -8px; border-radius: 50%; border: 1px dashed rgba(255,120,40,0.38); animation: inf-halo-rotate 18s linear infinite; pointer-events: none; }
body.theme-inferno .ph-active-task,
body.theme-inferno .ph-task-name { color: #ffa040; font-family: 'Cinzel Decorative', 'Cinzel', serif; letter-spacing: 1.8px; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.28); }
body.theme-inferno .ph-slayer-track { background: linear-gradient(180deg, #140606 0%, #1e0c0c 100%); border-radius: 3px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.6); overflow: hidden; }
body.theme-inferno .ph-slayer-fill { background: linear-gradient(90deg, rgba(255,80,20,0.9), rgba(255,140,40,1), rgba(255,80,20,0.9)); box-shadow: inset 0 1px 0 rgba(255,200,120,0.32), 0 0 8px rgba(255,100,0,0.45); }
body.theme-inferno .ph-currency-val { color: #ffa040; font-family: 'Cinzel Decorative', serif; font-weight: 700; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.35); }
body.theme-inferno .ph-task-count { color: var(--muted); }
body.theme-inferno .ph-no-task,
body.theme-inferno .ph-no-task-text { color: rgba(230,170,120,0.45); border-color: rgba(255,100,0,0.1); }

/* ── Profile Hub Internals ── */
body.theme-inferno .ph-hub,
body.theme-inferno .ph-content { background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(255,60,0,0.06) 0%, transparent 60%), linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .ph-section { background: radial-gradient(ellipse 80% 35% at 50% 100%, rgba(255,60,0,0.04) 0%, transparent 60%), linear-gradient(180deg, #261010 0%, #1a0a0a 100%); border: 1px solid rgba(255,120,40,0.1); border-radius: 10px 10px 4px 4px; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06); }
body.theme-inferno .ph-section-label { font-family: 'Cinzel Decorative', 'Cinzel', serif; font-weight: 700; letter-spacing: 2.8px; text-transform: uppercase; font-size: 10px; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.55); }
body.theme-inferno .ph-close { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,120,40,0.22); color: rgba(230,170,120,0.7); border-radius: 50%; transition: color .15s, background .2s, border-color .2s, transform .12s; }
body.theme-inferno .ph-close:hover { color: #ffcc80; background: rgba(255,100,0,0.14); border-color: rgba(255,100,0,0.6); transform: scale(1.08); }
body.theme-inferno .ph-boost { background: linear-gradient(180deg, rgba(255,120,30,0.16), rgba(180,60,15,0.08)); border: 1px solid rgba(255,120,60,0.35); border-radius: 6px 6px 3px 3px; color: #ffa040; box-shadow: 0 0 10px rgba(255,100,0,0.15); }
body.theme-inferno .ph-supply-item { background: linear-gradient(180deg, #261010 0%, #1a0a0a 100%); border: 1px solid rgba(255,120,40,0.1); border-radius: 5px 5px 2px 2px; }
body.theme-inferno .ph-slayer-name { color: #ffa040; font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.25); }
body.theme-inferno .ph-slayer-text,
body.theme-inferno .ph-slayer-progress { color: rgba(230,170,120,0.75); font-family: 'Cinzel', serif; }
body.theme-inferno .ph-frozen-warn { color: #9ec6ff; text-shadow: 0 1px 0 #000, 0 0 6px rgba(140,180,232,0.45); }
body.theme-inferno .ph-swatch { border: 2px solid rgba(0,0,0,0.65); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 6px rgba(0,0,0,0.55); transition: transform .14s, box-shadow .24s, border-color .2s; }
body.theme-inferno .ph-swatch:hover { transform: translateY(-2px) scale(1.06); border-color: rgba(255,100,0,0.7); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 10px rgba(0,0,0,0.6), 0 0 16px rgba(255,100,0,0.3); }
body.theme-inferno .ph-sw-default { background: radial-gradient(circle at 35% 30%, #ffc880, #e07020 40%, #882200 75%, #3d1006); }

/* ============ 17. POH / FARMING ============ */
body.theme-inferno .poh-floor { background: radial-gradient(ellipse 80% 35% at 50% 100%, rgba(255,60,0,0.05) 0%, transparent 60%), linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .poh-room,
body.theme-inferno .farm-patch {
    background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(255,100,0,0.06) 0%, transparent 62%), linear-gradient(180deg, #2a1212 0%, #1a0a0a 70%, #120606 100%);
    border: 1px solid rgba(255,120,40,0.1); border-radius: 7px 7px 3px 3px;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.4);
    transition: border-color .2s, box-shadow .24s, transform .14s;
}
body.theme-inferno .poh-room:hover,
body.theme-inferno .farm-patch:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.4); box-shadow: inset 0 1px 0 rgba(255,160,80,0.1), inset 0 -1px 0 rgba(0,0,0,0.4), 0 0 18px rgba(255,100,0,0.22); }

/* ============ 18. IRON MAN BADGE ============ */
body.theme-inferno .ironman-badge { background: linear-gradient(180deg, #301414 0%, #1e0a0a 100%); border: 1px solid rgba(255,120,40,0.38); color: #ffa040; box-shadow: inset 0 1px 0 rgba(255,160,80,0.12), 0 0 10px rgba(255,100,0,0.25); text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.35); }

/* ============ 19. LEVEL-UP SPLASH ============ */
body.theme-inferno .lu-backdrop { background: radial-gradient(ellipse 50% 45% at 50% 50%, rgba(255,100,0,0.25) 0%, rgba(255,50,10,0.12) 45%, transparent 70%), rgba(0,0,0,0.62); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
body.theme-inferno .lu-ring { border: 2px solid rgba(255,120,40,0.8); background: radial-gradient(circle at 50% 50%, rgba(255,100,0,0.28) 0%, transparent 65%); box-shadow: 0 0 30px rgba(255,100,0,0.55), 0 0 80px rgba(255,80,20,0.4), inset 0 0 20px rgba(255,160,80,0.15); animation: inf-lu-pulse 1.1s cubic-bezier(.22,1,.36,1); }
body.theme-inferno .lu-text { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 6px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 80%, #882200 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 2px 0 rgba(0,0,0,0.75)) drop-shadow(0 0 18px rgba(255,100,0,0.65)); }

/* ============ 20. GLOBAL SEARCH ============ */
body.theme-inferno .global-search-results { background: linear-gradient(180deg, #261010 0%, #140606 100%); border: 1px solid rgba(255,100,0,0.28); box-shadow: 0 10px 30px rgba(0,0,0,0.75), 0 0 20px rgba(255,100,0,0.2); }
body.theme-inferno .global-search-input { background: linear-gradient(180deg, #140606, #1e0c0c); border: 1px solid rgba(255,120,40,0.14); color: #ffa040; }
body.theme-inferno .global-search-input:focus { border-color: rgba(255,120,60,0.5); box-shadow: 0 0 14px rgba(255,100,0,0.22); }

/* ============ 21. GENERIC ROW / NOTIFICATION / LOOT ============ */
body.theme-inferno .rl-row { background: linear-gradient(180deg, #261010 0%, #1a0a0a 100%); border-bottom: 1px solid rgba(255,100,0,0.08); color: rgba(230,170,120,0.8); font-family: 'Cinzel', serif; transition: background .2s, color .15s; }
body.theme-inferno .rl-row:hover { background: linear-gradient(180deg, rgba(255,120,30,0.1), rgba(100,30,8,0.04)); color: #ffcc80; }
body.theme-inferno .rl-row.active,
body.theme-inferno .rl-row.selected { background: linear-gradient(180deg, rgba(255,120,30,0.22), rgba(180,60,15,0.12) 60%, rgba(100,30,8,0.06)); border-left: 2px solid rgba(255,100,0,0.7); color: #ffcc80; box-shadow: inset 0 1px 0 rgba(255,160,80,0.16); }

body.theme-inferno .notification,
body.theme-inferno .loot-popup {
    position: relative;
    background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(255,100,0,0.12) 0%, transparent 65%), linear-gradient(180deg, #301414 0%, #1e0a0a 100%);
    border: 1px solid rgba(255,100,0,0.35); border-bottom-color: rgba(255,160,80,0.55);
    border-radius: 8px 8px 3px 3px;
    color: #ffa040;
    font-family: 'Cinzel', serif;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.18), inset 0 -1px 0 rgba(255,120,30,0.28), 0 6px 18px rgba(0,0,0,0.65), 0 0 24px rgba(255,100,0,0.25);
    animation: inf-slide-in-right .42s cubic-bezier(.22,1,.36,1);
}
body.theme-inferno .notification::after,
body.theme-inferno .loot-popup::after {
    content: '';
    position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,160,40,0.85), transparent);
    box-shadow: 0 0 6px rgba(255,100,0,0.6);
    pointer-events: none;
}

body.theme-inferno .awaken-toggle { background: linear-gradient(180deg, #261010, #140606); border: 1px solid rgba(255,120,40,0.2); color: #ffa040; border-radius: 6px 6px 3px 3px; transition: border-color .2s, box-shadow .24s; }
body.theme-inferno .awaken-toggle.active { border-color: rgba(255,120,60,0.6); background: linear-gradient(180deg, rgba(255,120,30,0.22), rgba(100,30,8,0.08)); box-shadow: 0 0 0 1px rgba(255,100,0,0.3), 0 0 14px rgba(255,100,0,0.22); }

body.theme-inferno .events-hub-btn,
body.theme-inferno .events-hub-item { background: radial-gradient(ellipse 60% 40% at 50% 108%, rgba(255,100,0,0.06) 0%, transparent 62%), linear-gradient(180deg, #2a1212 0%, #1a0a0a 100%); border: 1px solid rgba(255,120,40,0.12); border-radius: 7px 7px 3px 3px; color: #ffa040; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.4); }
body.theme-inferno .events-hub-btn:hover,
body.theme-inferno .events-hub-item:hover { border-color: rgba(255,120,40,0.4); transform: translateY(-1px); box-shadow: 0 0 16px rgba(255,100,0,0.2); }

body.theme-inferno .disconnect-notice { background: rgba(14,4,4,0.95) !important; border-color: var(--red) !important; }
body.theme-inferno a { color: #ffa040; }
body.theme-inferno ::selection { background: rgba(255,100,0,0.25); color: #fff; }

/* ============ 22. SCROLLBARS ============ */
body.theme-inferno ::-webkit-scrollbar { width: 9px; height: 9px; }
body.theme-inferno ::-webkit-scrollbar-track { background: linear-gradient(180deg, #140606 0%, #1e0c0c 100%); border-left: 1px solid rgba(0,0,0,0.5); }
body.theme-inferno ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #321414 0%, #1e0c0c 100%); border: 1px solid rgba(255,120,40,0.14); border-radius: 5px; box-shadow: inset 0 1px 0 rgba(255,160,80,0.08); }
body.theme-inferno ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(255,120,30,0.3), rgba(100,30,8,0.14)); border-color: rgba(255,120,60,0.5); box-shadow: 0 0 8px rgba(255,100,0,0.25); }

/* ============ 23. TOOLTIPS ============ */
/* Already covered above in sidebar section */

/* ============ 24. CANONICAL HEADER HELPER ============ */
body.theme-inferno .forge-header,
body.theme-inferno .rl-shop-cat,
body.theme-inferno .rl-panel-back {
    font-family: 'Cinzel Decorative', serif;
    font-weight: 700; letter-spacing: 3px; text-transform: uppercase;
    background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    text-shadow: 0 1px 0 rgba(0,0,0,0.55);
}
body.theme-inferno .rl-panel-back { background: transparent; border: none; padding: 2px 6px; letter-spacing: 2px; font-size: 10px; cursor: pointer; transition: filter .2s; }
body.theme-inferno .rl-panel-back:hover { text-shadow: 0 1px 0 rgba(0,0,0,0.55), 0 0 10px rgba(255,100,0,0.45); }

/* ============ 25. rl-panel FAMILY ============ */
body.theme-inferno .rl-panel { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,60,0,0.05) 0%, transparent 60%), linear-gradient(180deg, #1c0e0e 0%, #140606 100%); border: 1px solid rgba(255,100,0,0.18); box-shadow: inset 0 1px 0 rgba(255,160,80,0.07), 0 8px 28px rgba(0,0,0,0.7); }
body.theme-inferno .rl-panel-body { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,60,0,0.03) 0%, transparent 60%), linear-gradient(180deg, #1c0e0e 0%, #140606 100%); color: rgba(230,170,120,0.82); }
body.theme-inferno .rl-panel-close { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,120,40,0.22); color: rgba(230,170,120,0.7); border-radius: 50%; transition: color .15s, background .2s, border-color .2s, transform .12s; }
body.theme-inferno .rl-panel-close:hover { color: #ffcc80; background: rgba(255,100,0,0.14); border-color: rgba(255,100,0,0.6); transform: scale(1.08); }

/* ============ 26. rl-tabs / rl-tabs--raised ============ */
body.theme-inferno .rl-tabs { background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%); border-bottom: 1px solid rgba(255,100,0,0.2); box-shadow: inset 0 1px 0 rgba(255,120,40,0.04); }
body.theme-inferno .rl-tabs--raised { background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%); padding: 4px 6px 0; border-bottom: 1px solid rgba(255,100,0,0.22); }
body.theme-inferno .rl-tab { position: relative; color: rgba(230,170,120,0.55); border-bottom: 2px solid transparent; font-family: 'Cinzel', serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; padding: 6px 10px; background: transparent; transition: color .15s, border-color .2s; }
body.theme-inferno .rl-tab:hover { color: #ffa040; }
body.theme-inferno .rl-tab.active { color: #ffcc80; border-bottom-color: rgba(255,100,0,0.8); text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.5); }
body.theme-inferno .rl-tabs--raised .rl-tab { border: 1px solid rgba(255,120,40,0.1); border-bottom: none; border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg, #321414 0%, #200c0c 100%); color: rgba(230,170,120,0.5); box-shadow: inset 0 1px 0 rgba(255,120,40,0.05), inset 0 -2px 4px rgba(0,0,0,0.35); opacity: 1; }
body.theme-inferno .rl-tabs--raised .rl-tab.active { background: linear-gradient(180deg, rgba(255,120,30,0.26), rgba(180,60,15,0.16) 60%, rgba(100,30,8,0.08)); border-color: rgba(255,120,60,0.55); color: #ffcc80; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.5); transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,160,80,0.3), inset 0 -4px 8px rgba(0,0,0,0.25), 0 -2px 10px rgba(255,100,0,0.35), 0 0 0 1px rgba(255,100,0,0.3); }

/* ============ 27. rl-shop INTERNALS ============ */
body.theme-inferno .rl-shop-header-icon { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px rgba(255,100,0,0.4)); }
body.theme-inferno .rl-shop-gold { color: #ffa040; font-family: 'Cinzel', serif; font-weight: 600; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.3); }
body.theme-inferno .rl-shop-cat { font-size: 11px; letter-spacing: 2.4px; padding: 8px 12px 4px; }
body.theme-inferno .rl-shop-item { position: relative; background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(255,100,0,0.06) 0%, transparent 62%), linear-gradient(180deg, #2a1212 0%, #1a0a0a 65%, #120606 100%); border: 1px solid rgba(255,120,40,0.1); border-radius: 7px 7px 3px 3px; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.4); transition: border-color .2s, box-shadow .25s, transform .14s; }
body.theme-inferno .rl-shop-item:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.35); box-shadow: inset 0 1px 0 rgba(255,160,80,0.12), inset 0 -1px 0 rgba(0,0,0,0.4), 0 0 18px rgba(255,100,0,0.2); }
body.theme-inferno .rl-shop-item-icon { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 4px rgba(255,100,0,0.28)); }
body.theme-inferno .rl-shop-item-name { color: #ffa040; font-family: 'Cinzel', serif; font-weight: 600; }

/* ============ 28-29. see rl-btn variants + modal completions above ============ */

/* ============ 30. COLLECTION LOG ============ */
body.theme-inferno .clog-item { position: relative; background: radial-gradient(ellipse 70% 50% at 50% 108%, rgba(0,0,0,0.3) 0%, transparent 60%), linear-gradient(180deg, #2a1212 0%, #1a0a0a 65%, #120606 100%); border: 1px solid rgba(255,120,40,0.08); border-radius: 5px 5px 2px 2px; box-shadow: inset 0 1px 0 rgba(255,160,80,0.05), inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 2px 3px rgba(0,0,0,0.45); transition: border-color .18s, box-shadow .22s, transform .12s; }
body.theme-inferno .clog-item:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.4); box-shadow: 0 0 12px rgba(255,100,0,0.2); }
body.theme-inferno .clog-item.clog-complete { border-color: rgba(180,220,120,0.5); box-shadow: inset 0 1px 0 rgba(210,240,170,0.14), 0 0 0 1px rgba(170,210,100,0.25), 0 0 14px rgba(170,210,100,0.22); }
body.theme-inferno .clog-qty { color: #ffa040; font-family: 'Cinzel', serif; font-weight: 600; text-shadow: 1px 1px 0 #000; }
body.theme-inferno .clog-detail-head { background: linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%); border-bottom: 1px solid rgba(255,100,0,0.2); box-shadow: inset 0 1px 0 rgba(255,160,80,0.08); }
body.theme-inferno .clog-detail-name { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.55); }
body.theme-inferno .clog-detail-info,
body.theme-inferno .clog-detail-kc { color: rgba(230,170,120,0.72); font-family: 'Cinzel', serif; }
body.theme-inferno .clog-source-row { background: linear-gradient(180deg, #261010 0%, #1a0a0a 100%); border: 1px solid rgba(255,120,40,0.08); border-radius: 6px 6px 3px 3px; transition: border-color .18s, box-shadow .22s; }
body.theme-inferno .clog-source-row:hover { border-color: rgba(255,120,40,0.35); box-shadow: 0 0 12px rgba(255,100,0,0.18); }
body.theme-inferno .clog-source-complete { border-color: rgba(180,220,120,0.45); box-shadow: 0 0 12px rgba(170,210,100,0.22); }
body.theme-inferno .clog-source-empty { opacity: 0.55; }
body.theme-inferno .clog-source-partial { border-color: rgba(255,120,40,0.22); }
body.theme-inferno .clog-source-name { color: #ffa040; font-family: 'Cinzel', serif; font-weight: 600; }
body.theme-inferno .clog-source-progress { color: rgba(230,170,120,0.6); font-family: 'Cinzel', serif; }
body.theme-inferno .clog-popup { position: relative; background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(255,100,0,0.15) 0%, transparent 65%), linear-gradient(180deg, #301414 0%, #1e0a0a 100%); border: 1px solid rgba(255,100,0,0.4); border-bottom-color: rgba(255,160,80,0.55); border-radius: 8px 8px 3px 3px; color: #ffa040; box-shadow: inset 0 1px 0 rgba(255,160,80,0.2), inset 0 -1px 0 rgba(255,120,30,0.3), 0 6px 20px rgba(0,0,0,0.7), 0 0 28px rgba(255,100,0,0.35); animation: inf-slide-in-right .44s cubic-bezier(.22,1,.36,1); }
body.theme-inferno .clog-popup-title { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.55); }
body.theme-inferno .clog-popup-text { color: rgba(230,170,120,0.85); }

/* ============ 31. HISCORES ============ */
body.theme-inferno .hiscores-panel { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,60,0,0.04) 0%, transparent 60%), linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .hiscores-controls,
body.theme-inferno .hiscores-filters,
body.theme-inferno .hiscores-modes { background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%); border-bottom: 1px solid rgba(255,100,0,0.14); box-shadow: inset 0 1px 0 rgba(255,120,40,0.04); }
body.theme-inferno .hiscores-select,
body.theme-inferno .hiscores-search { background: linear-gradient(180deg, #140606, #1e0c0c); border: 1px solid rgba(255,120,40,0.14); color: #ffa040; font-family: 'Cinzel', serif; box-shadow: inset 0 2px 4px rgba(0,0,0,0.6); }
body.theme-inferno .hiscores-select:focus,
body.theme-inferno .hiscores-search:focus { outline: none; border-color: rgba(255,120,60,0.6); box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,100,0,0.3), 0 0 14px rgba(255,100,0,0.22); }
body.theme-inferno .hiscores-table { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); border-collapse: collapse; }
body.theme-inferno .hiscores-table th { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; font-size: 10.5px; padding: 8px 10px; border-bottom: 1px solid rgba(255,100,0,0.24); background-color: #1e0a0a; background-image: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200), linear-gradient(180deg, #2e1210, #1e0a0a); -webkit-background-clip: text, padding-box; background-clip: text, padding-box; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.4); }
body.theme-inferno .hiscores-table tr,
body.theme-inferno .hiscores-table td { border-bottom: 1px solid rgba(255,100,0,0.06); color: rgba(230,170,120,0.8); font-family: 'Cinzel', serif; transition: background .2s; }
body.theme-inferno .hiscores-table tr:hover td { background: linear-gradient(180deg, rgba(255,120,30,0.08), rgba(100,30,8,0.03)); color: #ffcc80; }
body.theme-inferno .hiscores-table tr.hiscores-me td { background: linear-gradient(180deg, rgba(255,120,30,0.18), rgba(180,60,15,0.09)); border-bottom-color: rgba(255,100,0,0.3); color: #ffcc80; box-shadow: inset 3px 0 0 rgba(255,100,0,0.7); }
body.theme-inferno .hiscores-rank { color: #ffa040; font-family: 'Cinzel Decorative', serif; font-weight: 700; text-shadow: 0 1px 0 #000; }
body.theme-inferno .hiscores-name { color: #ffa040; font-weight: 600; }
body.theme-inferno .hiscores-name-link { color: #ffa040; transition: color .15s; }
body.theme-inferno .hiscores-name-link:hover { color: #ffcc80; text-shadow: 0 0 8px rgba(255,100,0,0.5); }
body.theme-inferno .hiscores-level,
body.theme-inferno .hiscores-value { color: rgba(230,170,120,0.85); font-family: 'Cinzel', serif; text-shadow: 0 1px 0 #000; }
body.theme-inferno .hiscores-iron-badge { background: linear-gradient(180deg, #301414, #1e0a0a); border: 1px solid rgba(255,120,40,0.38); color: #ffa040; box-shadow: 0 0 10px rgba(255,100,0,0.22); }
body.theme-inferno .hiscores-discord-tag { color: rgba(230,170,120,0.6); font-family: 'Cinzel', serif; font-size: 9.5px; }
body.theme-inferno .hiscores-locked { opacity: 0.42; }
body.theme-inferno .hiscores-show-more { background: linear-gradient(180deg, #321414, #200c0c); border: 1px solid rgba(255,120,40,0.22); border-radius: 6px 6px 3px 3px; color: #ffa040; font-family: 'Cinzel', serif; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; transition: border-color .2s, box-shadow .24s, transform .12s; }
body.theme-inferno .hiscores-show-more:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.5); color: #ffcc80; box-shadow: 0 0 14px rgba(255,100,0,0.22); }
body.theme-inferno .hiscores-filter-cb { accent-color: rgba(255,100,0,0.9); }
body.theme-inferno .hiscores-filter-label { color: rgba(230,170,120,0.7); font-family: 'Cinzel', serif; }

/* ============ 32-33. MARKETPLACE DEEPER ============ */
body.theme-inferno .marketplace-category-pill { background: linear-gradient(180deg, #321414, #200c0c); border: 1px solid rgba(255,120,40,0.12); border-radius: 8px 8px 3px 3px; color: rgba(230,170,120,0.55); font-family: 'Cinzel', serif; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; padding: 6px 12px; box-shadow: inset 0 1px 0 rgba(255,120,40,0.05), inset 0 -2px 4px rgba(0,0,0,0.35); transition: transform .14s, border-color .2s, color .2s, box-shadow .24s; }
body.theme-inferno .marketplace-category-pill:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.32); color: #ffa040; }
body.theme-inferno .marketplace-category-pill-active { background: linear-gradient(180deg, rgba(255,120,30,0.26), rgba(180,60,15,0.16) 60%, rgba(100,30,8,0.08)); border-color: rgba(255,120,60,0.55); color: #ffcc80; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.45); }
body.theme-inferno .marketplace-browse-row,
body.theme-inferno .marketplace-offer-list,
body.theme-inferno .marketplace-offer-row,
body.theme-inferno .marketplace-detail-listing-row { background: linear-gradient(180deg, #261010, #1a0a0a); border: 1px solid rgba(255,120,40,0.08); border-radius: 6px 6px 3px 3px; color: rgba(230,170,120,0.82); transition: border-color .2s, box-shadow .24s, transform .12s; }
body.theme-inferno .marketplace-browse-row:hover,
body.theme-inferno .marketplace-offer-row:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.35); box-shadow: 0 0 14px rgba(255,100,0,0.18); }
body.theme-inferno .marketplace-browse-name,
body.theme-inferno .marketplace-offer-name { color: #ffa040; font-family: 'Cinzel', serif; font-weight: 600; }
body.theme-inferno .marketplace-gold,
body.theme-inferno .marketplace-guide-val-gold { color: #ffa040; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.3); }
body.theme-inferno .marketplace-coin-icon { filter: drop-shadow(0 0 4px rgba(255,100,0,0.4)); }
body.theme-inferno .marketplace-create-overlay { background: radial-gradient(ellipse 40% 40% at 50% 50%, rgba(255,100,0,0.08) 0%, transparent 55%), rgba(0,0,0,0.74); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
body.theme-inferno .marketplace-create-panel { background: linear-gradient(180deg, #361818, #261010 42%, #140606); border: 2px solid #000; box-shadow: inset 1px 1px 0 rgba(255,160,80,0.14), inset -1px -1px 0 rgba(0,0,0,0.6), 0 12px 48px rgba(0,0,0,0.8), 0 0 60px rgba(255,80,20,0.22); animation: inf-modal-in .4s cubic-bezier(.22,1,.36,1); }
body.theme-inferno .marketplace-create-panel-inner { background: linear-gradient(180deg, #261010, #1e0c0c 50%, #160808); border: 1px solid rgba(0,0,0,0.5); box-shadow: inset 0 1px 0 rgba(255,160,80,0.1); }
body.theme-inferno .marketplace-create-header { background: linear-gradient(180deg, #301414, #1e0a0a); border-bottom: 1px solid rgba(255,100,0,0.22); box-shadow: inset 0 1px 0 rgba(255,160,80,0.08); }
body.theme-inferno .marketplace-create-title { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.55); }
body.theme-inferno .marketplace-create-close { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,120,40,0.22); color: rgba(230,170,120,0.7); border-radius: 50%; }
body.theme-inferno .marketplace-create-close:hover { color: #ffcc80; background: rgba(255,100,0,0.14); border-color: rgba(255,100,0,0.6); transform: scale(1.08); }
body.theme-inferno .marketplace-input { background: linear-gradient(180deg, #140606, #1e0c0c) !important; border: 1px solid rgba(255,120,40,0.14) !important; color: #ffa040 !important; }
body.theme-inferno .marketplace-input:focus { outline: none !important; border-color: rgba(255,120,60,0.6) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,100,0,0.3), 0 0 14px rgba(255,100,0,0.22) !important; }
body.theme-inferno .marketplace-collect-banner { background: radial-gradient(ellipse 70% 80% at 50% 100%, rgba(255,100,0,0.12) 0%, transparent 60%), linear-gradient(180deg, #301414, #1e0a0a); border: 1px solid rgba(255,100,0,0.35); box-shadow: inset 0 1px 0 rgba(255,160,80,0.14), 0 0 16px rgba(255,100,0,0.2); color: #ffcc80; }
body.theme-inferno .marketplace-empty-state,
body.theme-inferno .marketplace-empty-hint,
body.theme-inferno .marketplace-empty-text { color: rgba(230,170,120,0.55); }
body.theme-inferno .marketplace-ironman-msg { background: linear-gradient(180deg, rgba(255,100,30,0.15), rgba(180,50,15,0.08)); border: 1px solid rgba(255,100,0,0.35); color: #ffa040; border-radius: 6px 6px 3px 3px; }
body.theme-inferno .marketplace-btn-buy { /* inherits */ }
body.theme-inferno .marketplace-btn-sell { /* inherits */ }
body.theme-inferno .marketplace-btn-cancel,
body.theme-inferno .marketplace-btn-change { background: linear-gradient(180deg, #321414, #200c0c); border: 1px solid rgba(255,120,40,0.18); color: rgba(230,170,120,0.75); }
body.theme-inferno .marketplace-btn-confirm,
body.theme-inferno .marketplace-btn-confirm-sell { background: linear-gradient(180deg, rgba(130,200,80,0.24), rgba(60,120,30,0.14)); border: 1px solid rgba(180,230,120,0.5); color: #e4ffbe; text-shadow: 0 1px 0 #000, 0 0 8px rgba(140,220,90,0.4); }
body.theme-inferno .marketplace-btn-collect { background: linear-gradient(180deg, rgba(255,120,30,0.28), rgba(180,60,15,0.16)); border: 1px solid rgba(255,120,60,0.55); color: #ffcc80; box-shadow: 0 0 14px rgba(255,100,0,0.24); }
body.theme-inferno .marketplace-cost-warning { color: #ff9070; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,80,50,0.4); }
body.theme-inferno .marketplace-browse-search-wrap { background: #0e0404; border-color: #1e0a0a; }
body.theme-inferno .marketplace-browse-sort-select { background: #140606; color: rgba(230,170,120,0.8); border-color: rgba(255,100,0,0.15); }
body.theme-inferno .marketplace-browse-sort-label { color: rgba(230,170,120,0.5); }
body.theme-inferno .marketplace-browse-detail { color: rgba(230,170,120,0.6); }
body.theme-inferno .marketplace-offer-detail { color: rgba(230,170,120,0.6); }
body.theme-inferno .marketplace-offer-icon { background: rgba(0,0,0,0.3); border-color: rgba(255,100,0,0.1); }
body.theme-inferno .marketplace-offer-progress { background: #0e0404; border-color: #1e0a0a; }
body.theme-inferno .marketplace-slots-count { color: rgba(230,170,120,0.5); }
body.theme-inferno #marketplace-panel-body { background: #140606 !important; }
body.theme-inferno .marketplace-create-body { background: #140606 !important; }

/* ============ 34. See profile hub internals above ============ */

/* ============ 35. ERA / PASS / REWARD PAGE (defensive) ============ */
body.theme-inferno [class*="era-"]:where(.era-banner, .era-panel, .era-header, .era-body, .era-card, .era-reward, .era-milestone, .era-hero, .era-pass, .era-modal) { background: radial-gradient(ellipse 60% 45% at 50% 100%, rgba(255,60,0,0.06) 0%, transparent 60%), linear-gradient(180deg, #261010 0%, #140606 100%); border: 1px solid rgba(255,120,40,0.14); color: rgba(230,170,120,0.82); font-family: 'Cinzel', serif; }
body.theme-inferno [class*="era-"]:where(.era-title, .era-heading, .era-reward-name, .era-tier-name) { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.55); }
body.theme-inferno [class*="era-"]:where(.era-tier-icon, .era-reward-icon) { background: radial-gradient(circle at 35% 30%, #ffc880 0%, #e07020 35%, #882200 70%, #3d1006 100%); border: 2px solid rgba(0,0,0,0.7); box-shadow: inset 0 2px 5px rgba(255,255,255,0.25), inset 0 -6px 12px rgba(0,0,0,0.4), 0 0 0 2px rgba(255,100,0,0.4), 0 0 24px rgba(255,100,0,0.3); }
body.theme-inferno [class*="era-"]:where(.era-progress-bar, .era-xp-bar) { background: linear-gradient(180deg, #140606 0%, #1e0c0c 100%); border-radius: 2px; overflow: hidden; box-shadow: inset 0 2px 4px rgba(0,0,0,0.6); }
body.theme-inferno [class*="era-"]:where(.era-progress-fill, .era-xp-fill) { background: linear-gradient(90deg, rgba(255,80,20,0.9), rgba(255,140,40,1), rgba(255,80,20,0.9)); box-shadow: inset 0 1px 0 rgba(255,200,120,0.3), 0 0 8px rgba(255,100,0,0.45); }

/* ============ 36. See quests above ============ */

/* ============ 37. AWAKEN / TOGGLE (see section 21 above) ============ */

/* ============ 38. CHAT BADGES (see section 12 above) ============ */

/* ============ EQUIPMENT TAB ============ */
body.theme-inferno .equip-grid {
    position: relative;
    background: radial-gradient(ellipse 60% 55% at 50% 100%, rgba(255,80,0,0.08) 0%, transparent 65%), linear-gradient(180deg, #261010 0%, #160808 55%, #0e0404 100%);
    border-top: 1px solid rgba(255,140,60,0.08);
    border-bottom: 1px solid rgba(255,100,0,0.2);
    overflow: hidden; isolation: isolate;
}
body.theme-inferno .equip-grid::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.06) 2px 3px), repeating-linear-gradient(43deg, transparent 0 3px, rgba(255,120,40,0.02) 3px 4px); mix-blend-mode: overlay; opacity: 0.55; z-index: 0; }
body.theme-inferno .equip-grid::after { content: ''; position: absolute; left: 12%; right: 12%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(255,100,0,0.3) 18%, rgba(255,160,80,0.85) 50%, rgba(255,100,0,0.3) 82%, transparent 100%); box-shadow: 0 0 8px rgba(255,100,0,0.4); pointer-events: none; z-index: 0; }
body.theme-inferno .equip-grid > * { position: relative; z-index: 1; }

body.theme-inferno .eq-slot { position: relative; overflow: hidden; border-radius: 8px 8px 3px 3px; background: radial-gradient(ellipse 70% 50% at 50% 110%, rgba(0,0,0,0.45) 0%, transparent 62%), linear-gradient(180deg, #2a1212 0%, #1a0808 65%, #100505 100%); border: 1px solid rgba(255,140,60,0.08); box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.55), inset 0 3px 5px rgba(0,0,0,0.55), 0 1px 0 rgba(0,0,0,0.4); transition: border-color .22s, box-shadow .26s, transform .14s, background .3s; }
body.theme-inferno .eq-slot::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.08) 2px 3px), repeating-linear-gradient(43deg, transparent 0 3px, rgba(255,120,40,0.02) 3px 4px); mix-blend-mode: overlay; opacity: 0.55; border-radius: inherit; }
body.theme-inferno .eq-slot::after { content: ''; position: absolute; left: -12%; right: -12%; bottom: -6%; height: 72%; pointer-events: none; background: radial-gradient(ellipse 55% 50% at 50% 100%, rgba(255,120,40,0.42) 0%, rgba(255,100,20,0.2) 35%, rgba(255,80,10,0.08) 60%, transparent 80%); opacity: 0; transition: opacity 0.4s ease, background 0.4s ease; mix-blend-mode: screen; border-radius: inherit; }
body.theme-inferno .eq-slot:hover { transform: translateY(-1px); border-color: rgba(255,140,60,0.24); box-shadow: inset 0 1px 0 rgba(255,160,80,0.1), inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 3px 5px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.08); }
body.theme-inferno .eq-slot .icon-raid-placeholder,
body.theme-inferno .eq-slot .icon-slot-placeholder { opacity: 0.2; filter: grayscale(1) brightness(0.65); transition: opacity 0.25s, filter 0.25s; }
body.theme-inferno .eq-slot:hover .icon-raid-placeholder,
body.theme-inferno .eq-slot:hover .icon-slot-placeholder { opacity: 0.38; filter: grayscale(0.7) brightness(0.9); }
body.theme-inferno .eq-slot.filled { border-color: rgba(255,120,50,0.38); border-bottom-color: rgba(255,140,60,0.6); background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(255,100,20,0.2) 0%, transparent 62%), linear-gradient(180deg, #321616 0%, #1e0a0a 60%, #120606 100%); box-shadow: inset 0 1px 0 rgba(255,160,80,0.16), inset 0 -1px 0 rgba(255,120,30,0.28), inset 0 3px 5px rgba(0,0,0,0.5), 0 1px 0 rgba(0,0,0,0.4), 0 0 0 1px rgba(255,100,0,0.14); }
body.theme-inferno .eq-slot.filled::after { opacity: 1; }
body.theme-inferno .eq-slot.filled:hover { transform: translateY(-1px); border-color: rgba(255,160,80,0.6); border-bottom-color: rgba(255,160,80,0.8); box-shadow: inset 0 1px 0 rgba(255,200,120,0.24), inset 0 -1px 0 rgba(255,120,40,0.42), inset 0 3px 5px rgba(0,0,0,0.45), 0 3px 10px rgba(0,0,0,0.6), 0 0 18px rgba(255,100,0,0.28), 0 0 0 1px rgba(255,100,0,0.3); }
body.theme-inferno .eq-slot.filled:hover::after { background: radial-gradient(ellipse 60% 60% at 50% 100%, rgba(255,140,50,0.5) 0%, rgba(255,100,20,0.24) 38%, rgba(255,80,10,0.1) 62%, transparent 82%); }
body.theme-inferno .eq-slot.filled img,
body.theme-inferno .eq-slot.filled .icon-raid-slot { position: relative; z-index: 1; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.8)) drop-shadow(0 0 4px rgba(255,100,0,0.3)); transition: filter 0.3s, transform 0.2s; }
body.theme-inferno .eq-slot.filled:hover img,
body.theme-inferno .eq-slot.filled:hover .icon-raid-slot { filter: drop-shadow(0 1px 1px rgba(0,0,0,0.8)) drop-shadow(0 0 7px rgba(255,100,0,0.55)); transform: translateY(-1px); }
body.theme-inferno .eq-slot.eq-slot-auto { border-color: rgba(200,220,170,0.18); background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(170,200,110,0.14) 0%, transparent 62%), linear-gradient(180deg, #1e2016 0%, #12140b 65%, #0a0c03 100%); opacity: 0.92; }
body.theme-inferno .eq-slot.eq-slot-auto::after { background: radial-gradient(ellipse 55% 50% at 50% 100%, rgba(170,210,100,0.28) 0%, rgba(140,180,70,0.12) 42%, transparent 78%); opacity: 1; }
body.theme-inferno .eq-slot.eq-slot-auto:hover { opacity: 1; transform: translateY(-1px); border-color: rgba(210,230,170,0.42); }
body.theme-inferno .eq-auto-qty { position: absolute; bottom: 1px; right: 2px; font-size: 9px; color: #ff0; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; pointer-events: none; line-height: 1; }
body.theme-inferno .icon-slot-placeholder { width: 36px; height: 36px; image-rendering: pixelated; opacity: 0.5; }
body.theme-inferno .eq-name { font-size: 7px; color: var(--white); text-align: center; position: absolute; bottom: 1px; left: 0; right: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-shadow: 1px 1px 0 #000; }

body.theme-inferno .eq-section-head {
    position: relative; padding: 8px 16px;
    font-family: 'Cinzel Decorative', serif; font-size: 10.5px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; text-align: center; border: none;
    border-top: 1px solid rgba(255,140,60,0.09); border-bottom: 1px solid rgba(0,0,0,0.55);
    box-shadow: inset 0 -1px 0 rgba(255,100,0,0.14);
    background-color: #1e0a0a;
    background-image: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%), linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%);
    background-clip: text, padding-box; -webkit-background-clip: text, padding-box; color: transparent;
    text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.5);
}
body.theme-inferno .eq-section-head::before,
body.theme-inferno .eq-section-head::after { content: ''; position: absolute; top: 50%; height: 1px; width: 28%; background: linear-gradient(90deg, transparent, rgba(255,100,0,0.35), transparent); pointer-events: none; }
body.theme-inferno .eq-section-head::before { left: 4%; }
body.theme-inferno .eq-section-head::after  { right: 4%; }

body.theme-inferno .equip-tools { position: relative; display: flex; gap: 6px; padding: 12px 24px; justify-content: center; align-items: center; background: linear-gradient(180deg, #1e0a0a 0%, #120606 100%); border-top: 1px solid rgba(0,0,0,0.45); border-bottom: 1px solid rgba(255,140,60,0.05); box-shadow: inset 0 1px 0 rgba(255,140,60,0.04), inset 0 -6px 10px rgba(0,0,0,0.35); }
body.theme-inferno .equip-stats { position: relative; padding: 14px 16px 18px; background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(255,80,0,0.05) 0%, transparent 60%), linear-gradient(180deg, #261010 0%, #160808 100%); border-top: 1px solid rgba(255,100,0,0.2); overflow: hidden; }
body.theme-inferno .equip-stats::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.06) 2px 3px), repeating-linear-gradient(43deg, transparent 0 3px, rgba(255,120,40,0.02) 3px 4px); mix-blend-mode: overlay; opacity: 0.5; }
body.theme-inferno .equip-stats > * { position: relative; z-index: 1; }
body.theme-inferno .eq-stat-title { font-family: 'Cinzel Decorative', serif; font-size: 10.5px; font-weight: 700; letter-spacing: 2.8px; text-transform: uppercase; color: #ffa040; margin: 8px 0 6px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,100,0,0.22); text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.22); position: relative; }
body.theme-inferno .eq-stat-title:first-child { margin-top: 0; }
body.theme-inferno .eq-stat-title::after { content: ''; position: absolute; right: 0; bottom: -2px; width: 4px; height: 4px; border-radius: 50%; background: radial-gradient(circle, #ffc060 0%, #ff6a00 55%, transparent 80%); box-shadow: 0 0 6px rgba(255,100,0,0.7); }
body.theme-inferno .eq-stat-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 5px 2px; font-family: 'Cinzel', serif; font-size: 11.5px; letter-spacing: 0.2px; color: rgba(230,170,120,0.82); border-bottom: 1px solid rgba(255,140,60,0.06); }
body.theme-inferno .eq-stat-row:last-child { border-bottom: none; }
body.theme-inferno .eq-stat-row > :first-child { font-weight: 400; color: rgba(230,170,120,0.62); text-transform: uppercase; letter-spacing: 1.4px; font-size: 10px; }
body.theme-inferno .eq-stat-row > :last-child { font-family: 'Cinzel Decorative', serif; font-weight: 700; font-size: 13px; letter-spacing: 0.6px; background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.55); }
body.theme-inferno .eq-stat-row b:first-child,
body.theme-inferno .eq-stat-row strong:first-child { color: rgba(230,170,120,0.62); }
body.theme-inferno .eq-stat-row b:last-child,
body.theme-inferno .eq-stat-row strong:last-child { color: #ffa040; }
body.theme-inferno .eq-stat-row.muted > :last-child { background: none; -webkit-background-clip: initial; background-clip: initial; color: rgba(200,150,100,0.35); filter: none; }
body.theme-inferno .eq-stat-row.muted > :first-child { color: rgba(200,150,100,0.42); }
body.theme-inferno .eq-stat-row.nb-struck > :last-child { text-decoration: line-through; opacity: 0.55; }

body.theme-inferno .spec-attack-wrap { position: relative; padding: 10px 14px 12px; background: radial-gradient(ellipse 55% 65% at 50% 100%, rgba(255,80,0,0.07) 0%, transparent 70%), linear-gradient(180deg, #261010 0%, #160808 62%, #0e0404 100%); border-top: 1px solid rgba(255,140,60,0.08); border-bottom: 1px solid rgba(255,100,0,0.18); overflow: hidden; isolation: isolate; }
body.theme-inferno .spec-attack-wrap::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.06) 2px 3px), repeating-linear-gradient(43deg, transparent 0 3px, rgba(255,120,40,0.02) 3px 4px); mix-blend-mode: overlay; opacity: 0.5; z-index: 0; }
body.theme-inferno .spec-attack-wrap > * { position: relative; z-index: 1; }
body.theme-inferno .spec-weapon-name { color: #ffa040; font-family: 'Cinzel Decorative', serif; }
body.theme-inferno .spec-weapon-info { color: rgba(230,170,120,0.7); }
body.theme-inferno .spec-weapon-desc { color: rgba(230,170,120,0.6); }

body.theme-inferno .equip-prayer-row,
body.theme-inferno .equip-style-row { display: flex; gap: 5px; padding: 10px 14px; background: linear-gradient(180deg, #1e0a0a 0%, #120606 100%); border-top: 1px solid rgba(0,0,0,0.45); border-bottom: 1px solid rgba(255,140,60,0.05); box-shadow: inset 0 1px 0 rgba(255,140,60,0.04); flex-wrap: wrap; align-items: stretch; justify-content: center; }
body.theme-inferno .equip-prayer-btn,
body.theme-inferno .equip-style-btn { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 5px 10px; min-height: 28px; border-radius: 7px 7px 3px 3px; background: linear-gradient(180deg, #321414 0%, #200c0c 100%); border: 1px solid rgba(255,140,60,0.1); border-bottom-color: rgba(0,0,0,0.45); color: rgba(230,170,120,0.58); font-family: 'Cinzel', serif; font-size: 10px; font-weight: 500; letter-spacing: 0.5px; cursor: pointer; transition: border-color .2s, box-shadow .25s, color .2s, background .25s, transform .12s; box-shadow: inset 0 1px 0 rgba(255,140,60,0.05), inset 0 -2px 4px rgba(0,0,0,0.35); }
body.theme-inferno .equip-prayer-btn:hover,
body.theme-inferno .equip-style-btn:hover { transform: translateY(-1px); border-color: rgba(255,140,60,0.3); color: #ffa040; box-shadow: inset 0 1px 0 rgba(255,160,80,0.1), inset 0 -2px 4px rgba(0,0,0,0.35), 0 0 12px rgba(255,100,0,0.15); }
body.theme-inferno .equip-prayer-btn.active,
body.theme-inferno .equip-style-btn.active { background: linear-gradient(180deg, rgba(255,120,30,0.24), rgba(180,60,15,0.14) 55%, rgba(100,30,8,0.08)); border-color: rgba(255,120,60,0.55); border-bottom-color: rgba(255,140,70,0.8); color: #ffcc80; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.5); transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,160,80,0.3), inset 0 -4px 8px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,100,0,0.28), 0 0 18px rgba(255,100,0,0.24); }
body.theme-inferno .equip-style-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

body.theme-inferno .equip-actions { display: flex; gap: 6px; padding: 10px 14px 12px; background: linear-gradient(180deg, #1e0a0a 0%, #120606 100%); border-top: 1px solid rgba(255,100,0,0.16); }
body.theme-inferno .equip-action-btn { flex: 1; padding: 7px 10px; border-radius: 7px 7px 3px 3px; background: linear-gradient(180deg, #321414, #200c0c); border: 1px solid rgba(255,140,60,0.12); border-bottom-color: rgba(255,100,0,0.22); color: #e6a868; font-family: 'Cinzel', serif; font-size: 10.5px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; text-align: center; text-shadow: 0 1px 0 #000; transition: border-color .2s, box-shadow .25s, color .2s, background .25s, transform .12s; box-shadow: inset 0 1px 0 rgba(255,140,60,0.07), inset 0 -2px 4px rgba(0,0,0,0.4); }
body.theme-inferno .equip-action-btn:hover { transform: translateY(-1px); border-color: rgba(255,140,60,0.42); color: #ffcc80; box-shadow: inset 0 1px 0 rgba(255,160,80,0.14), inset 0 -2px 4px rgba(0,0,0,0.38), 0 0 16px rgba(255,100,0,0.2); }
body.theme-inferno .equip-action-clear { background: linear-gradient(180deg, #3a1210, #220806); border-color: rgba(255,80,50,0.28); color: #f0a898; }
body.theme-inferno .equip-action-clear:hover { border-color: rgba(255,100,70,0.6); color: #ffc8b0; }
body.theme-inferno .equip-loadout-apply { position: relative; width: calc(100% - 20px); margin: 12px auto 10px; display: block; padding: 11px 14px; border-radius: 9px 9px 4px 4px; background: linear-gradient(180deg, rgba(130,200,80,0.28), rgba(60,120,30,0.18) 55%, rgba(24,52,12,0.12)); border: 1px solid rgba(180,230,120,0.4); border-bottom-color: rgba(210,250,140,0.6); color: #e4ffbe; font-family: 'Cinzel Decorative', serif; font-weight: 700; font-size: 12.5px; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; text-align: center; text-shadow: 0 1px 0 #000, 0 0 8px rgba(140,220,90,0.5); box-shadow: inset 0 1px 0 rgba(220,250,180,0.3), inset 0 -4px 8px rgba(0,0,0,0.28), 0 0 0 1px rgba(140,220,90,0.22), 0 0 18px rgba(140,220,90,0.22); }
body.theme-inferno .equip-loadout-apply:hover { transform: translateY(-2px); border-color: rgba(200,255,150,0.72); box-shadow: inset 0 1px 0 rgba(230,255,200,0.4), inset 0 -4px 8px rgba(0,0,0,0.28), 0 0 0 1px rgba(140,220,90,0.36), 0 0 28px rgba(140,220,90,0.4), 0 4px 12px rgba(0,0,0,0.5); }
body.theme-inferno .equip-tab-num { font-size: 13px; }
body.theme-inferno .loadout-controls { padding: 8px 12px; background: var(--cell-bg); border-top: 1px solid #111; }
body.theme-inferno .loadout-row { display: flex; align-items: center; gap: 6px; padding: 3px 0; }
body.theme-inferno .loadout-name { flex: 1; color: var(--white); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.theme-inferno .loadout-save-row { padding: 6px 0; text-align: center; }
body.theme-inferno .loadout-activity-row { display: flex; align-items: center; gap: 6px; padding: 6px 0; border-top: 1px solid #333; margin-top: 4px; flex-wrap: wrap; }
body.theme-inferno .loadout-activity-label { flex: 1; font-size: 11px; color: var(--white); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.theme-inferno .loadout-prompt { display: flex; gap: 6px; align-items: center; padding: 6px 0; border-top: 1px solid #333; margin-top: 4px; }
body.theme-inferno .loadout-input,
body.theme-inferno .loadout-input:focus { /* covered in inputs section */ }

/* Equipment panel tabs */
body.theme-inferno [data-panel="equipment"] .rc-panel-head-info { color: rgba(230,170,120,0.5); }
/* Equipment tabs now use the generic panel tab styling above */

/* Tab-open reveal */
body.theme-inferno .equip-grid,
body.theme-inferno .eq-section-head,
body.theme-inferno .equip-tools,
body.theme-inferno .spec-attack-wrap,
body.theme-inferno .equip-prayer-row,
body.theme-inferno .equip-style-row,
body.theme-inferno .equip-stats,
body.theme-inferno .equip-actions,
body.theme-inferno .equip-loadout-apply { animation: equipTabIn .4s cubic-bezier(.22,1,.36,1) both; }
body.theme-inferno .equip-grid         { animation-delay: 0s; }
body.theme-inferno .eq-section-head    { animation-delay: .04s; }
body.theme-inferno .equip-tools        { animation-delay: .06s; }
body.theme-inferno .spec-attack-wrap   { animation-delay: .1s; }
body.theme-inferno .equip-prayer-row   { animation-delay: .12s; }
body.theme-inferno .equip-style-row    { animation-delay: .14s; }
body.theme-inferno .equip-stats        { animation-delay: .16s; }
body.theme-inferno .equip-actions      { animation-delay: .18s; }
body.theme-inferno .equip-loadout-apply { animation-delay: .2s; }

/* ============ COMBAT STYLE BUTTONS ============ */
body.theme-inferno .combat-tab-grid { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); }
body.theme-inferno .combat-tab-head { background: linear-gradient(180deg, #2e1210, #1e0a0a); border-bottom: 1px solid rgba(255,100,0,0.15); color: #ffa040; }
body.theme-inferno .combat-tab-wep-icon { filter: drop-shadow(0 0 4px rgba(255,100,0,0.3)); }
body.theme-inferno .combat-tab-wep-name { color: #ffa040; font-family: 'Cinzel Decorative', serif; }
body.theme-inferno .combat-tab-combat-lvl { color: rgba(230,170,120,0.6); }
body.theme-inferno .combat-tab-btn { position: relative; overflow: hidden; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, #261010 0%, #1a0808 65%, #100505 100%); border: 1px solid rgba(255,140,60,0.08); color: rgba(230,170,120,0.7); box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.45), inset 0 2px 4px rgba(0,0,0,0.5); transition: border-color .22s, box-shadow .26s, transform .14s; }
body.theme-inferno .combat-tab-btn::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.06) 2px 3px); mix-blend-mode: overlay; opacity: 0.5; }
body.theme-inferno .combat-tab-btn::after { content: ''; position: absolute; left: -12%; right: -12%; bottom: -6%; height: 72%; pointer-events: none; background: radial-gradient(ellipse 55% 50% at 50% 100%, rgba(255,120,40,0.35) 0%, rgba(255,100,20,0.15) 35%, transparent 70%); opacity: 0; transition: opacity 0.4s; mix-blend-mode: screen; }
body.theme-inferno .combat-tab-btn:hover { transform: translateY(-1px); border-color: rgba(255,140,60,0.3); box-shadow: inset 0 1px 0 rgba(255,160,80,0.12), 0 3px 10px rgba(0,0,0,0.5), 0 0 14px rgba(255,100,0,0.12); }
body.theme-inferno .combat-tab-btn:active { transform: translateY(0); }
body.theme-inferno .combat-tab-btn.active { background: linear-gradient(180deg, rgba(255,120,30,0.2), rgba(180,60,15,0.12) 60%, rgba(100,30,8,0.06)); border-color: rgba(255,120,60,0.55); border-bottom-color: rgba(255,140,70,0.85); box-shadow: inset 0 1px 0 rgba(255,160,80,0.26), inset 0 -4px 8px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,100,0,0.28), 0 0 18px rgba(255,100,0,0.25); }
body.theme-inferno .combat-tab-btn.active::after { opacity: 1; }
body.theme-inferno .combat-tab-btn.active:hover { border-color: rgba(255,160,80,0.7); }
body.theme-inferno .icon-combat-style { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 3px rgba(255,100,0,0.2)); }
body.theme-inferno .combat-tab-btn:hover .icon-combat-style { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 5px rgba(255,100,0,0.35)); }
body.theme-inferno .combat-tab-btn.active .icon-combat-style { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px rgba(255,100,0,0.55)); }
body.theme-inferno .cs-name { color: rgba(230,170,120,0.7); font-family: 'Cinzel', serif; }
body.theme-inferno .combat-tab-btn.active .cs-name { color: #ffcc80; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.4); }
body.theme-inferno .cs-xp-label,
body.theme-inferno .cs-spell-info { color: rgba(230,170,120,0.45); }
body.theme-inferno .combat-tab-btn.active .cs-xp-label,
body.theme-inferno .combat-tab-btn.active .cs-spell-info { color: rgba(255,180,100,0.7); }
body.theme-inferno .combat-tab-category { background: linear-gradient(180deg, #1c0e0e 0%, #140606 100%); color: rgba(230,170,120,0.5); font-family: 'Cinzel Decorative', 'Cinzel', serif; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; border-top: 1px solid rgba(255,100,0,0.14); }
body.theme-inferno .combat-tab-retaliate { background: linear-gradient(180deg, #261010 0%, #1a0808 100%); border: 1px solid rgba(255,140,60,0.08); border-radius: 6px; }
body.theme-inferno .combat-tab-retaliate.active { border-color: rgba(255,120,60,0.55); background: linear-gradient(180deg, rgba(255,120,30,0.2), rgba(100,30,8,0.06)); }
body.theme-inferno .autocast-info-panel { background: #160808; border-color: rgba(255,100,0,0.15); }

/* ============ RL CONTROLS (quests, methods) ============ */
body.theme-inferno .rl-controls { background: linear-gradient(180deg, #1e0a0a, #140606); border-bottom-color: #0e0404; }
body.theme-inferno .rl-search { background: #0e0404; color: rgba(230,170,120,0.8); border-color: rgba(255,100,0,0.12); }
body.theme-inferno .rl-search::placeholder { color: rgba(230,170,120,0.3); }
body.theme-inferno .rl-search:focus { outline-color: #ff6a00; border-color: #ff6a00; }
body.theme-inferno .rl-select { background: #0e0404; color: #ffa040; border-color: rgba(255,100,0,0.12); }
body.theme-inferno .rl-pill { background: #1e0c0c; color: rgba(230,170,120,0.5); border-color: #261010; }
body.theme-inferno .rl-pill:hover { color: var(--white); background: #261010; }
body.theme-inferno .rl-pill.active { color: #ffa040; background: linear-gradient(180deg, #261010, #1e0a0a); box-shadow: 0 0 8px rgba(255,100,0,0.12); }
body.theme-inferno .rl-stat-bar { color: rgba(230,170,120,0.5); border-bottom-color: #1e0a0a; }
body.theme-inferno .rl-stat-val { color: #ffa040; }
body.theme-inferno .rl-search-wrap { border-bottom-color: #1e0a0a; }
body.theme-inferno .rl-reset-btn { background: #0e0404; color: #ffa040; border-color: rgba(255,100,0,0.12); }

/* ============ MOBILE ============ */
@media (max-width: 768px) {
    body.theme-inferno .mobile-tab-strip,
    body.theme-inferno #mobile-tab-strip { background: linear-gradient(180deg, #1e0a0a, #140606 50%, #0e0404) !important; }
    body.theme-inferno .mobile-tab-strip-top { background: linear-gradient(180deg, #1e0a0a, #120606) !important; border-bottom-color: rgba(255,100,0,0.15) !important; }
    body.theme-inferno .mts-btn.active::after { background: #ff6a00 !important; box-shadow: 0 0 8px 2px rgba(255,100,0,0.6) !important; }
    body.theme-inferno .mobile-tab-strip-top .mts-btn.active { border-bottom-color: #ff6a00 !important; }
    body.theme-inferno .mobile-combat-header { background: linear-gradient(180deg, #261010, #1e0a0a); border: 1px solid rgba(255,100,0,0.12); }
    body.theme-inferno .mobile-combat-header::before { background: radial-gradient(ellipse 60% 80% at 50% 100%, rgba(255,80,0,0.08) 0%, transparent 70%); }
    body.theme-inferno .mobile-combat-header:active { background: linear-gradient(180deg, #301414, #261010); }
    body.theme-inferno .mobile-combat-header.ignited { border-color: rgba(255,100,0,0.4); box-shadow: 0 0 16px rgba(255,100,0,0.2); }
    body.theme-inferno .mobile-combat-header.ignited .mcb-niche { box-shadow: inset 0 0 8px rgba(255,100,0,0.3); }
    body.theme-inferno .mobile-combat-header.ignited .mcb-ember { background: radial-gradient(ellipse at 50% 100%, rgba(255,100,0,0.3), transparent 70%); }
    body.theme-inferno .mobile-combat-header.ignited .mcb-chevron { color: #ffa040; }
    body.theme-inferno .mcb-icon { filter: drop-shadow(0 0 4px rgba(255,100,0,0.3)); }
    body.theme-inferno .mcb-niche { background: #140606; border-color: rgba(255,100,0,0.1); }
    body.theme-inferno .mcb-style { color: #ffa040; }
    body.theme-inferno .mcb-tag { background: rgba(255,100,0,0.08); border-color: rgba(255,100,0,0.15); }
    body.theme-inferno .mcb-tag-label { color: rgba(230,170,120,0.5); }
    body.theme-inferno .mcb-tag-value { color: #ffa040; }
    body.theme-inferno .mcb-cartouche { background: linear-gradient(180deg, #261010, #1e0a0a); border-color: rgba(255,100,0,0.1); }
    body.theme-inferno .mcb-chevron { color: rgba(230,170,120,0.4); }
    body.theme-inferno .mcb-ember { opacity: 0; }
}

/* ============ TIMER HUB ============ */
body.theme-inferno .timer-hub { background: var(--chat-bg); border: 8px solid #2a1010; border-top: 10px solid #261010; border-left: none; box-shadow: inset 0 0 0 2px #3e1818, 0 0 0 3px #0e0404; }
body.theme-inferno .timer-hub-header { background: linear-gradient(180deg, #261010, #1e0a0a, #140606); border-bottom: 2px solid #0e0404; color: #ffa040; }
body.theme-inferno .timer-hub-body { background: linear-gradient(180deg, #140606, #0e0404); }

/* ============ VIEWPORT ACTION ZONE ============ */
body.theme-inferno .viewport::before,
body.theme-inferno .viewport::after { display: none !important; }
body.theme-inferno #click-zone::before { background: radial-gradient(circle, rgba(255,100,0,0.35) 0%, rgba(200,40,0,0.12) 35%, transparent 65%) !important; animation: inf-halo-pulse 3s ease-in-out infinite !important; }
body.theme-inferno #click-zone.ring-burst::after { border-color: rgba(255,100,0,0.6) !important; box-shadow: 0 0 16px rgba(255,80,0,0.4) !important; }
body.theme-inferno #click-zone .action-outer-ring { border-color: rgba(255,80,0,0.15) !important; box-shadow: 0 0 20px rgba(255,60,0,0.08) !important; }
body.theme-inferno #click-zone:hover::before { background: radial-gradient(circle, rgba(255,120,0,0.45) 0%, rgba(220,50,0,0.15) 35%, transparent 65%) !important; }
body.theme-inferno .action-icon-wrap { background: radial-gradient(circle, rgba(255,80,0,0.03) 0%, transparent 70%), rgba(14,4,4,0.3) !important; border-color: #2a1010 !important; box-shadow: 0 0 24px rgba(0,0,0,0.5), inset 0 0 50px rgba(0,0,0,0.4), inset 0 -8px 20px rgba(255,60,0,0.04) !important; }
body.theme-inferno .action-icon-wrap:active { border-color: var(--inf-flame-dim) !important; }
body.theme-inferno .action-icon-wrap.clog-complete { border-color: var(--green) !important; }
body.theme-inferno .action-skill-name { color: #ffa040 !important; text-shadow: 0 0 6px rgba(255,100,0,0.3) !important; }
body.theme-inferno .action-progress-fill { background: linear-gradient(90deg, #882200, #cc3300, #ff6a00, #ffa040, #ff6a00) !important; background-size: 200% 100% !important; box-shadow: 0 0 8px rgba(255,100,0,0.3) !important; position: relative !important; }
body.theme-inferno .action-progress-fill::after { background: linear-gradient(90deg, transparent, rgba(255,220,160,0.4), transparent) !important; animation: inf-shimmer-sweep 2s ease-in-out infinite !important; }
body.theme-inferno .action-progress { background: #0e0404 !important; border-color: #2a1010 !important; }
body.theme-inferno .action-status.training { color: #ffa040 !important; text-shadow: 0 0 4px rgba(255,100,0,0.2) !important; }

/* =========================================================================
   ERA PASS — THE INFERNO RELIQUARY
   Flames beneath the screen — every surface glows from below.
   ========================================================================= */

@keyframes inf-ember-drift {
    0%   { transform: translate3d(0, 0, 0); opacity: 0.75; }
    50%  { opacity: 1; }
    100% { transform: translate3d(0, -40%, 0); opacity: 0.55; }
}
@keyframes inf-conn-flow {
    0%   { transform: translateX(0); }
    100% { transform: translateX(280%); }
}
@keyframes inf-node-pulse {
    0%, 100% { box-shadow: inset 0 1px 0 rgba(255,180,100,0.2), inset 0 -2px 4px rgba(255,80,0,0.18), 0 0 20px rgba(255,100,0,0.32), 0 6px 12px rgba(255,60,0,0.2); }
    50%      { box-shadow: inset 0 1px 0 rgba(255,200,120,0.28), inset 0 -2px 4px rgba(255,80,0,0.25), 0 0 32px rgba(255,100,0,0.55), 0 8px 16px rgba(255,60,0,0.3); }
}
@keyframes inf-altar-breathe {
    0%, 100% { opacity: 0.75; transform: translate(-50%, -50%) scale(1); }
    50%      { opacity: 1;    transform: translate(-50%, -50%) scale(1.08); }
}
@keyframes inf-altar-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-8px); }
}
@keyframes inf-altar-reveal {
    0%   { opacity: 0; transform: scale(0.78); filter: blur(6px) brightness(0.6); }
    55%  { filter: blur(0.4px) brightness(1.2); }
    100% { opacity: 1; transform: scale(1); filter: blur(0) brightness(1); }
}
@keyframes inf-claim-pulse {
    0%, 100% { box-shadow: inset 0 1px 0 rgba(255,200,120,0.22), inset 0 -6px 12px rgba(255,80,0,0.12), 0 0 0 1px rgba(255,100,0,0.42), 0 0 24px rgba(255,100,0,0.32), 0 8px 22px rgba(0,0,0,0.55), 0 6px 12px rgba(255,60,0,0.18); }
    50%      { box-shadow: inset 0 1px 0 rgba(255,220,140,0.35), inset 0 -6px 12px rgba(255,80,0,0.22), 0 0 0 1px rgba(255,120,40,0.65), 0 0 40px rgba(255,100,0,0.58), 0 10px 26px rgba(0,0,0,0.6), 0 8px 16px rgba(255,60,0,0.28); }
}
@keyframes inf-relic-reveal {
    0%   { opacity: 0; transform: scale(0.88); filter: blur(6px) brightness(0.75); }
    55%  { filter: blur(0.4px) brightness(1.15); }
    100% { opacity: 1; transform: scale(1); filter: blur(0) brightness(1); }
}
@keyframes inf-relic-bloom {
    0%   { opacity: 0; transform: scale(0.4); }
    60%  { opacity: 1; }
    100% { opacity: 0.75; transform: scale(1); }
}
@keyframes inf-relic-leave {
    to { opacity: 0; transform: scale(0.92); filter: blur(3px); }
}
@keyframes inf-item-shine {
    0%   { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}
@keyframes inf-relic-item-in {
    0%   { opacity: 0; transform: translateY(12px) scale(0.92); filter: blur(4px); }
    100% { opacity: 1; transform: translateY(0) scale(1);       filter: blur(0); }
}
@keyframes inf-beams-breathe {
    0%, 100% { opacity: 0.6; transform: translateY(0); }
    50%      { opacity: 0.9; transform: translateY(-3%); }
}

/* ========== PAGE SHELL ========== */
body.theme-inferno .ep-wrap,
body.theme-inferno .ep-claim-zone { background-color: #0e0404 !important; }
body.theme-inferno .ep-wrap {
    background:
        radial-gradient(ellipse 55% 55% at 50% 100%, rgba(255,100,0,0.14) 0%, transparent 55%),
        radial-gradient(ellipse 42% 38% at 18% 82%, rgba(255,60,10,0.08) 0%, transparent 55%),
        radial-gradient(ellipse 42% 38% at 82% 82%, rgba(255,120,40,0.08) 0%, transparent 55%),
        linear-gradient(180deg, #1e0a0a 0%, #140606 60%, #0e0404 100%) !important;
    isolation: isolate;
    overflow: hidden;
}
body.theme-inferno .ep-wrap::after {
    content: '';
    position: absolute;
    inset: -10% 0 0 0;
    pointer-events: none;
    background:
        radial-gradient(1.5px 1.5px at 12% 80%, rgba(255,180,80,0.65), transparent 60%),
        radial-gradient(1.3px 1.3px at 28% 62%, rgba(255,120,40,0.5), transparent 60%),
        radial-gradient(1.1px 1.1px at 47% 85%, rgba(255,180,80,0.55), transparent 60%),
        radial-gradient(1.6px 1.6px at 63% 70%, rgba(255,120,40,0.45), transparent 60%),
        radial-gradient(1.4px 1.4px at 82% 78%, rgba(255,180,80,0.5), transparent 60%),
        radial-gradient(1.2px 1.2px at 92% 90%, rgba(255,120,40,0.45), transparent 60%),
        radial-gradient(1.3px 1.3px at 22% 40%, rgba(255,160,60,0.4), transparent 60%),
        radial-gradient(1.2px 1.2px at 72% 45%, rgba(255,160,60,0.38), transparent 60%);
    background-repeat: no-repeat;
    background-size: 110% 120%;
    animation: inf-ember-drift 22s linear infinite;
    mix-blend-mode: screen;
    z-index: 0;
    opacity: 0.8;
}

/* ========== HERO MASTHEAD ========== */
body.theme-inferno .ep-hero {
    position: relative;
    border: none;
    border-bottom: 1px solid rgba(255,120,40,0.45);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -12px 22px rgba(0,0,0,0.5);
    overflow: hidden; isolation: isolate;
}
body.theme-inferno .ep-hero::before {
    content: '';
    position: absolute; inset: 0; pointer-events: none;
    background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.08) 2px 3px), repeating-linear-gradient(43deg, transparent 0 3px, rgba(255,100,40,0.02) 3px 4px);
    mix-blend-mode: overlay; opacity: 0.45; z-index: 0;
}
body.theme-inferno .ep-hero::after {
    content: '';
    position: absolute; left: 8%; right: 8%; bottom: 0; height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,100,0,0.4) 15%, rgba(255,200,100,1) 50%, rgba(255,100,0,0.4) 85%, transparent);
    box-shadow: 0 0 16px rgba(255,100,0,0.8), 0 2px 8px rgba(255,60,0,0.5);
    animation: inf-seam-breathe 4.4s ease-in-out infinite;
    pointer-events: none; z-index: 3;
}
body.theme-inferno .ep-hero > * { position: relative; z-index: 2; }
body.theme-inferno .ep-hero-motes { opacity: 0.7; mix-blend-mode: screen; z-index: 2; }
body.theme-inferno .ep-mote { background: radial-gradient(circle, rgba(255,180,80,0.9), rgba(255,80,0,0) 70%); box-shadow: 0 0 6px rgba(255,100,0,0.6); }
body.theme-inferno .ep-hero-pre { font-family: 'Cinzel', serif; font-size: 11px; font-weight: 600; letter-spacing: 8px; text-transform: uppercase; color: rgba(230,170,120,0.7); text-shadow: 0 1px 0 #000, 0 0 10px rgba(255,100,0,0.35); margin-bottom: 4px; }
body.theme-inferno .ep-hero-title { font-family: 'Cinzel Decorative', serif; font-weight: 700; font-size: 48px; letter-spacing: 14px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 24px rgba(255,100,0,0.5); line-height: 1.1; animation: inf-title-breath 6s ease-in-out infinite; }
body.theme-inferno .ep-hero-rule { width: 40%; max-width: 280px; height: 1px; margin: 14px auto; background: linear-gradient(90deg, transparent, rgba(255,100,0,0.3) 18%, rgba(255,200,100,0.85) 50%, rgba(255,100,0,0.3) 82%, transparent); box-shadow: 0 0 8px rgba(255,100,0,0.5); position: relative; }
body.theme-inferno .ep-hero-rule::before { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; transform: translate(-50%, -50%) rotate(45deg); background: linear-gradient(135deg, #ffc080, #882200); box-shadow: 0 0 10px rgba(255,100,0,0.7), inset 0 0 0 1px rgba(0,0,0,0.4); }
body.theme-inferno .ep-hero-sub { font-family: 'Cinzel Decorative', serif; font-style: italic; font-size: 12.5px; letter-spacing: 2px; color: rgba(230,170,120,0.78); text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.3); margin-bottom: 4px; }
body.theme-inferno .ep-hero-days { font-family: 'Cinzel', serif; font-size: 10px; font-weight: 600; letter-spacing: 3.5px; text-transform: uppercase; color: rgba(255,160,40,0.8); text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.4); }
body.theme-inferno .ep-hero-edit, body.theme-inferno .ep-x { background: rgba(14,4,4,0.55); border: 1px solid rgba(255,120,40,0.28); color: rgba(230,170,120,0.72); border-radius: 50%; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); transition: color .15s, background .2s, border-color .2s, transform .12s; }
body.theme-inferno .ep-hero-edit:hover, body.theme-inferno .ep-x:hover { color: #ffcc80; background: rgba(255,100,0,0.16); border-color: rgba(255,100,0,0.65); transform: scale(1.08); }
body.theme-inferno .ep-notif-dot { background: radial-gradient(circle at 35% 30%, #ffd4a0, #ff8030 45%, #882200 100%); border: 1.5px solid #0e0404; box-shadow: 0 0 8px rgba(255,100,0,0.85), 0 0 2px rgba(255,160,80,0.6); }

/* ========== REWARD TRACK — molten rail ========== */
body.theme-inferno .ep-track-wrap {
    position: relative;
    background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(255,100,0,0.08) 0%, transparent 62%), linear-gradient(180deg, #1e0a0a 0%, #0e0404 100%);
    border: none; border-top: 1px solid rgba(0,0,0,0.6); border-bottom: 1px solid rgba(255,120,40,0.35);
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.04), inset 0 -1px 0 rgba(255,100,0,0.18);
    padding: 22px 0 26px; isolation: isolate;
}
body.theme-inferno .ep-track-wrap::before {
    content: ''; position: absolute; left: 4%; right: 4%; top: calc(50% + 10px); height: 2px; transform: translateY(-50%);
    background: linear-gradient(90deg, transparent 0%, rgba(255,100,0,0.18) 6%, rgba(255,180,80,0.6) 50%, rgba(255,100,0,0.18) 94%, transparent 100%);
    box-shadow: 0 0 14px rgba(255,100,0,0.45); pointer-events: none; z-index: 0; animation: inf-seam-breathe 5.5s ease-in-out infinite;
}
body.theme-inferno .ep-track-wrap > * { position: relative; z-index: 1; }
body.theme-inferno .ep-track-scroll, body.theme-inferno .ep-track { background: none !important; background-image: none !important; border: none !important; box-shadow: none !important; }
body.theme-inferno .ep-track { padding: 0 24px; }
body.theme-inferno .ep-track-scroll { scrollbar-color: rgba(255,100,0,0.35) transparent; }
body.theme-inferno .ep-track-scroll::-webkit-scrollbar { height: 6px; }
body.theme-inferno .ep-track-scroll::-webkit-scrollbar-thumb { background: linear-gradient(90deg, rgba(255,100,0,0.3), rgba(255,180,80,0.6), rgba(255,100,0,0.3)); border-radius: 3px; }

/* Chapter groups */
body.theme-inferno .ep-ch { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 14px !important; display: flex; flex-direction: column; align-items: center; }
body.theme-inferno .ep-ch-label { font-family: 'Cinzel Decorative', serif; font-weight: 700; font-size: 10.5px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 14px; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 10px rgba(255,100,0,0.45); position: relative; white-space: nowrap; }
body.theme-inferno .ep-ch-label::before, body.theme-inferno .ep-ch-label::after { content: ''; display: inline-block; width: 5px; height: 5px; vertical-align: middle; margin: 0 10px 2px; background: linear-gradient(135deg, #ffc080, #882200); transform: rotate(45deg); box-shadow: 0 0 8px rgba(255,100,0,0.7), inset 0 0 0 1px rgba(0,0,0,0.4); -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: initial; }
body.theme-inferno .ep-ch-row { display: flex; align-items: center; gap: 0; }
body.theme-inferno .ep-ch-gap { width: 32px; height: 3px; background: linear-gradient(90deg, rgba(255,100,0,0.12), rgba(255,180,80,0.85) 50%, rgba(255,100,0,0.12)); box-shadow: 0 0 8px rgba(255,100,0,0.6); border-radius: 2px; flex-shrink: 0; }

/* Connectors */
body.theme-inferno .ep-conn { height: 3px; width: 22px; background: linear-gradient(90deg, rgba(255,100,0,0.14) 0%, rgba(255,100,0,0.24) 100%); box-shadow: 0 0 4px rgba(255,100,0,0.22); border-radius: 2px; position: relative; overflow: hidden; flex-shrink: 0; }
body.theme-inferno .ep-conn.filled { background: linear-gradient(90deg, rgba(255,120,20,0.72), rgba(255,200,100,0.95) 50%, rgba(255,120,20,0.72)); box-shadow: 0 0 10px rgba(255,100,0,0.6), inset 0 1px 0 rgba(255,200,120,0.4); }
body.theme-inferno .ep-conn.filled::after { content: ''; position: absolute; top: 0; left: -60%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,220,140,0.7), transparent); animation: inf-conn-flow 3.5s linear infinite; }

/* ========== REWARD NODE ========== */
body.theme-inferno .ep-node { position: relative; width: 56px !important; height: 56px !important; border-radius: 50%; background: radial-gradient(circle at 50% 115%, rgba(255,80,0,0.35) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 100%); border: 2px solid rgba(0,0,0,0.7) !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -2px 4px rgba(255,80,0,0.12), 0 4px 10px rgba(0,0,0,0.5), 0 4px 8px rgba(255,60,0,0.15); cursor: pointer; transition: transform .18s, box-shadow .28s, border-color .2s; flex-shrink: 0; }
body.theme-inferno .ep-node:hover { transform: translateY(-2px) scale(1.04) !important; box-shadow: inset 0 1px 0 rgba(255,180,100,0.12), inset 0 -2px 4px rgba(255,80,0,0.18), 0 4px 14px rgba(0,0,0,0.6), 0 0 22px rgba(255,100,0,0.3), 0 6px 12px rgba(255,60,0,0.2); }
body.theme-inferno .ep-node.claimed { background: radial-gradient(circle at 50% 115%, rgba(255,100,0,0.4) 0%, transparent 50%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 100%); border-color: rgba(255,120,40,0.5) !important; box-shadow: inset 0 1px 0 rgba(255,180,100,0.14), inset 0 -2px 5px rgba(255,80,0,0.15), 0 0 14px rgba(255,100,0,0.22), 0 4px 8px rgba(255,60,0,0.18); }
body.theme-inferno .ep-node.current { width: 56px !important; height: 56px !important; border-color: rgba(255,160,40,0.92) !important; background: radial-gradient(circle at 50% 100%, rgba(255,100,0,0.35) 0%, transparent 65%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 100%) !important; animation: inf-node-pulse 2.6s ease-in-out infinite; }
body.theme-inferno .ep-node.locked { background: linear-gradient(180deg, #1e0a0a 0%, #0e0404 100%); border-color: rgba(0,0,0,0.8) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.7), inset 0 -1px 0 rgba(255,100,0,0.03), 0 2px 6px rgba(0,0,0,0.55); opacity: 0.55; filter: grayscale(0.6); }
body.theme-inferno .ep-node.locked:hover { opacity: 0.72; filter: grayscale(0.4); }
body.theme-inferno .ep-node.milestone { width: 66px !important; height: 66px !important; border: 2px solid rgba(0,0,0,0.78) !important; background: radial-gradient(circle at 50% 115%, rgba(255,120,0,0.5) 0%, rgba(255,80,0,0.25) 40%, transparent 72%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 100%); box-shadow: inset 0 2px 4px rgba(255,200,120,0.12), inset 0 -5px 10px rgba(255,80,0,0.2), 0 0 24px rgba(255,100,0,0.4), 0 6px 14px rgba(255,60,0,0.2); }
body.theme-inferno .ep-node.milestone.claimed { background: radial-gradient(circle at 50% 115%, #ffc060 0%, #cc5500 35%, #661800 72%, #2a0800 100%); box-shadow: inset 0 2px 5px rgba(255,255,255,0.2), inset 0 -6px 12px rgba(255,80,0,0.35), 0 0 30px rgba(255,100,0,0.55), 0 6px 14px rgba(255,60,0,0.3); }
body.theme-inferno .ep-node.milestone.current { animation: inf-node-pulse 2.2s ease-in-out infinite; }
body.theme-inferno .ep-node-ico { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
body.theme-inferno .ep-node-ico img { width: 64% !important; height: 64% !important; image-rendering: pixelated; filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 5px rgba(255,100,0,0.4)); object-fit: contain; }
body.theme-inferno .ep-node.current .ep-node-ico img { width: 64% !important; height: 64% !important; }
body.theme-inferno .ep-node.claimed .ep-node-ico img { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px rgba(255,120,20,0.55)); }
body.theme-inferno .ep-node.locked .ep-node-ico img { filter: drop-shadow(0 1px 0 #000) grayscale(0.85) brightness(0.75); opacity: 0.6; }
body.theme-inferno .ep-node-day { position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); font-family: 'Cinzel', serif; font-size: 9px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: rgba(230,170,120,0.55); text-shadow: 0 1px 0 #000; white-space: nowrap; }
body.theme-inferno .ep-node.current .ep-node-day { color: #ffcc80; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.55); }
body.theme-inferno .ep-node.claimed .ep-node-day { color: rgba(255,160,40,0.7); }
body.theme-inferno .ep-node-chk { top: -3px !important; right: -3px !important; width: 18px !important; height: 18px !important; background: radial-gradient(circle at 35% 30%, #ffd4a0 0%, #ff8030 42%, #882200 100%) !important; border: 1.5px solid #0e0404 !important; color: #2a0800 !important; font-size: 10px !important; text-shadow: 0 1px 0 rgba(255,255,255,0.35); box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 3px rgba(0,0,0,0.5), 0 0 8px rgba(255,100,0,0.55) !important; }

/* ========== CLAIM ZONE ========== */
body.theme-inferno .ep-claim-zone { position: relative; background: radial-gradient(ellipse 55% 60% at 50% 100%, rgba(255,100,0,0.16) 0%, transparent 62%), radial-gradient(ellipse 45% 35% at 18% 82%, rgba(255,60,10,0.08) 0%, transparent 55%), radial-gradient(ellipse 45% 35% at 82% 82%, rgba(255,120,40,0.08) 0%, transparent 55%), linear-gradient(180deg, #1e0a0a 0%, #140606 55%, #0e0404 100%) !important; box-shadow: inset 0 0 80px rgba(0,0,0,0.6), inset 0 -4px 16px rgba(255,80,0,0.1), inset 0 1px 0 rgba(255,160,80,0.03); isolation: isolate; overflow: hidden; padding: 40px 20px 48px; }
body.theme-inferno .ep-cz-vignette { background: radial-gradient(ellipse 100% 65% at 50% 50%, transparent 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.7) 100%); }
body.theme-inferno .ep-cz-glow { width: 520px !important; height: 320px !important; background: radial-gradient(ellipse 50% 50% at 50% 70%, rgba(255,100,0,0.26) 0%, rgba(255,60,0,0.08) 42%, transparent 72%) !important; box-shadow: none; animation: inf-altar-breathe 5s ease-in-out infinite !important; mix-blend-mode: screen; border-radius: 50%; }
body.theme-inferno .ep-cz-particles { opacity: 0.85; mix-blend-mode: screen; }
body.theme-inferno .ep-cz-pt { background: radial-gradient(circle, rgba(255,180,80,0.9), rgba(255,80,0,0) 70%); box-shadow: 0 0 6px rgba(255,100,0,0.55); width: 3px !important; height: 3px !important; }
body.theme-inferno .ep-cz-body { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 12px; }
body.theme-inferno .ep-cz-day { font-family: 'Cinzel', serif; font-size: 10.5px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(255,160,40,0.82); text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.4); margin-bottom: 4px; }
body.theme-inferno .ep-cz-icon-wrap { position: relative; width: 128px; height: 128px; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 75%, #ffc060 0%, #cc5500 32%, #661800 72%, #2a0800 100%); border: 3px solid rgba(0,0,0,0.72); border-bottom-color: rgba(255,120,40,0.5); border-radius: 50%; box-shadow: inset 0 3px 8px rgba(255,200,120,0.15), inset 0 -10px 20px rgba(255,80,0,0.3), 0 0 60px rgba(255,100,0,0.45), 0 12px 32px rgba(0,0,0,0.7), 0 8px 20px rgba(255,60,0,0.25); animation: inf-altar-float 4.5s ease-in-out infinite, inf-altar-reveal .9s cubic-bezier(.22,1,.36,1); margin-bottom: 6px; }
body.theme-inferno .ep-cz-icon-wrap::before, body.theme-inferno .ep-cz-icon-wrap::after { content: none !important; display: none !important; }
body.theme-inferno .ep-cz-icon-wrap.dim { background: radial-gradient(circle at 50% 75%, rgba(150,100,70,0.4) 0%, #3d2018 60%, #1e0a0a 100%); box-shadow: inset 0 2px 4px rgba(255,255,255,0.08), inset 0 -6px 12px rgba(0,0,0,0.5), 0 0 0 1px rgba(120,70,40,0.3), 0 6px 18px rgba(0,0,0,0.55); animation: none; filter: grayscale(0.5); }
body.theme-inferno .ep-cz-icon-wrap.dim .ep-cz-icon img { filter: grayscale(0.7) brightness(0.6) drop-shadow(0 2px 4px rgba(0,0,0,0.4)) !important; opacity: 0.5; }
body.theme-inferno .ep-cz-icon { position: relative; z-index: 2; width: 100% !important; height: 100% !important; display: flex; align-items: center; justify-content: center; animation: none !important; background: none !important; border: none !important; }
body.theme-inferno .ep-cz-icon img { width: 55% !important; height: 55% !important; image-rendering: pixelated; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.75)) drop-shadow(0 0 10px rgba(255,100,0,0.5)) !important; object-fit: contain; }
body.theme-inferno .ep-cz-ring, body.theme-inferno .ep-cz-sparkles { display: none !important; }
body.theme-inferno .ep-cz-name { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 3.8px; text-transform: uppercase; font-size: 22px !important; background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; text-shadow: 0 1px 0 rgba(0,0,0,0.7), 0 0 14px rgba(255,100,0,0.55); margin-top: 6px !important; margin-bottom: 0 !important; text-align: center; animation: inf-title-breath 7s ease-in-out infinite; }
body.theme-inferno .ep-cz-name.dim { background: linear-gradient(180deg, #a08070 0%, #7a5a48 100%); -webkit-background-clip: text; background-clip: text; color: transparent !important; text-shadow: none; font-size: 16px !important; }
body.theme-inferno .ep-cz-type { font-family: 'Cinzel', serif; font-size: 11px !important; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(230,170,120,0.65) !important; text-shadow: 0 1px 0 #000; margin-bottom: 14px !important; }
body.theme-inferno .ep-cz-done { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; font-size: 15px !important; background: linear-gradient(180deg, #ffd8a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 12px rgba(255,100,0,0.45); margin-bottom: 8px; }
body.theme-inferno .ep-cz-timer-wrap { font-family: 'Cinzel', serif; font-size: 11px; color: rgba(230,170,120,0.55) !important; margin-top: 18px !important; letter-spacing: 1px; }
body.theme-inferno .ep-cz-timer { font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; color: #ffcc80 !important; letter-spacing: 2px !important; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.4); }

/* CLAIM button */
body.theme-inferno button.ep-cz-claim, body.theme-inferno .ep-cz-claim { position: relative; margin-top: 8px; padding: 14px 44px !important; border-radius: 10px 10px 4px 4px !important; background-color: #1e0a0a !important; background-image: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%), linear-gradient(180deg, rgba(255,120,20,0.38), rgba(180,60,10,0.22) 60%, rgba(100,30,5,0.12)) !important; background-clip: text, padding-box !important; -webkit-background-clip: text, padding-box !important; -webkit-text-fill-color: transparent !important; color: transparent !important; border: 1px solid rgba(255,120,40,0.72) !important; border-bottom-color: rgba(255,180,80,0.95) !important; font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; font-size: 14px !important; letter-spacing: 6px !important; text-transform: uppercase !important; text-shadow: 0 1px 0 rgba(0,0,0,0.65), 0 0 14px rgba(255,100,0,0.65); cursor: pointer; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,200,120,0.25), inset 0 -6px 12px rgba(255,80,0,0.15), 0 0 0 1px rgba(255,100,0,0.42), 0 0 26px rgba(255,100,0,0.38), 0 8px 24px rgba(0,0,0,0.55), 0 6px 14px rgba(255,60,0,0.2) !important; transition: transform .15s, border-color .2s, box-shadow .3s; animation: inf-claim-pulse 2.6s ease-in-out infinite; }
body.theme-inferno .ep-cz-claim:hover { transform: translateY(-2px) !important; border-color: rgba(255,160,60,0.95) !important; }
body.theme-inferno .ep-cz-claim:active { transform: translateY(0) !important; }
body.theme-inferno .ep-cz-claim::before { content: ''; position: absolute; top: 0; left: -45%; width: 45%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,220,140,0.38), transparent); animation: inf-shimmer-sweep 4.5s ease-in-out infinite; animation-delay: 1s; pointer-events: none; mix-blend-mode: screen; }
body.theme-inferno .ep-cz-claim::after { content: ''; position: absolute !important; top: auto !important; left: 10% !important; right: 10% !important; bottom: -1px !important; width: auto !important; height: 2px !important; background: linear-gradient(90deg, transparent, rgba(255,180,80,1), transparent) !important; box-shadow: 0 0 12px rgba(255,100,0,0.9), 0 2px 6px rgba(255,60,0,0.5); animation: none !important; pointer-events: none; transform: none !important; }
body.theme-inferno .ep-cz-claimed-wrap { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; }
body.theme-inferno .ep-cz-claimed-halo { display: none !important; }
body.theme-inferno .ep-cz-claimed-badge { position: absolute !important; top: -4px !important; right: -4px !important; width: 28px !important; height: 28px !important; background: radial-gradient(circle at 35% 30%, #ffd4a0 0%, #ff8030 42%, #882200 100%) !important; border: 2px solid #0e0404 !important; color: #2a0800 !important; font-size: 14px !important; font-weight: 800; text-shadow: 0 1px 0 rgba(255,255,255,0.35) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 2px 6px rgba(0,0,0,0.5), 0 0 12px rgba(255,100,0,0.6) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1; }
body.theme-inferno .ep-cz-btn-vanish { background: rgba(14,4,4,0.55); border: 1px solid rgba(255,120,40,0.28); color: rgba(230,170,120,0.72); border-radius: 50%; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); transition: color .15s, background .2s, border-color .2s, transform .12s; }
body.theme-inferno .ep-cz-btn-vanish:hover { color: #ffcc80; background: rgba(255,100,0,0.16); border-color: rgba(255,100,0,0.65); transform: scale(1.08); }

/* ========== LOOT REVEAL CARD ========== */
body.theme-inferno .ep-cz-loot-ov { background: radial-gradient(ellipse 50% 45% at 50% 70%, rgba(255,100,0,0.12) 0%, transparent 55%), rgba(0,0,0,0.82) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
body.theme-inferno .ep-cz-loot-card, body.theme-inferno .ep-cz-loot-card--wide, body.theme-inferno .ep-cz-loot-card--dense { position: relative; background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,100,0,0.15) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 45%, #0e0404 100%) !important; border: 2px solid #000 !important; border-bottom-color: rgba(255,120,40,0.3) !important; border-radius: 5px !important; padding: 8px !important; box-shadow: inset 1px 1px 0 rgba(255,160,80,0.1), inset -1px -1px 0 rgba(0,0,0,0.65), inset 0 -4px 16px rgba(255,80,0,0.08), 0 0 0 1px rgba(255,100,0,0.28), 0 14px 54px rgba(0,0,0,0.8), 0 0 80px rgba(255,80,0,0.3) !important; overflow: hidden; isolation: isolate; animation: inf-relic-reveal .7s cubic-bezier(.22,1,.36,1); }
body.theme-inferno .ep-cz-loot-card::before { content: ''; position: absolute; inset: -40%; background: radial-gradient(ellipse 45% 55% at 50% 70%, rgba(255,100,0,0.22) 0%, transparent 65%); pointer-events: none; animation: inf-relic-bloom 1.4s ease-out; mix-blend-mode: screen; z-index: 0; }
body.theme-inferno .ep-cz-loot-card.ep-cz-loot-leaving { animation: inf-relic-leave .3s ease-in forwards; }
body.theme-inferno .ep-cz-loot-ornament { position: absolute; width: 28px; height: 28px; background: linear-gradient(135deg, transparent 42%, rgba(255,120,40,0.72) 45%, rgba(255,200,120,0.95) 50%, rgba(136,34,0,0.7) 55%, transparent 58%), radial-gradient(circle at 50% 50%, rgba(255,100,0,0.32), transparent 65%); mix-blend-mode: screen; opacity: 0.88; z-index: 3; }
body.theme-inferno .ep-cz-loot-ornament-l { top: 10px; left: 10px; transform: rotate(0deg) scaleX(1) !important; }
body.theme-inferno .ep-cz-loot-ornament-r { top: 10px; right: 10px; transform: rotate(90deg) !important; }
body.theme-inferno .ep-cz-loot-frame { position: relative; background: radial-gradient(ellipse 90% 40% at 50% 100%, rgba(255,100,0,0.14) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 55%, #140606 100%) !important; border: 1px solid rgba(0,0,0,0.55) !important; border-bottom-color: rgba(255,120,40,0.25) !important; border-radius: 3px !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(255,100,0,0.15), inset 0 0 80px rgba(0,0,0,0.45) !important; padding: 30px 22px 20px !important; overflow: hidden; z-index: 1; }
body.theme-inferno .ep-cz-loot-frame::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.06) 2px 3px), repeating-linear-gradient(43deg, transparent 0 3px, rgba(255,100,40,0.02) 3px 4px); mix-blend-mode: overlay; opacity: 0.45; z-index: 0; }
body.theme-inferno .ep-cz-loot-frame > * { position: relative; z-index: 1; }
body.theme-inferno .ep-cz-loot-beams { position: absolute; inset: auto -20% -20% -20%; height: 180%; background: radial-gradient(ellipse 45% 85% at 50% 100%, rgba(255,120,20,0.22) 0%, transparent 65%), radial-gradient(ellipse 70% 55% at 50% 88%, rgba(255,100,0,0.18) 0%, transparent 70%), radial-gradient(ellipse 35% 70% at 28% 100%, rgba(255,120,40,0.12) 0%, transparent 65%), radial-gradient(ellipse 35% 70% at 72% 100%, rgba(255,120,40,0.12) 0%, transparent 65%) !important; opacity: 0.75; mix-blend-mode: screen; animation: inf-beams-breathe 5.5s ease-in-out infinite; pointer-events: none; z-index: 0; }
body.theme-inferno .ep-cz-loot-header { position: relative; z-index: 2; margin-bottom: 14px; text-align: center; }
body.theme-inferno .ep-cz-loot-eyebrow { font-family: 'Cinzel', serif; font-size: 10px !important; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(255,160,40,0.78) !important; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.35); margin-bottom: 6px; }
body.theme-inferno .ep-cz-loot-title { font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; font-size: 28px !important; letter-spacing: 6px !important; text-transform: uppercase !important; background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 42%, #cc5500 76%, #882200 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; text-shadow: 0 1px 0 rgba(0,0,0,0.7), 0 0 22px rgba(255,100,0,0.55) !important; animation: inf-title-breath 6s ease-in-out infinite; }
body.theme-inferno .ep-cz-loot-subtitle { font-family: 'Cinzel Decorative', serif; font-style: italic; color: rgba(230,170,120,0.72) !important; font-size: 12px !important; letter-spacing: 1.4px; margin-top: 6px !important; }
body.theme-inferno .ep-cz-loot-rule { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; }
body.theme-inferno .ep-cz-loot-rule span { flex: 0 1 140px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,100,0,0.25) 15%, rgba(255,180,80,0.85) 50%, rgba(255,100,0,0.25) 85%, transparent) !important; box-shadow: 0 0 6px rgba(255,100,0,0.45); }
body.theme-inferno .ep-cz-loot-diamond { width: 9px !important; height: 9px !important; background: linear-gradient(135deg, #ffc080, #882200) !important; box-shadow: 0 0 12px rgba(255,100,0,0.8), inset 0 0 0 1px rgba(0,0,0,0.4) !important; transform: rotate(45deg); }
body.theme-inferno .ep-cz-loot-flavor { text-align: center; font-family: 'Cinzel Decorative', serif !important; font-style: italic; font-size: 12px !important; letter-spacing: 1.2px; color: rgba(230,170,120,0.72) !important; text-shadow: 0 1px 0 rgba(0,0,0,0.55), 0 0 10px rgba(255,100,0,0.22); margin: 10px auto 14px !important; max-width: 80%; line-height: 1.5; }
body.theme-inferno .ep-cz-loot-grid { position: relative; z-index: 2; }
body.theme-inferno .ep-cz-loot-item { position: relative; background: radial-gradient(ellipse 60% 55% at 50% 108%, rgba(255,100,0,0.2) 0%, transparent 62%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 65%, #0e0404 100%) !important; border: 1px solid rgba(255,120,40,0.14) !important; border-bottom-color: rgba(255,100,0,0.5) !important; border-radius: 8px 8px 3px 3px !important; padding: 14px 10px 12px !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.08), inset 0 -1px 0 rgba(255,100,0,0.3), inset 0 3px 6px rgba(0,0,0,0.45), 0 2px 8px rgba(0,0,0,0.55), 0 4px 8px rgba(255,60,0,0.1) !important; overflow: hidden; transition: border-color .2s, box-shadow .28s, transform .14s; animation: inf-relic-item-in .55s cubic-bezier(.22,1.4,.36,1) both; animation-delay: var(--del, 0s); }
body.theme-inferno .ep-cz-loot-item::after { content: ''; position: absolute; left: -8%; right: -8%; bottom: 0; height: 60%; background: radial-gradient(ellipse 55% 60% at 50% 100%, rgba(255,100,0,0.35) 0%, rgba(255,60,0,0.12) 45%, transparent 75%); pointer-events: none; mix-blend-mode: screen; opacity: 0.8; z-index: 0; }
body.theme-inferno .ep-cz-loot-item:hover { transform: translateY(-2px); border-color: rgba(255,160,60,0.75) !important; border-bottom-color: rgba(255,180,80,0.92) !important; box-shadow: inset 0 1px 0 rgba(255,200,120,0.15), inset 0 -1px 0 rgba(255,120,20,0.5), 0 4px 14px rgba(0,0,0,0.6), 0 0 22px rgba(255,100,0,0.42), 0 6px 12px rgba(255,60,0,0.18) !important; }
body.theme-inferno .ep-cz-loot-item-shine { position: absolute; inset: 0; background: linear-gradient(100deg, transparent 40%, rgba(255,220,140,0.25) 50%, transparent 60%); transform: translateX(-120%); animation: inf-item-shine 3s ease-out var(--del, 0s) forwards; pointer-events: none; mix-blend-mode: screen; z-index: 2; }
body.theme-inferno .ep-cz-loot-item-icon { position: relative; z-index: 1; }
body.theme-inferno .ep-cz-loot-item-bg { position: absolute; inset: -6px; background: radial-gradient(circle, rgba(255,100,0,0.22) 0%, transparent 70%); pointer-events: none; }
body.theme-inferno .ep-cz-loot-item img { position: relative; z-index: 2; filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px rgba(255,100,0,0.42)); }
body.theme-inferno .ep-cz-loot-item-qty { color: #ffcc80; font-family: 'Cinzel', serif; font-size: 10px; font-weight: 700; text-shadow: 0 1px 0 #000; z-index: 3; }
body.theme-inferno .ep-cz-loot-item-name { position: relative; z-index: 1; font-family: 'Nunito', sans-serif !important; font-size: 11.5px; font-weight: 600; letter-spacing: 0.4px; color: #ffa040 !important; text-shadow: 0 1px 0 #000; margin-top: 6px; text-align: center; line-height: 1.25; }
body.theme-inferno .ep-cz-loot-item-sub { position: relative; z-index: 1; font-family: 'Cinzel', serif; font-size: 9.5px; color: rgba(230,170,120,0.55); margin-top: 2px; text-align: center; letter-spacing: 0.5px; }
body.theme-inferno .ep-cz-loot-item--unique { border-color: rgba(255,160,60,0.65) !important; box-shadow: inset 0 1px 0 rgba(255,200,120,0.2), inset 0 -1px 0 rgba(255,120,20,0.55), 0 0 24px rgba(255,100,0,0.5), 0 2px 8px rgba(0,0,0,0.6), 0 6px 12px rgba(255,60,0,0.18) !important; }
body.theme-inferno .ep-cz-loot-item--unique .ep-cz-loot-item-name { color: #ffcc80 !important; text-shadow: 0 1px 0 #000, 0 0 10px rgba(255,100,0,0.6); }
body.theme-inferno .ep-cz-loot-item-unique-glow { position: absolute; inset: -30%; background: radial-gradient(circle, rgba(255,100,0,0.3) 0%, transparent 65%); pointer-events: none; mix-blend-mode: screen; animation: inf-altar-breathe 3.5s ease-in-out infinite; z-index: 0; }
body.theme-inferno .ep-cz-loot-item--choice { cursor: pointer; }
body.theme-inferno .ep-cz-loot-item--choice:hover { border-color: rgba(255,160,60,0.9) !important; box-shadow: inset 0 1px 0 rgba(255,200,120,0.2), inset 0 -1px 0 rgba(255,120,20,0.55), 0 0 28px rgba(255,100,0,0.55), 0 6px 16px rgba(0,0,0,0.65), 0 6px 14px rgba(255,60,0,0.2) !important; }
body.theme-inferno .ep-cz-loot-item--choice:hover .ep-cz-loot-item-name { color: #ffd8a0 !important; text-shadow: 0 1px 0 #000, 0 0 10px rgba(255,120,20,0.5); }
body.theme-inferno .ep-cz-loot-sec-label { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; font-size: 11px; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 8px rgba(255,100,0,0.35); text-align: center; margin: 14px 0 6px !important; padding-bottom: 6px; border-bottom: 1px solid rgba(255,100,0,0.22); }
body.theme-inferno .ep-cz-loot-crown { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 10px rgba(255,100,0,0.7)); }
body.theme-inferno .ep-cz-loot-footer { position: relative; z-index: 2; display: flex !important; align-items: center; justify-content: center; gap: 14px; padding: 14px 16px 6px !important; margin-top: 4px; border-top: 1px solid rgba(255,100,0,0.24) !important; background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(255,100,0,0.15) 0%, transparent 65%) !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -2px 8px rgba(255,80,0,0.08); }
body.theme-inferno .ep-cz-loot-footer-lbl { font-family: 'Cinzel', serif; font-size: 10px !important; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(230,170,120,0.65) !important; text-shadow: 0 1px 0 #000; }
body.theme-inferno .ep-cz-loot-footer-val, body.theme-inferno .ep-cz-loot-footer-gp { font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; font-size: 18px !important; letter-spacing: 1.5px; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; text-shadow: 0 1px 0 rgba(0,0,0,0.65), 0 0 10px rgba(255,100,0,0.5); }
body.theme-inferno .ep-cz-loot-meta { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,100,0,0.08) 0%, transparent 60%), linear-gradient(180deg, #1e0a0a, #0e0404); border: 1px solid rgba(255,100,0,0.18); border-bottom-color: rgba(255,120,40,0.3); border-radius: 6px; padding: 10px 14px; margin: 10px 0 14px; }
body.theme-inferno .ep-cz-loot-meta-row { border-bottom: 1px solid rgba(255,120,40,0.08) !important; padding: 4px 0; font-family: 'Cinzel', serif; font-size: 11px; }
body.theme-inferno .ep-cz-loot-meta-row .k { color: rgba(230,170,120,0.6) !important; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; }
body.theme-inferno .ep-cz-loot-meta-row .v { color: #ffcc80 !important; font-weight: 600; text-shadow: 0 1px 0 #000; }
body.theme-inferno .ep-cz-loot-ok { background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200), linear-gradient(180deg, rgba(255,120,20,0.32), rgba(180,60,10,0.2) 60%, rgba(100,30,5,0.1)) !important; background-color: #1e0a0a !important; background-clip: text, padding-box !important; -webkit-background-clip: text, padding-box !important; -webkit-text-fill-color: transparent !important; color: transparent !important; border: 1px solid rgba(255,120,40,0.65) !important; border-bottom-color: rgba(255,180,80,0.88) !important; border-radius: 9px 9px 4px 4px !important; font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 4px !important; text-transform: uppercase !important; padding: 11px 34px !important; box-shadow: inset 0 1px 0 rgba(255,180,100,0.22), inset 0 -4px 8px rgba(255,80,0,0.12), 0 0 0 1px rgba(255,100,0,0.3), 0 0 22px rgba(255,100,0,0.32), 0 4px 10px rgba(255,60,0,0.15) !important; transition: transform .14s, border-color .2s, box-shadow .25s; }
body.theme-inferno .ep-cz-loot-ok:hover { transform: translateY(-2px); border-color: rgba(255,160,60,0.9) !important; box-shadow: inset 0 1px 0 rgba(255,200,120,0.3), inset 0 -4px 8px rgba(255,80,0,0.18), 0 0 0 1px rgba(255,100,0,0.48), 0 0 32px rgba(255,100,0,0.48), 0 6px 14px rgba(255,60,0,0.2) !important; }
body.theme-inferno .ep-cz-loot-ok:active { transform: translateY(0); }

/* Report sections */
body.theme-inferno .ep-cz-report-hd { font-family: 'Cinzel Decorative', serif; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; font-size: 11px; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 8px rgba(255,100,0,0.4); }
body.theme-inferno .ep-cz-report-row { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border-bottom: 1px solid rgba(255,120,40,0.08) !important; color: rgba(230,170,120,0.85) !important; font-family: 'Cinzel', serif; }
body.theme-inferno .ep-cz-report-row:nth-child(odd) { background: linear-gradient(180deg, #2a1010, #1e0a0a) !important; }
body.theme-inferno .ep-cz-report-row .val { color: #ffcc80 !important; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.35); }
body.theme-inferno .ep-cz-report-row.xp .val { color: #d4e8b8 !important; }
body.theme-inferno .ep-cz-report-row.food .val { color: #ffd0c0 !important; }
body.theme-inferno .ep-cz-report-row.gold .val { color: #ffcc80 !important; }
body.theme-inferno .ep-cz-report-lvl { background: radial-gradient(ellipse 80% 55% at 50% 100%, rgba(255,100,0,0.18) 0%, transparent 65%), linear-gradient(180deg, #1e0a0a, #140606); border: 1px solid rgba(255,120,40,0.38); border-bottom-color: rgba(255,100,0,0.5); border-radius: 5px 5px 2px 2px; color: #ffcc80; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.35); }

/* ========== REWARD DETAIL OVERLAY ========== */
body.theme-inferno .ep-det-ov { background: radial-gradient(ellipse 50% 45% at 50% 70%, rgba(255,100,0,0.1) 0%, transparent 55%), rgba(0,0,0,0.8) !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
body.theme-inferno .ep-det-card { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,100,0,0.16) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 45%, #0e0404 100%) !important; border: 2px solid #000 !important; border-bottom-color: rgba(255,120,40,0.25) !important; border-radius: 5px !important; padding: 7px !important; box-shadow: inset 1px 1px 0 rgba(255,160,80,0.1), inset -1px -1px 0 rgba(0,0,0,0.65), inset 0 -4px 14px rgba(255,80,0,0.06), 0 0 0 1px rgba(255,100,0,0.28), 0 12px 48px rgba(0,0,0,0.82), 0 0 60px rgba(255,80,0,0.28) !important; overflow: hidden; position: relative; isolation: isolate; }
body.theme-inferno .ep-det-card::before, body.theme-inferno .ep-det-card::after { content: ''; position: absolute; width: 20px; height: 20px; background: linear-gradient(135deg, transparent 42%, rgba(255,120,40,0.68) 45%, rgba(255,200,120,0.9) 50%, rgba(136,34,0,0.65) 55%, transparent 58%); mix-blend-mode: screen; opacity: 0.85; z-index: 4; pointer-events: none; }
body.theme-inferno .ep-det-card::before { top: 10px; left: 10px; }
body.theme-inferno .ep-det-card::after { top: 10px; right: 10px; transform: rotate(90deg); }
body.theme-inferno .ep-det-inner { position: relative; background: radial-gradient(ellipse 90% 40% at 50% 100%, rgba(255,100,0,0.12) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 55%, #140606 100%) !important; border: 1px solid rgba(0,0,0,0.55) !important; border-bottom-color: rgba(255,120,40,0.2) !important; border-radius: 3px !important; padding: 22px 18px !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(255,100,0,0.12), inset 0 0 50px rgba(0,0,0,0.4) !important; overflow: hidden; z-index: 1; }
body.theme-inferno .ep-det-inner::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.06) 2px 3px), repeating-linear-gradient(43deg, transparent 0 3px, rgba(255,100,40,0.02) 3px 4px); mix-blend-mode: overlay; opacity: 0.4; z-index: 0; }
body.theme-inferno .ep-det-inner > * { position: relative; z-index: 1; }
body.theme-inferno .ep-det-close { color: rgba(230,170,120,0.7) !important; transition: color .15s, transform .12s; }
body.theme-inferno .ep-det-close:hover { color: #ffcc80 !important; transform: scale(1.12); }
body.theme-inferno .ep-det-day { font-family: 'Cinzel', serif; font-size: 10px !important; font-weight: 600; letter-spacing: 3.5px !important; text-transform: uppercase; color: rgba(255,160,40,0.75) !important; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.35); margin-bottom: 14px !important; }
body.theme-inferno .ep-det-icon { width: 76px !important; height: 76px !important; background: radial-gradient(circle at 50% 75%, rgba(255,120,40,0.3) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #0e0404 100%) !important; border: 1px solid rgba(255,100,0,0.35) !important; border-bottom-color: rgba(255,120,40,0.5) !important; border-radius: 50% !important; box-shadow: inset 0 1px 0 rgba(255,180,100,0.12), inset 0 -4px 8px rgba(255,80,0,0.15), 0 0 0 1px rgba(255,100,0,0.2), 0 0 20px rgba(255,100,0,0.35), 0 6px 12px rgba(255,60,0,0.15) !important; margin: 0 auto 14px !important; }
body.theme-inferno .ep-det-icon img { width: 52px !important; height: 52px !important; filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px rgba(255,100,0,0.42)) !important; }
body.theme-inferno .ep-det-name { font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; font-size: 18px !important; letter-spacing: 3px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; text-shadow: 0 1px 0 rgba(0,0,0,0.7), 0 0 14px rgba(255,100,0,0.5); margin-bottom: 8px !important; }
body.theme-inferno .ep-det-type { font-family: 'Cinzel', serif !important; font-size: 9.5px !important; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; padding: 3px 12px !important; border-radius: 4px 4px 2px 2px !important; background: linear-gradient(180deg, rgba(255,120,20,0.22), rgba(180,60,10,0.12)) !important; border: 1px solid rgba(255,120,40,0.42) !important; color: #ffcc80 !important; margin-bottom: 14px !important; }
body.theme-inferno .ep-det-type.clue { background: linear-gradient(180deg, rgba(138,168,255,0.22), rgba(60,90,180,0.12)) !important; border-color: rgba(138,168,255,0.45) !important; color: #c8d8ff !important; }
body.theme-inferno .ep-det-type.key { background: linear-gradient(180deg, rgba(130,200,80,0.22), rgba(60,120,30,0.12)) !important; border-color: rgba(180,230,120,0.45) !important; color: #dcf4b8 !important; }
body.theme-inferno .ep-det-type.milestone { background: linear-gradient(180deg, rgba(255,215,0,0.28), rgba(180,130,0,0.14)) !important; border-color: rgba(255,220,80,0.55) !important; color: #fff1a8 !important; }
body.theme-inferno .ep-det-type.crate { background: linear-gradient(180deg, rgba(200,168,50,0.22), rgba(120,90,20,0.12)) !important; border-color: rgba(220,190,80,0.45) !important; color: #f0dca0 !important; }
body.theme-inferno .ep-det-type.equipment { background: linear-gradient(180deg, rgba(200,200,200,0.18), rgba(90,90,90,0.1)) !important; border-color: rgba(200,200,200,0.4) !important; color: #e0e0e0 !important; }
body.theme-inferno .ep-det-rule { height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255,100,0,0.3) 18%, rgba(255,180,80,0.8) 50%, rgba(255,100,0,0.3) 82%, transparent) !important; box-shadow: 0 0 6px rgba(255,100,0,0.4); margin: 0 8px 14px !important; }
body.theme-inferno .ep-det-flavor { font-family: 'Cinzel Decorative', serif !important; font-style: italic; font-size: 12px !important; color: rgba(230,170,120,0.75) !important; line-height: 1.55 !important; margin-bottom: 14px !important; }
body.theme-inferno .ep-det-stats { display: flex; justify-content: center; gap: 24px !important; margin-bottom: 10px !important; }
body.theme-inferno .ep-det-stat-val { font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; font-size: 17px !important; color: #ffcc80 !important; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.5); }
body.theme-inferno .ep-det-stat-lbl { font-family: 'Cinzel', serif; font-size: 9px !important; font-weight: 600; letter-spacing: 1.4px !important; text-transform: uppercase; color: rgba(230,170,120,0.6) !important; margin-top: 3px !important; }
body.theme-inferno .ep-det-loot-hd { font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; font-size: 10.5px !important; letter-spacing: 2.5px !important; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; margin: 12px 0 6px !important; padding-bottom: 4px; border-bottom: 1px solid rgba(255,100,0,0.22); }
body.theme-inferno .ep-det-loot td { border-bottom: 1px solid rgba(255,120,40,0.08) !important; color: rgba(230,170,120,0.82) !important; font-family: 'Cinzel', serif; font-size: 11px; padding: 5px 8px !important; }
body.theme-inferno .ep-det-loot td:last-child { color: #ffcc80 !important; font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; }

/* ========== ADMIN BG EDITORS ========== */
body.theme-inferno .ep-bg-editor, body.theme-inferno .ep-bg-pos-editor { background: radial-gradient(ellipse 50% 45% at 50% 70%, rgba(255,100,0,0.1) 0%, transparent 55%), rgba(0,0,0,0.82) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
body.theme-inferno .ep-bg-ed-panel, body.theme-inferno .ep-bg-pos-panel { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,100,0,0.12) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 45%, #0e0404 100%) !important; border: 2px solid #000 !important; border-bottom-color: rgba(255,120,40,0.2) !important; border-radius: 5px !important; padding: 6px !important; box-shadow: inset 1px 1px 0 rgba(255,160,80,0.1), inset -1px -1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(255,100,0,0.26), 0 12px 44px rgba(0,0,0,0.78), 0 0 60px rgba(255,80,0,0.22) !important; }
body.theme-inferno .ep-bg-ed-header, body.theme-inferno .ep-bg-pos-header { background: linear-gradient(180deg, #2a1010 0%, #1e0a0a 100%) !important; border-bottom: 1px solid rgba(255,100,0,0.28) !important; padding: 12px 14px !important; }
body.theme-inferno .ep-bg-ed-header h2, body.theme-inferno .ep-bg-pos-header h2, body.theme-inferno .ep-bg-pos-title-preview { font-family: 'Cinzel Decorative', serif; font-weight: 700; font-size: 15px; letter-spacing: 4px; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; margin: 0; }
body.theme-inferno .ep-bg-ed-close, body.theme-inferno .ep-bg-pos-cancel { background: rgba(14,4,4,0.55) !important; border: 1px solid rgba(255,120,40,0.28) !important; color: rgba(230,170,120,0.72) !important; border-radius: 50% !important; }
body.theme-inferno .ep-bg-ed-close:hover, body.theme-inferno .ep-bg-pos-cancel:hover { color: #ffcc80 !important; background: rgba(255,100,0,0.16) !important; border-color: rgba(255,100,0,0.65) !important; transform: scale(1.08); }
body.theme-inferno .ep-bg-ed-grid { background: linear-gradient(180deg, #1e0a0a 0%, #0e0404 100%) !important; padding: 10px !important; gap: 8px !important; }
body.theme-inferno .ep-bg-ed-thumb { background: linear-gradient(180deg, #2a1010 0%, #1e0a0a 100%) !important; border: 1px solid rgba(255,120,40,0.14) !important; border-bottom-color: rgba(255,100,0,0.25) !important; border-radius: 6px 6px 3px 3px !important; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), 0 2px 6px rgba(0,0,0,0.5); transition: border-color .18s, transform .14s, box-shadow .24s; }
body.theme-inferno .ep-bg-ed-thumb:hover { transform: translateY(-1px); border-color: rgba(255,120,40,0.52) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.6), 0 0 16px rgba(255,100,0,0.3); }
body.theme-inferno .ep-bg-ed-label { color: #ffcc80 !important; font-family: 'Cinzel', serif !important; font-size: 10.5px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; }
body.theme-inferno .ep-bg-pos-overlay { background: radial-gradient(ellipse 40% 40% at 50% 70%, rgba(255,100,0,0.1) 0%, transparent 55%), rgba(0,0,0,0.78) !important; }
body.theme-inferno .ep-bg-pos-frame, body.theme-inferno .ep-bg-pos-preview { background: linear-gradient(180deg, #1e0a0a 0%, #0e0404 100%) !important; border: 1px solid rgba(255,100,0,0.32) !important; border-bottom-color: rgba(255,120,40,0.45) !important; }
body.theme-inferno .ep-bg-pos-hint { color: rgba(230,170,120,0.7) !important; font-family: 'Cinzel', serif !important; font-size: 11px !important; }
body.theme-inferno .ep-bg-pos-actions { gap: 10px !important; padding: 12px 14px !important; background: linear-gradient(180deg, #1e0a0a, #0e0404); border-top: 1px solid rgba(255,100,0,0.22); }
body.theme-inferno .ep-bg-pos-save { background: linear-gradient(180deg, #ffe0a0, #ffa040, #cc5500, #882200), linear-gradient(180deg, rgba(255,120,20,0.32), rgba(180,60,10,0.18) 60%, rgba(100,30,5,0.1)) !important; background-color: #1e0a0a !important; background-clip: text, padding-box !important; -webkit-background-clip: text, padding-box !important; -webkit-text-fill-color: transparent !important; color: transparent !important; border: 1px solid rgba(255,120,40,0.68) !important; border-bottom-color: rgba(255,180,80,0.9) !important; border-radius: 7px 7px 3px 3px !important; font-family: 'Cinzel Decorative', serif !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; box-shadow: inset 0 1px 0 rgba(255,180,100,0.2), 0 0 0 1px rgba(255,100,0,0.3), 0 0 18px rgba(255,100,0,0.3) !important; }
body.theme-inferno .ep-bg-pos-save:hover { transform: translateY(-1px); border-color: rgba(255,160,60,0.9) !important; }

/* =========================================================================
   ORB OF FORTUNE — INFERNO RITUAL
   ========================================================================= */
body.theme-inferno .orb-ov { background: radial-gradient(ellipse 50% 50% at 50% 70%, rgba(255,80,0,0.14) 0%, transparent 60%), rgba(0,0,0,0.85) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
body.theme-inferno .orb-ov.orb-ov--channeling { background: radial-gradient(ellipse 50% 50% at 50% 70%, rgba(255,100,0,0.2) 0%, transparent 55%), rgba(0,0,0,0.88) !important; }
body.theme-inferno .orb-card { background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(255,80,0,0.18) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 45%, #0e0404 100%) !important; border: 2px solid #000 !important; border-bottom-color: rgba(255,120,40,0.3) !important; box-shadow: inset 1px 1px 0 rgba(255,160,80,0.1), inset -1px -1px 0 rgba(0,0,0,0.6), 0 0 0 1px rgba(255,100,0,0.25), 0 14px 54px rgba(0,0,0,0.8), 0 0 80px rgba(255,80,0,0.3) !important; }
body.theme-inferno .orb-card.is-jackpot { border-color: rgba(255,200,60,0.5) !important; box-shadow: inset 1px 1px 0 rgba(255,220,100,0.2), 0 0 0 1px rgba(255,200,60,0.4), 0 0 100px rgba(255,180,0,0.4) !important; }
body.theme-inferno .orb-ornament { background: linear-gradient(135deg, transparent 42%, rgba(255,120,40,0.72) 45%, rgba(255,200,120,0.95) 50%, rgba(136,34,0,0.7) 55%, transparent 58%), radial-gradient(circle, rgba(255,100,0,0.32), transparent 65%); }
body.theme-inferno .orb-frame { background: radial-gradient(ellipse 90% 40% at 50% 100%, rgba(255,100,0,0.14) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 55%, #140606 100%) !important; border: 1px solid rgba(0,0,0,0.55) !important; border-bottom-color: rgba(255,120,40,0.25) !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(255,100,0,0.15), inset 0 0 80px rgba(0,0,0,0.45) !important; }
body.theme-inferno .orb-frame::before { background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.06) 2px 3px), repeating-linear-gradient(43deg, transparent 0 3px, rgba(255,120,40,0.02) 3px 4px) !important; }
body.theme-inferno .orb-beams { background: radial-gradient(ellipse 45% 85% at 50% 100%, rgba(255,100,0,0.22) 0%, transparent 65%), radial-gradient(ellipse 70% 55% at 50% 88%, rgba(255,80,0,0.18) 0%, transparent 70%) !important; }
body.theme-inferno .orb-eyebrow { color: rgba(255,160,40,0.78) !important; font-family: 'Cinzel', serif !important; text-shadow: 0 1px 0 #000, 0 0 8px rgba(255,100,0,0.35) !important; }
body.theme-inferno .orb-title { font-family: 'Cinzel Decorative', serif !important; background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; text-shadow: 0 1px 0 rgba(0,0,0,0.7), 0 0 22px rgba(255,100,0,0.55) !important; animation: inf-title-breath 6s ease-in-out infinite !important; }
body.theme-inferno .orb-rule span { background: linear-gradient(90deg, transparent, rgba(255,100,0,0.25) 15%, rgba(255,180,80,0.85) 50%, rgba(255,100,0,0.25) 85%, transparent) !important; box-shadow: 0 0 6px rgba(255,100,0,0.45) !important; }
body.theme-inferno .orb-rule-diamond { background: linear-gradient(135deg, #ffc080, #882200) !important; box-shadow: 0 0 12px rgba(255,100,0,0.8), inset 0 0 0 1px rgba(0,0,0,0.4) !important; }
body.theme-inferno .orb-altar-wrap { background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(255,80,0,0.1) 0%, transparent 70%) !important; }
body.theme-inferno .orb-altar-slab { background: linear-gradient(180deg, #2a1010 0%, #1e0a0a 100%) !important; border-color: rgba(255,120,40,0.2) !important; box-shadow: inset 0 2px 6px rgba(0,0,0,0.6), 0 0 20px rgba(255,80,0,0.1) !important; }
body.theme-inferno .orb-altar-slab::before { background: radial-gradient(ellipse at 50% 100%, rgba(255,100,0,0.25) 0%, transparent 60%) !important; }
body.theme-inferno .orb-altar-slab::after { background: repeating-linear-gradient(137deg, transparent 0 2px, rgba(0,0,0,0.06) 2px 3px) !important; }
body.theme-inferno .orb-altar-base { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border-color: rgba(255,100,0,0.15) !important; }
body.theme-inferno .orb-altar-base::before { background: radial-gradient(ellipse at 50% 0%, rgba(255,100,0,0.12) 0%, transparent 65%) !important; }
body.theme-inferno .orb-altar-base::after { background: linear-gradient(90deg, transparent, rgba(255,160,40,0.6), transparent) !important; box-shadow: 0 0 8px rgba(255,100,0,0.5) !important; }
body.theme-inferno .orb-gear-glow { background: radial-gradient(circle, rgba(255,100,0,0.4) 0%, transparent 65%) !important; }
body.theme-inferno .orb-gear-tier { background: linear-gradient(180deg, rgba(255,120,20,0.3), rgba(180,60,10,0.18)) !important; border: 1px solid rgba(255,120,40,0.55) !important; color: #ffcc80 !important; font-family: 'Cinzel', serif !important; text-shadow: 0 1px 0 #000, 0 0 6px rgba(255,100,0,0.4) !important; }
body.theme-inferno .orb-float-halo { background: radial-gradient(circle, rgba(255,100,0,0.3) 0%, transparent 70%) !important; }
body.theme-inferno .orb-beam { background: linear-gradient(0deg, rgba(255,100,0,0.5) 0%, transparent 100%) !important; }
body.theme-inferno .orb-rune-ring { border-color: rgba(255,120,40,0.15) !important; }
body.theme-inferno .orb-rune-ring--glyphs { color: rgba(255,160,40,0.3) !important; text-shadow: 0 0 6px rgba(255,100,0,0.4) !important; }
body.theme-inferno .orb-item-name { font-family: 'Cinzel Decorative', serif !important; color: #ffcc80 !important; text-shadow: 0 1px 0 #000, 0 0 10px rgba(255,100,0,0.4) !important; }
body.theme-inferno .orb-readout { background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(255,80,0,0.08) 0%, transparent 60%), linear-gradient(180deg, #1e0a0a, #140606) !important; border-top: 1px solid rgba(255,100,0,0.2) !important; }
body.theme-inferno .orb-tier-chip { background: linear-gradient(180deg, #321414, #200c0c) !important; border: 1px solid rgba(255,120,40,0.25) !important; color: #ffa040 !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-tier-chip--new { background: linear-gradient(180deg, rgba(255,120,20,0.3), rgba(180,60,10,0.18)) !important; border-color: rgba(255,120,40,0.55) !important; color: #ffcc80 !important; box-shadow: 0 0 10px rgba(255,100,0,0.25) !important; }
body.theme-inferno .orb-tier-arrow { color: rgba(255,160,40,0.6) !important; }
body.theme-inferno .orb-tier-line { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .orb-chance-label { color: rgba(230,170,120,0.6) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-chance { font-family: 'Cinzel Decorative', serif !important; color: #ffcc80 !important; text-shadow: 0 0 8px rgba(255,100,0,0.4) !important; }
body.theme-inferno .orb-warn { color: rgba(255,140,80,0.6) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border: 1px solid rgba(255,120,40,0.2) !important; border-bottom-color: rgba(255,100,0,0.35) !important; border-radius: 8px 8px 3px 3px !important; color: #ffa040 !important; font-family: 'Cinzel', serif !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.08), inset 0 -2px 4px rgba(0,0,0,0.4) !important; transition: transform .14s, border-color .2s, box-shadow .28s, color .15s !important; }
body.theme-inferno .orb-btn:hover { transform: translateY(-1px) !important; border-color: rgba(255,120,40,0.5) !important; color: #ffcc80 !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.14), 0 0 14px rgba(255,100,0,0.2) !important; }
body.theme-inferno .orb-btn--channel { background: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%), linear-gradient(180deg, rgba(255,120,20,0.35), rgba(180,60,10,0.2) 60%, rgba(100,30,5,0.12)) !important; background-color: #1e0a0a !important; background-clip: text, padding-box !important; -webkit-background-clip: text, padding-box !important; -webkit-text-fill-color: transparent !important; color: transparent !important; border-color: rgba(255,120,40,0.7) !important; border-bottom-color: rgba(255,180,80,0.9) !important; font-family: 'Cinzel Decorative', serif !important; box-shadow: inset 0 1px 0 rgba(255,200,120,0.25), inset 0 -4px 8px rgba(255,80,0,0.15), 0 0 0 1px rgba(255,100,0,0.35), 0 0 22px rgba(255,100,0,0.35) !important; }
body.theme-inferno .orb-btn--channel:hover { border-color: rgba(255,160,60,0.9) !important; box-shadow: inset 0 1px 0 rgba(255,200,120,0.3), 0 0 0 1px rgba(255,100,0,0.5), 0 0 32px rgba(255,100,0,0.45) !important; }
body.theme-inferno .orb-btn--ghost { background: rgba(255,255,255,0.02) !important; border-color: rgba(255,120,40,0.18) !important; color: rgba(230,170,120,0.72) !important; -webkit-text-fill-color: initial !important; }
body.theme-inferno .orb-btn--ghost:hover { border-color: rgba(255,120,40,0.45) !important; color: #ffa040 !important; box-shadow: 0 0 12px rgba(255,100,0,0.18) !important; }
body.theme-inferno .orb-btn--retry { background: linear-gradient(180deg, rgba(255,120,20,0.3), rgba(180,60,10,0.18)) !important; border-color: rgba(255,120,60,0.6) !important; color: #ffcc80 !important; -webkit-text-fill-color: initial !important; box-shadow: 0 0 14px rgba(255,100,0,0.22) !important; }
body.theme-inferno .orb-btn--stop { background: linear-gradient(180deg, #3a0808, #280404) !important; border-color: rgba(255,60,40,0.5) !important; color: #ff9080 !important; -webkit-text-fill-color: initial !important; }
body.theme-inferno .orb-auto-pill { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.15) !important; color: rgba(230,170,120,0.6) !important; font-family: 'Cinzel', serif !important; border-radius: 5px !important; }
body.theme-inferno .orb-auto-pill:hover { border-color: rgba(255,120,40,0.4) !important; color: #ffa040 !important; }
body.theme-inferno .orb-auto-pill.active { background: linear-gradient(180deg, rgba(255,120,20,0.22), rgba(100,30,8,0.08)) !important; border-color: rgba(255,120,60,0.55) !important; color: #ffcc80 !important; }
body.theme-inferno .orb-selection-orbs { color: rgba(230,170,120,0.7) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-selection-orbs b { color: #ffa040 !important; }
body.theme-inferno .orb-remaining { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .orb-remaining b { color: #ffa040 !important; }
body.theme-inferno .orb-verdict { font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .orb-verdict--success { color: #44cc44 !important; text-shadow: 0 0 14px rgba(68,204,68,0.5) !important; }
body.theme-inferno .orb-verdict--jackpot { color: #ffd700 !important; text-shadow: 0 0 20px rgba(255,215,0,0.6) !important; }
body.theme-inferno .orb-verdict--failure { color: #ff6040 !important; text-shadow: 0 0 12px rgba(255,60,40,0.4) !important; }
body.theme-inferno .orb-verdict-sub { color: rgba(230,170,120,0.7) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-outcome-meta { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,80,0,0.08) 0%, transparent 60%), linear-gradient(180deg, #1e0a0a, #0e0404) !important; border: 1px solid rgba(255,100,0,0.18) !important; border-bottom-color: rgba(255,120,40,0.3) !important; border-radius: 6px !important; }
body.theme-inferno .orb-outcome-meta-name { color: #ffcc80 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .orb-outcome-meta-sep { background: rgba(255,100,0,0.15) !important; }
body.theme-inferno .orb-outcome-meta-tier { color: rgba(230,170,120,0.7) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-outcome-meta-tier b { color: #ffa040 !important; }
body.theme-inferno .orb-outcome-chain-badge { background: linear-gradient(180deg, rgba(255,120,20,0.3), rgba(180,60,10,0.18)) !important; border: 1px solid rgba(255,120,40,0.55) !important; color: #ffcc80 !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-flash { background: rgba(255,140,40,0.5) !important; }
body.theme-inferno .orb-shockwave { border-color: rgba(255,120,40,0.6) !important; }
body.theme-inferno .orb-shatter-ring { border-color: rgba(255,100,0,0.4) !important; }
body.theme-inferno .orb-stat-preview { background: radial-gradient(ellipse 80% 40% at 50% 100%, rgba(255,80,0,0.08) 0%, transparent 60%), linear-gradient(180deg, #1e0a0a, #140606) !important; border: 1px solid rgba(255,100,0,0.15) !important; border-bottom-color: rgba(255,120,40,0.25) !important; border-radius: 6px !important; }
body.theme-inferno .orb-stat-preview-frame { background: transparent !important; }
body.theme-inferno .orb-stat-preview-header { border-bottom: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .orb-stat-preview-title { font-family: 'Cinzel Decorative', serif !important; color: #ffa040 !important; text-shadow: 0 0 8px rgba(255,100,0,0.3) !important; }
body.theme-inferno .orb-stat-preview-sigil { color: rgba(255,120,40,0.4) !important; }
body.theme-inferno .orb-stat-preview-col-head { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-stat-preview-col-head--next { color: #ffa040 !important; }
body.theme-inferno .orb-stat-preview-empty-note { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .orb-stat-preview-corner { border-color: rgba(255,120,40,0.3) !important; }
body.theme-inferno .orb-stat-row { border-bottom: 1px solid rgba(255,100,0,0.08) !important; }
body.theme-inferno .orb-stat-label { color: rgba(230,170,120,0.6) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .orb-stat-cur { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .orb-stat-arrow { color: rgba(255,120,40,0.4) !important; }
body.theme-inferno .orb-stat-next { color: #ffcc80 !important; font-weight: 700 !important; }
body.theme-inferno .orb-particle { background: radial-gradient(circle, rgba(255,140,40,0.9), rgba(255,80,0,0) 70%) !important; }

/* =========================================================================
   CLUE SCROLL REWARD PANEL
   ========================================================================= */
body.theme-inferno .clue-reward-panel { background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(255,80,0,0.08) 0%, transparent 60%), linear-gradient(180deg, #2a1010 0%, #1e0a0a 100%) !important; border: 1px solid rgba(255,100,0,0.2) !important; box-shadow: inset 0 1px 0 rgba(255,160,80,0.08), 0 0 20px rgba(255,80,0,0.1) !important; }
body.theme-inferno .clue-scroll-grid { background: linear-gradient(180deg, #1e0a0a, #140606) !important; }
body.theme-inferno .clue-reward-item { background: radial-gradient(ellipse 60% 50% at 50% 108%, rgba(255,100,0,0.08) 0%, transparent 60%), linear-gradient(180deg, #2a1212, #1e0a0a) !important; border-color: rgba(255,120,40,0.1) !important; }
body.theme-inferno .clue-reward-item:hover { background: radial-gradient(ellipse 60% 50% at 50% 108%, rgba(255,100,0,0.15) 0%, transparent 60%), linear-gradient(180deg, #321616, #261010) !important; border-color: rgba(255,120,40,0.3) !important; box-shadow: 0 0 10px rgba(255,100,0,0.15) !important; }
body.theme-inferno .clue-reward-item .bi-qty { color: #ffcc80 !important; background: none !important; text-shadow: 1px 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000 !important; }
body.theme-inferno .clue-item-name { color: #ffa040 !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .clue-item-tooltip { background: linear-gradient(180deg, #2a1010, #1e0a0a) !important; border: 1px solid rgba(255,100,0,0.3) !important; color: rgba(230,170,120,0.85) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.7), 0 0 12px rgba(255,80,0,0.15) !important; }
body.theme-inferno .clue-sell-all { background: linear-gradient(180deg, #321414, #200c0c) !important; border: 1px solid rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .clue-sell-all:hover { background: linear-gradient(180deg, #3e1818, #2a1010) !important; border-color: rgba(255,120,40,0.5) !important; color: #ffcc80 !important; }

/* =========================================================================
   SUPPLY ORBS (food + prayer)
   ========================================================================= */
body.theme-inferno .supply-orb-svg .supply-orb-track { stroke: #1e0a0a !important; }
body.theme-inferno .supply-orb-svg .supply-orb-bg { fill: #140606 !important; stroke: rgba(255,100,0,0.2) !important; }
body.theme-inferno .supply-orb-tip { background: linear-gradient(180deg, #2a1010, #1e0a0a) !important; border: 1px solid rgba(255,100,0,0.3) !important; color: rgba(230,170,120,0.85) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.6), 0 0 10px rgba(255,80,0,0.12) !important; }

/* Responsive */
@media (max-width: 380px) {
    body.theme-inferno .ep-hero-title { font-size: 34px; letter-spacing: 8px; }
    body.theme-inferno .ep-cz-icon-wrap { width: 106px; height: 106px; }
    body.theme-inferno .ep-cz-name { font-size: 18px !important; letter-spacing: 3px; }
    body.theme-inferno .ep-cz-claim { padding: 12px 34px !important; font-size: 13px !important; letter-spacing: 5px !important; }
    body.theme-inferno .ep-cz-loot-title { font-size: 22px !important; letter-spacing: 4px !important; }
}
@media (min-width: 700px) {
    body.theme-inferno .ep-hero-title { font-size: 56px; letter-spacing: 16px; }
}


/* =========================================================================
   FULL COVERAGE PASS — every remaining base-theme color leak
   330 classes with hardcoded browns/tans in style.css, all overridden.
   ========================================================================= */

/* ── Chatbox inner ── */
body.theme-inferno .chatbox-inner { background: linear-gradient(180deg, #140606, #0e0404) !important; box-shadow: inset 0 4px 10px rgba(0,0,0,0.6) !important; }

/* ── Autocast ── */
body.theme-inferno .autocast-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border: 1px solid rgba(255,120,40,0.12) !important; color: #ffa040 !important; }
body.theme-inferno .autocast-btn:hover { border-color: rgba(255,120,40,0.4) !important; color: #ffcc80 !important; }
body.theme-inferno .autocast-btn.active { border-color: rgba(255,120,60,0.55) !important; background: linear-gradient(180deg, rgba(255,120,30,0.22), rgba(100,30,8,0.08)) !important; }
body.theme-inferno .autocast-picker-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .autocast-spell-btn { background: linear-gradient(180deg, #261010, #1a0a0a) !important; border: 1px solid rgba(255,120,40,0.1) !important; }
body.theme-inferno .autocast-spell-btn:hover { border-color: rgba(255,120,40,0.35) !important; box-shadow: 0 0 10px rgba(255,100,0,0.15) !important; }
body.theme-inferno .ac-multi { color: rgba(230,170,120,0.6) !important; }

/* ── Character select ── */
body.theme-inferno .charslot { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; border-radius: 7px 7px 3px 3px !important; }
body.theme-inferno .charslot:hover { border-color: rgba(255,120,40,0.35) !important; box-shadow: 0 0 14px rgba(255,100,0,0.18) !important; }
body.theme-inferno .charslot-active { border-color: rgba(255,120,60,0.55) !important; box-shadow: 0 0 18px rgba(255,100,0,0.25) !important; }
body.theme-inferno .charslot-name-input { background: #140606 !important; border: 1px solid rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .charslot-create-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .charslot-create-label { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .charslot-customize { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .charslot-export { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .charslot-iron-toggle { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .charslot-cancel { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .charselect-signout-btn, body.theme-inferno .cloud-signout-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .mode-card-name { color: #ffa040 !important; }
body.theme-inferno .mode-card-toggle { border-color: rgba(255,120,40,0.2) !important; }
body.theme-inferno .mode-card-check { color: #44cc44 !important; }
body.theme-inferno .login-welcome { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .login-guest-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }

/* ── Context menu ── */
body.theme-inferno .player-ctx-menu, body.theme-inferno .ctx-head { background: linear-gradient(180deg, #2a1010, #1e0a0a) !important; border: 1px solid rgba(255,100,0,0.3) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.7), 0 0 14px rgba(255,80,0,0.15) !important; }
body.theme-inferno .player-ctx-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; border-bottom: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .ctx-option { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .ctx-option:hover { background: rgba(255,100,0,0.1) !important; color: #ffcc80 !important; }

/* ── Clue scroll header ── */
body.theme-inferno .clue-scroll-header { background: linear-gradient(180deg, #2e1210, #1e0a0a) !important; border-bottom: 1px solid rgba(255,100,0,0.2) !important; color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .clue-scroll-value { color: #ffcc80 !important; }
body.theme-inferno .sc-name { color: #ffa040 !important; }
body.theme-inferno .sc-loot-value { color: #ffcc80 !important; }

/* ── Settings panel ── */
body.theme-inferno .settings-divider { background: rgba(255,100,0,0.1) !important; }
body.theme-inferno .settings-row-label { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .settings-submenu-row { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.08) !important; }
body.theme-inferno .settings-submenu-row:hover { border-color: rgba(255,120,40,0.25) !important; }
body.theme-inferno .settings-chevron-left { color: rgba(255,120,40,0.5) !important; }
body.theme-inferno .settings-bg-browse { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .settings-broadcast-name { color: #ffa040 !important; }
body.theme-inferno .settings-eat-slider, body.theme-inferno .settings-slider-segment { background: #140606 !important; }
body.theme-inferno .osrs-checkbox { accent-color: rgba(255,100,0,0.9) !important; }
body.theme-inferno .osrs-slider-seg { background: rgba(255,100,0,0.15) !important; border-color: rgba(255,120,40,0.2) !important; }
body.theme-inferno .custom-tab-config-panel { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .custom-tab-config-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .custom-tab-config-row { border-bottom: 1px solid rgba(255,100,0,0.08) !important; color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .rebrand-font-select { background: #140606 !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .pause-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }

/* ── Events ── */
body.theme-inferno .events-header { background: linear-gradient(180deg, #2e1210, #1e0a0a) !important; border-bottom: 1px solid rgba(255,100,0,0.2) !important; }
body.theme-inferno .events-content { background: linear-gradient(180deg, #1e0a0a, #140606) !important; }
body.theme-inferno .event-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .event-flavor { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .event-banner { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.2) !important; }
body.theme-inferno .event-egg-row { background: rgba(255,100,0,0.04) !important; border: 1px solid rgba(255,120,40,0.1) !important; }

/* ── Friends list ── */
body.theme-inferno .friends-panel { background: linear-gradient(180deg, #1e0a0a, #140606) !important; }
body.theme-inferno .friends-panel-header { background: linear-gradient(180deg, #2e1210, #1e0a0a) !important; border-bottom: 1px solid rgba(255,100,0,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .friends-tab, body.theme-inferno .rl-fr-tab { color: rgba(230,170,120,0.5) !important; border-bottom: 2px solid transparent !important; }
body.theme-inferno .friends-tab:hover, body.theme-inferno .rl-fr-tab:hover { color: #ffa040 !important; }
body.theme-inferno .friends-tab.active, body.theme-inferno .rl-fr-tab.active { color: #ffcc80 !important; border-bottom-color: rgba(255,100,0,0.75) !important; }
body.theme-inferno .friends-add-row { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border-bottom: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .friends-add-input, body.theme-inferno .rl-fr-add-input { background: #140606 !important; border: 1px solid rgba(255,120,40,0.15) !important; color: #ffa040 !important; }
body.theme-inferno .friends-add-btn, body.theme-inferno .rl-fr-add-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .friends-priv-row { background: rgba(255,100,0,0.03) !important; border-top: 1px solid rgba(255,100,0,0.08) !important; }
body.theme-inferno .friends-priv-label { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .friends-priv-btn, body.theme-inferno .rl-fr-priv-pill { background: #1e0a0a !important; border: 1px solid rgba(255,120,40,0.15) !important; color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .friends-priv-btn.active, body.theme-inferno .rl-fr-priv-pill.active { background: rgba(255,100,0,0.12) !important; border-color: rgba(255,120,60,0.5) !important; color: #ffa040 !important; }
body.theme-inferno .rl-fr-remove { color: rgba(255,60,40,0.5) !important; }
body.theme-inferno .rl-fr-remove:hover { color: #ff4020 !important; }
body.theme-inferno .claimer-name { color: #ffa040 !important; }

/* ── Global search dropdown ── */
body.theme-inferno .global-search-dropdown { background: linear-gradient(180deg, #2a1010, #1e0a0a) !important; border: 1px solid rgba(255,100,0,0.25) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.7), 0 0 12px rgba(255,80,0,0.12) !important; }
body.theme-inferno .gs-source-header { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; border-bottom: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .gs-source-item-name { color: #ffa040 !important; }
body.theme-inferno .gs-chain-node { background: #1e0a0a !important; border: 1px solid rgba(255,120,40,0.15) !important; color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .gs-chain-current { border-color: rgba(255,120,60,0.5) !important; color: #ffcc80 !important; }

/* ── Skill Hub ── */
body.theme-inferno .skill-hub { background: radial-gradient(ellipse 800px 400px at 50% 100%, rgba(255,60,0,0.04) 0%, transparent 100%), #0e0404 !important; }
body.theme-inferno .skill-hub::before { background: linear-gradient(90deg, transparent, rgba(255,100,0,0.2), transparent) !important; opacity: 0.3 !important; }
body.theme-inferno .hub-empty { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .hub-grid-scroll { scrollbar-color: rgba(255,100,0,0.2) transparent !important; }
body.theme-inferno .hub-skill-icon { background: #1e0a0a !important; border-color: rgba(255,120,40,0.15) !important; }
body.theme-inferno .hub-skill-name { color: #ffa040 !important; }
body.theme-inferno .hub-xp-text { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .hub-swap { background: rgba(255,100,0,0.06) !important; border-color: rgba(255,120,40,0.15) !important; }
body.theme-inferno .hub-swap:hover { background: rgba(255,100,0,0.12) !important; border-color: rgba(255,120,60,0.4) !important; }
body.theme-inferno .hub-tab { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .hub-tab:hover { color: var(--white) !important; }
body.theme-inferno .hub-tab.active { color: #ffa040 !important; border-bottom-color: #ffa040 !important; }
body.theme-inferno .hub-patches-header { color: #ffa040 !important; border-bottom-color: rgba(255,100,0,0.15) !important; }
body.theme-inferno .hub-patch-fill { background: linear-gradient(90deg, #882200, #ff6a00) !important; }
body.theme-inferno .hub-mini-name { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .hub-mini-bar-fill { background: linear-gradient(90deg, #882200, #ff6a00) !important; }
body.theme-inferno .hub-mini-indicator { color: rgba(230,170,120,0.5) !important; }

/* ── Method cards (skill hub grid) ── */
body.theme-inferno .method-card { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.1) !important; border-radius: 7px 7px 3px 3px !important; }
body.theme-inferno .method-card:hover { border-color: rgba(255,120,40,0.35) !important; box-shadow: 0 3px 12px rgba(0,0,0,0.5), 0 0 10px rgba(255,100,0,0.12) !important; }
body.theme-inferno .method-card.active { border-color: rgba(255,120,60,0.55) !important; background: linear-gradient(180deg, rgba(255,120,30,0.18), rgba(100,30,8,0.06)) !important; }
body.theme-inferno .method-card.active::before { background: #ff6a00 !important; }
body.theme-inferno .mc-name { color: #ffa040 !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .mc-lvl { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .mc-time { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .mc-play { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .mc-play:hover { border-color: rgba(255,120,60,0.5) !important; color: #ffcc80 !important; box-shadow: 0 0 10px rgba(255,100,0,0.2) !important; }
body.theme-inferno .mc-input { background: #140606 !important; border-color: rgba(255,120,40,0.15) !important; color: #ffa040 !important; }
body.theme-inferno .method-list-subhead { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .method-hidden-toggle { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .method-shortcut-btn { background: rgba(255,100,0,0.06) !important; border-color: rgba(255,120,40,0.15) !important; color: #ffa040 !important; }
body.theme-inferno .badge-complete { background: rgba(68,204,68,0.15) !important; border-color: rgba(68,204,68,0.4) !important; color: #44cc44 !important; }

/* ── Material / production ── */
body.theme-inferno .mat-label { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .mat-item { background: #1e0a0a !important; border: 1px solid rgba(255,120,40,0.1) !important; }
body.theme-inferno .mat-item-qty { color: #ffa040 !important; }
body.theme-inferno .prod-chip { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .prod-chip.res-ok { color: #44cc44 !important; }
body.theme-inferno .prod-chip.res-no { color: #ff4020 !important; }
body.theme-inferno .prod-chip.prod-output { color: #ffa040 !important; }

/* ── Supply chain ── */
body.theme-inferno .supply-node { background: #1e0a0a !important; border: 1px solid rgba(255,120,40,0.12) !important; }
body.theme-inferno .supply-node-name { color: #ffa040 !important; }
body.theme-inferno .supply-arrow { color: rgba(255,120,40,0.4) !important; }
body.theme-inferno .supply-output-name { color: #ffcc80 !important; }
body.theme-inferno .supply-output-qty { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .supply-yields { color: rgba(230,170,120,0.5) !important; }

/* ── Tier strip ── */
body.theme-inferno .tier-node { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .tier-node.active { color: #ffa040 !important; }
body.theme-inferno .tier-node.locked { color: rgba(255,100,0,0.15) !important; }
body.theme-inferno .tier-lvl { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .tier-connector { background: rgba(255,100,0,0.08) !important; }
body.theme-inferno .tier-connector.unlocked { background: linear-gradient(90deg, rgba(255,100,0,0.3), rgba(255,100,0,0.1)) !important; }

/* ── Forge progress (skill hub) ── */
body.theme-inferno .forge-icon-wrap { background: #1e0a0a !important; border-color: rgba(255,120,40,0.15) !important; }
body.theme-inferno .forge-item-name { color: #ffa040 !important; }
body.theme-inferno .forge-item-detail { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .forge-output-chip { color: #ffa040 !important; }
body.theme-inferno .forge-arrow { color: rgba(255,120,40,0.4) !important; }
body.theme-inferno .forge-stat-label { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .forge-bar-fill { background: linear-gradient(90deg, #882200, #ff6a00, #ffa040) !important; box-shadow: 0 0 8px rgba(255,100,0,0.3) !important; }
body.theme-inferno .forge-bar-time { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .forge-session { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .forge-session-val { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .forge-idle-msg { color: rgba(230,170,120,0.4) !important; }

/* ── Slayer ── */
body.theme-inferno .slayer-btn { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; color: #ffa040 !important; }
body.theme-inferno .slayer-btn:hover { border-color: rgba(255,120,60,0.4) !important; box-shadow: 0 0 12px rgba(255,100,0,0.15) !important; }
body.theme-inferno .slayer-btn-primary { background: linear-gradient(180deg, #ff6a00, #882200) !important; color: #0e0404 !important; border-color: #ff6a00 !important; }
body.theme-inferno .slayer-btn-primary:hover { background: linear-gradient(180deg, #ffa040, #ff6a00) !important; }
body.theme-inferno .slayer-master-card { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; }
body.theme-inferno .slayer-master-card:hover:not(.locked) { border-color: rgba(255,120,40,0.35) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.5), 0 0 10px rgba(255,100,0,0.12) !important; }
body.theme-inferno .smc-name { color: #ffa040 !important; }
body.theme-inferno .smc-portrait { border-color: rgba(255,120,40,0.2) !important; background: #140606 !important; }
body.theme-inferno .smc-btn, body.theme-inferno .smc-auto-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .slayer-tab { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .slayer-tab:hover { color: #ffa040 !important; }
body.theme-inferno .slayer-tab.active { color: #ffa040 !important; border-bottom-color: #ffa040 !important; }
body.theme-inferno .slayer-task-bar { background: linear-gradient(90deg, #882200, #ff6a00, #ffa040) !important; }
body.theme-inferno .slayer-task-name { color: #ffa040 !important; }
body.theme-inferno .slayer-task-target { border-color: rgba(255,120,60,0.4) !important; }
body.theme-inferno .slayer-on-task-badge { background: rgba(255,100,0,0.12) !important; border-color: rgba(255,120,40,0.3) !important; color: #ffa040 !important; }
body.theme-inferno .slayer-shop-cat { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .slayer-dialogue-name { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .slayer-fight-btn { background: linear-gradient(180deg, #ff6a00, #882200) !important; color: #0e0404 !important; }
body.theme-inferno .st-bar { background: linear-gradient(90deg, #882200, #ff6a00, #ffa040) !important; }
body.theme-inferno .st-monster-name, body.theme-inferno .st-name { color: #ffa040 !important; text-shadow: 0 0 6px rgba(255,100,0,0.2) !important; }

/* ── POH / Housing ── */
body.theme-inferno .poh-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .poh-section-title { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .poh-cell { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.1) !important; }
body.theme-inferno .poh-room-card { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.1) !important; }
body.theme-inferno .poh-room-header { color: #ffa040 !important; border-bottom: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .poh-module-slot { background: #140606 !important; border: 1px solid rgba(255,120,40,0.08) !important; }
body.theme-inferno .poh-module-pick-card { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; }
body.theme-inferno .poh-module-pick-card:hover { border-color: rgba(255,120,40,0.35) !important; }
body.theme-inferno .poh-build-btn, body.theme-inferno .poh-action-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .poh-hub-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .poh-tier-btn { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .poh-tier-btn.active { border-color: rgba(255,120,60,0.5) !important; color: #ffa040 !important; }
body.theme-inferno .poh-back { color: #ffa040 !important; }
body.theme-inferno .poh-bonus-wrap { background: rgba(255,100,0,0.04) !important; border: 1px solid rgba(255,120,40,0.1) !important; }

/* ── Prestige deep ── */
body.theme-inferno .p-body { background: linear-gradient(180deg, #1e0a0a, #0e0404) !important; scrollbar-color: rgba(255,100,0,0.2) transparent !important; }
body.theme-inferno .p-stone-title { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .p-bt-id { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .p-bt-obj { color: rgba(230,170,120,0.85) !important; }
body.theme-inferno .p-bt-prog-text { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-bingo-tile { background: linear-gradient(180deg, #261010, #1e0a0a) !important; background-image: none !important; border: 1px solid rgba(255,120,40,0.1) !important; }
body.theme-inferno .p-bingo-tile:hover { border-color: rgba(255,120,40,0.3) !important; }
body.theme-inferno .p-bingo-tile.active { border-color: rgba(255,120,60,0.55) !important; box-shadow: 0 0 10px rgba(255,100,0,0.2) !important; }
body.theme-inferno .p-bingo-line { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-bingo-line.done { color: #44cc44 !important; }
body.theme-inferno .p-board-reset-row { border-top: 1px solid rgba(255,100,0,0.08) !important; }
body.theme-inferno .p-board-reset-info { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-boost-row { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.08) !important; }
body.theme-inferno .p-boost-row:hover { border-color: rgba(255,120,40,0.25) !important; }
body.theme-inferno .p-boost-label { color: rgba(230,170,120,0.85) !important; }
body.theme-inferno .p-boosts-cat { color: #ffa040 !important; border-bottom: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .p-boosts-desc { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-bv-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .p-bv-btn:hover { border-color: rgba(255,120,60,0.5) !important; color: #ffcc80 !important; }
body.theme-inferno .p-bv-btn.primary { background: linear-gradient(180deg, #ff6a00, #882200) !important; color: #0e0404 !important; }
body.theme-inferno .p-pick-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .p-pick-btn:hover { border-color: rgba(255,120,60,0.5) !important; }
body.theme-inferno .p-prog-fill { background: linear-gradient(90deg, #882200, #ff6a00) !important; }
body.theme-inferno .p-prog-fill.green { background: linear-gradient(90deg, #2a4a1a, #44cc44) !important; }
body.theme-inferno .p-reroll-btn { background: linear-gradient(180deg, #3a0808, #280404) !important; border-color: rgba(255,60,40,0.35) !important; color: #ff9080 !important; }
body.theme-inferno .p-completed-section { background: linear-gradient(180deg, #1e0a0a, #140606) !important; }
body.theme-inferno .p-completed-tile { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.08) !important; }
body.theme-inferno .p-completed-tile:hover { border-color: rgba(255,120,40,0.25) !important; }
body.theme-inferno .p-completed-name { color: rgba(230,170,120,0.85) !important; }
body.theme-inferno .p-completed-reward { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-completed-upgrade-badge { background: rgba(255,100,0,0.12) !important; color: #ffa040 !important; }
body.theme-inferno .p-completed-upgrade-info { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-completed-empty { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .p-dash-label { color: #ffa040 !important; }
body.theme-inferno .p-dash-label-bar { background: #0e0404 !important; }
body.theme-inferno .p-dash-pill { background: #1e0a0a !important; border: 1px solid rgba(255,120,40,0.1) !important; color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .p-dash-right { background: linear-gradient(180deg, #1e0a0a, #140606) !important; }
body.theme-inferno .p-detail-label { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-detail-obj { color: rgba(230,170,120,0.85) !important; }
body.theme-inferno .p-fs-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .p-fs-close { background: rgba(255,100,0,0.06) !important; border-color: rgba(255,100,0,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .p-fs-close:hover { background: rgba(255,100,0,0.15) !important; border-color: rgba(255,100,0,0.5) !important; }
body.theme-inferno .p-hs-label { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-hs-currency { color: #ffa040 !important; }
body.theme-inferno .p-hs-dim { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .p-complete-stat { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .p-frozen-warn { color: #9ec6ff !important; }
body.theme-inferno .p-empty-name { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .p-tier-node { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; }
body.theme-inferno .p-tier-node.active { border-color: rgba(255,120,60,0.5) !important; }
body.theme-inferno .p-tier-num { color: #ffa040 !important; }
body.theme-inferno .p-tier-label { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-tier-stats { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .p-pool-scroll { scrollbar-color: rgba(255,100,0,0.2) transparent !important; }
body.theme-inferno .p-pool-cat { color: #ffa040 !important; border-bottom: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .p-pool-row { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.06) !important; }
body.theme-inferno .p-pool-row:hover { border-color: rgba(255,120,40,0.2) !important; }
body.theme-inferno .p-pool-row-id { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .p-pool-row-obj { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .p-pool-row-reward { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-prest-section-title { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-prest-section-title.earn { color: #ffa040 !important; }
body.theme-inferno .p-prest-tier { color: #ffa040 !important; }
body.theme-inferno .p-prest-label { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .p-prest-item { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.08) !important; }
body.theme-inferno .p-prest-currency-label { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .p-prest-currency-calc { color: #ffa040 !important; }
body.theme-inferno .p-upgrade-row { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.08) !important; }
body.theme-inferno .p-upgrade-cost { color: #ffa040 !important; }
body.theme-inferno .p-upgrade-tier-badge { background: rgba(255,100,0,0.12) !important; border-color: rgba(255,120,40,0.3) !important; color: #ffa040 !important; }
body.theme-inferno .p-reward-name { color: #ffa040 !important; }
body.theme-inferno .p-reward-desc { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .p-boss-check-row { border-bottom: 1px solid rgba(255,100,0,0.06) !important; }

/* ── Raids ── */
body.theme-inferno .raid-hub-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .raid-tab { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.1) !important; color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .raid-tab.active { border-color: rgba(255,120,60,0.5) !important; color: #ffa040 !important; }
body.theme-inferno .raid-enter-btn { background: linear-gradient(180deg, #ff6a00, #882200) !important; color: #0e0404 !important; border-color: #ff6a00 !important; }
body.theme-inferno .raid-action-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .raid-eq-slot { background: #140606 !important; border: 1px solid rgba(255,120,40,0.12) !important; }
body.theme-inferno .raid-weapon-slot { background: #140606 !important; border: 1px solid rgba(255,120,40,0.12) !important; }
body.theme-inferno .raid-weapon-option { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.08) !important; }
body.theme-inferno .raid-weapon-option:hover { border-color: rgba(255,120,40,0.3) !important; }
body.theme-inferno .raid-weapon-style { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .raid-lineup-icon { border-color: rgba(255,120,40,0.15) !important; }
body.theme-inferno .raid-loadout-panel { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .raid-picker-section-head { color: rgba(230,170,120,0.5) !important; border-bottom: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .raid-prayer-opt { background: #1e0a0a !important; border: 1px solid rgba(255,120,40,0.1) !important; }
body.theme-inferno .raid-prayer-opt.active { border-color: rgba(255,120,60,0.5) !important; }
body.theme-inferno .raid-auto-label { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .raid-ad { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; }
body.theme-inferno .raid-adv-style-btn, body.theme-inferno .raid-adv-lo-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.15) !important; color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .raid-adv-style-btn.active, body.theme-inferno .raid-adv-lo-btn.active { border-color: rgba(255,120,60,0.5) !important; color: #ffa040 !important; }

/* ── Marketplace extras ── */
body.theme-inferno .marketplace-browse-toggle-btn { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .marketplace-browse-toggle-active { border-color: rgba(255,120,60,0.5) !important; color: #ffa040 !important; background: rgba(255,100,0,0.08) !important; }
body.theme-inferno .marketplace-guide-row { border-bottom: 1px solid rgba(255,100,0,0.06) !important; color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .marketplace-input-suffix { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .marketplace-price-guide { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .marketplace-price-guide-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .marketplace-qty-preset { background: #1e0a0a !important; border: 1px solid rgba(255,120,40,0.12) !important; color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .marketplace-qty-preset:hover { border-color: rgba(255,120,40,0.3) !important; color: #ffa040 !important; }
body.theme-inferno .marketplace-search-input { background: #140606 !important; border: 1px solid rgba(255,120,40,0.15) !important; color: #ffa040 !important; }
body.theme-inferno .marketplace-search-empty { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .marketplace-selected-name { color: #ffa040 !important; }
body.theme-inferno .marketplace-selected-info { color: rgba(230,170,120,0.6) !important; }

/* ── Monster info ── */
body.theme-inferno .mi-section { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .mi-section-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; border-bottom: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .mi-loot-title { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .mi-loot-name { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .mi-loot-unique { color: #ffa040 !important; }
body.theme-inferno .mi-phase-tabs { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border-bottom: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .mi-phase-tab { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .mi-phase-tab.active { color: #ffa040 !important; border-bottom-color: #ffa040 !important; }

/* ── Hiscores (rl-hs) ── */
body.theme-inferno .rl-hs-row { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border-bottom: 1px solid rgba(255,100,0,0.06) !important; }
body.theme-inferno .rl-hs-row:hover { background: rgba(255,100,0,0.06) !important; }
body.theme-inferno .rl-hs-rank { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .rl-hs-name { color: #ffa040 !important; }
body.theme-inferno .rl-hs-lvl { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .rl-hs-sk { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .rl-hs-sk-total { color: #ffa040 !important; }
body.theme-inferno .rl-hs-stat-cell { color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .rl-hs-back { color: #ffa040 !important; }
body.theme-inferno .rl-hs-more { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .rl-hs-mode-badge { background: rgba(255,100,0,0.1) !important; border-color: rgba(255,120,40,0.25) !important; color: #ffa040 !important; }
body.theme-inferno .rl-hs-profile-name { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .profile-header { background: linear-gradient(180deg, #2e1210, #1e0a0a) !important; border-bottom: 1px solid rgba(255,100,0,0.2) !important; }
body.theme-inferno .profile-player-name { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .profile-skill-grid { background: linear-gradient(180deg, #1e0a0a, #140606) !important; }
body.theme-inferno .profile-back-btn { color: #ffa040 !important; }

/* ── Shop hub ── */
body.theme-inferno .shop-hub-btn { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; color: #ffa040 !important; }
body.theme-inferno .shop-hub-btn:hover { border-color: rgba(255,120,40,0.35) !important; box-shadow: 0 0 12px rgba(255,100,0,0.15) !important; }
body.theme-inferno .sto-header { background: linear-gradient(180deg, rgba(30,10,10,0.95), rgba(20,6,6,0.92)) !important; border-bottom-color: rgba(255,120,40,0.2) !important; }
body.theme-inferno .sto-task-name { color: #ffa040 !important; }
body.theme-inferno .sto-action-btn { border-color: rgba(255,120,40,0.15) !important; background: rgba(255,120,40,0.05) !important; }
body.theme-inferno .shop-hub-item { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.1) !important; }
body.theme-inferno .shop-hub-item:hover { border-color: rgba(255,120,40,0.3) !important; }
body.theme-inferno .shop-hub-item-desc { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .shop-hub-item-arrow { color: rgba(255,120,40,0.4) !important; }
body.theme-inferno .shop-section-header { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; border-bottom: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .shop-ironman-banner { background: rgba(255,100,0,0.06) !important; border: 1px solid rgba(255,120,40,0.15) !important; color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .shop-orb { border-color: rgba(255,100,0,0.2) !important; }

/* ── Sidebar bottom bar ── */
body.theme-inferno .sidebar-bottom-bar { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border-top: 1px solid rgba(255,100,0,0.12) !important; }
body.theme-inferno .sidebar-bar-btn { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .sidebar-bar-btn:hover { color: #ffa040 !important; }
body.theme-inferno .sidebar-bar-btn.active { color: #ffa040 !important; }

/* ── XP tracker ── */
body.theme-inferno .rl-xpt-head, body.theme-inferno .xpt-head { background: linear-gradient(180deg, #2e1210, #1e0a0a) !important; color: #ffa040 !important; border-bottom: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .rl-xpt-row { border-bottom: 1px solid rgba(255,100,0,0.06) !important; color: rgba(230,170,120,0.7) !important; }

/* ── RL controls extras ── */
body.theme-inferno .rl-head { background: linear-gradient(180deg, #2e1210, #1e0a0a) !important; border-bottom: 1px solid rgba(255,100,0,0.2) !important; color: #ffa040 !important; }
body.theme-inferno .rl-back { color: #ffa040 !important; }
body.theme-inferno .rl-clog-progress { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .rl-clog-partial { color: rgba(255,120,40,0.6) !important; }
body.theme-inferno .rl-skill-dropdown-wrap { background: #140606 !important; border-color: rgba(255,120,40,0.15) !important; }
body.theme-inferno .tab-count { color: rgba(230,170,120,0.4) !important; }

/* ── Level-up ── */
body.theme-inferno .ember-levelup { background: radial-gradient(circle, rgba(255,100,0,0.3) 0%, transparent 70%) !important; }
body.theme-inferno .ember-lu-ring { border-color: rgba(255,120,40,0.6) !important; box-shadow: 0 0 30px rgba(255,100,0,0.5) !important; }
body.theme-inferno .ember-lu-title { color: #ffa040 !important; font-family: 'Cinzel Decorative', serif !important; }
body.theme-inferno .ember-lu-skill { color: #ffcc80 !important; }
body.theme-inferno .ember-lu-mastery { color: rgba(255,200,80,0.8) !important; }
body.theme-inferno .is-99 { border-color: rgba(255,160,40,0.6) !important; box-shadow: 0 0 20px rgba(255,100,0,0.4) !important; }

/* ── Topbar extras ── */
body.theme-inferno .topbar-rolling-text { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .topbar-rolling-link { color: #ffa040 !important; }

/* ── Misc remaining ── */
body.theme-inferno .disconnect-spinner { border-color: rgba(255,100,0,0.2) !important; border-top-color: #ffa040 !important; }
body.theme-inferno .resource-timer { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .spell-tooltip { background: linear-gradient(180deg, #2a1010, #1e0a0a) !important; border: 1px solid rgba(255,100,0,0.3) !important; color: rgba(230,170,120,0.85) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.7) !important; }
body.theme-inferno .spec-counter-fill { background: linear-gradient(90deg, #882200, #ff6a00) !important; }
body.theme-inferno .sto-fill { background: linear-gradient(90deg, #882200, #ff6a00) !important; }
body.theme-inferno .timer-hub-bar { background: #0e0404 !important; }
body.theme-inferno .pending { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .missing { color: rgba(255,60,40,0.7) !important; }
body.theme-inferno .disabled { opacity: 0.4 !important; }
body.theme-inferno .status-claimed { color: #44cc44 !important; }
body.theme-inferno .mta-balance-bar { background: #0e0404 !important; border-color: rgba(255,100,0,0.15) !important; }
body.theme-inferno .weapon-picker-btn { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .weapon-picker-btn:hover { border-color: rgba(255,120,40,0.35) !important; color: #ffa040 !important; }
body.theme-inferno .weapon-picker-name { color: #ffa040 !important; }
body.theme-inferno .sell-junk-input { background: #140606 !important; border-color: rgba(255,120,40,0.15) !important; color: #ffa040 !important; }
body.theme-inferno .md-section { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border: 1px solid rgba(255,100,0,0.1) !important; }
body.theme-inferno .md-section-title { color: #ffa040 !important; }
body.theme-inferno .spine-choice { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; color: rgba(230,170,120,0.7) !important; }
body.theme-inferno .spine-choice:hover { border-color: rgba(255,120,40,0.35) !important; }
body.theme-inferno .orb-picker-item { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.1) !important; }
body.theme-inferno .orb-picker-item:hover { border-color: rgba(255,120,40,0.35) !important; }
body.theme-inferno .orb-picker-item-name { color: #ffa040 !important; }
body.theme-inferno .ep-cz-loot-item--selected { border-color: rgba(255,160,60,0.9) !important; box-shadow: 0 0 20px rgba(255,100,0,0.5) !important; }
body.theme-inferno .quest-lore-block { background: rgba(255,100,0,0.04) !important; border-left: 2px solid rgba(255,100,0,0.25) !important; color: rgba(230,170,120,0.75) !important; font-style: italic; }

/* ── Profile hub theme gear ── */
body.theme-inferno .ph-edge { opacity: 0.4 !important; background: linear-gradient(90deg, transparent 5%, rgba(200,40,0,0.3) 15%, rgba(255,80,0,0.6) 30%, rgba(255,140,0,0.9) 45%, rgba(255,200,100,1) 50%, rgba(255,140,0,0.9) 55%, rgba(255,80,0,0.6) 70%, rgba(200,40,0,0.3) 85%, transparent 95%) !important; }
body.theme-inferno .ph-theme-gear { color: rgba(230,170,120,0.5) !important; }
body.theme-inferno .ph-theme-gear:hover { color: #ffa040 !important; }
body.theme-inferno .ph-theme-option { color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .ph-theme-option:hover { background: rgba(255,100,0,0.08) !important; color: #ffa040 !important; }
body.theme-inferno .ph-theme-active, body.theme-inferno .ph-theme-option.ph-theme-active { color: #ffa040 !important; }
body.theme-inferno .ph-theme-ember { color: #ffa040 !important; }
body.theme-inferno .ph-tile-id { color: rgba(230,170,120,0.4) !important; }

/* ── Viewport backgrounds ── */
body.theme-inferno .bg-arena, body.theme-inferno .bg-castle, body.theme-inferno .bg-crystal_gate,
body.theme-inferno .bg-dungeon, body.theme-inferno .bg-farmstead, body.theme-inferno .bg-fishing,
body.theme-inferno .bg-forest_cave, body.theme-inferno .bg-forest_waterfall, body.theme-inferno .bg-harbor,
body.theme-inferno .bg-lava_castle, body.theme-inferno .bg-marketplace, body.theme-inferno .bg-smithy,
body.theme-inferno .bg-valley, body.theme-inferno .bg-village {
    background-color: #0e0404 !important;
}
body.theme-inferno .bg-picker-btn, body.theme-inferno .bg-browser-btn { background: linear-gradient(180deg, #261010, #1e0a0a) !important; border: 1px solid rgba(255,120,40,0.12) !important; color: rgba(230,170,120,0.6) !important; }
body.theme-inferno .bg-picker-btn:hover, body.theme-inferno .bg-browser-btn:hover { border-color: rgba(255,120,40,0.35) !important; color: #ffa040 !important; }
body.theme-inferno .bg-picker-none, body.theme-inferno .bg-browser-none { color: rgba(230,170,120,0.4) !important; }

/* ── Loadout missing selectors ── */
body.theme-inferno .loadout-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; border-color: rgba(255,120,40,0.2) !important; color: #ffa040 !important; padding: 2px 8px !important; font-size: 10px !important; }
body.theme-inferno .loadout-del { background: linear-gradient(180deg, #3a0808, #280404) !important; border-color: rgba(255,60,40,0.3) !important; color: #ff9080 !important; }
body.theme-inferno .loadout-del:hover { background: linear-gradient(180deg, #4a1010, #3a0808) !important; border-color: rgba(255,60,40,0.5) !important; }

/* =========================================================================
   body.rebrand OVERRIDES — the game always has body.rebrand, so these
   selectors from style.css override the base and ALSO need inferno colors.
   ========================================================================= */
body.theme-inferno.rebrand .sidebar::before,
body.theme-inferno.rebrand .sidebar::after { background: linear-gradient(90deg, #0e0404 0px, #2a1010 1px, #3e1818 2px, #2a1010 3px, #1e0c0c 5px, #140606 6px, #0e0404 7px) !important; }
body.theme-inferno.rebrand .sidebar-top-tabs,
body.theme-inferno.rebrand .sidebar-tabs { background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%) !important; }
body.theme-inferno.rebrand .sidebar-top-tab,
body.theme-inferno.rebrand .sidebar-tab { background: linear-gradient(180deg, #261010, #1e0a0a, #140606) !important; color: rgba(230,170,120,0.5) !important; }
body.theme-inferno.rebrand .sidebar-top-tab:hover,
body.theme-inferno.rebrand .sidebar-tab:hover { background: linear-gradient(180deg, #321616, #261010, #1e0a0a) !important; color: #ffa040 !important; }
body.theme-inferno.rebrand .sidebar-top-tab.active,
body.theme-inferno.rebrand .sidebar-tab.active { background: linear-gradient(180deg, #321616, #2a1010, #261010) !important; border-color: #261010 !important; color: #ffcc80 !important; }
body.theme-inferno.rebrand .sidebar-top-tab.active::before,
body.theme-inferno.rebrand .sidebar-tab.active::before { background: #261010 !important; }
body.theme-inferno.rebrand .sidebar-body,
body.theme-inferno.rebrand .rc-panel-body,
body.theme-inferno.rebrand .sidebar-skills { background-color: #140606 !important; }

body.theme-inferno.rebrand .rc-panel-head {
    background-color: #1e0a0a !important;
    background-image: linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%) !important;
    border: none !important;
}
body.theme-inferno.rebrand .rc-panel-head > span:first-child {
    font-family: 'Cinzel Decorative', serif !important;
    background-image: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
}
body.theme-inferno.rebrand .rc-panel-tabs { background: linear-gradient(180deg, #1e0a0a 0%, #140606 100%) !important; }
body.theme-inferno.rebrand .rc-panel-tab { background: linear-gradient(180deg, #261010, #1e0a0a) !important; }
body.theme-inferno.rebrand .rc-panel-tab:hover { background: linear-gradient(180deg, #321616, #261010) !important; }
body.theme-inferno.rebrand .rc-panel-tab.active { background: linear-gradient(180deg, #381818, #2a1010) !important; border-bottom-color: #261010 !important; }

body.theme-inferno.rebrand .osrs-btn { background: linear-gradient(180deg, #321414, #200c0c) !important; }
body.theme-inferno.rebrand .osrs-btn:hover { background: linear-gradient(180deg, #3e1818, #2a1010) !important; }
body.theme-inferno.rebrand .osrs-btn:active { background: linear-gradient(180deg, #261010, #3e1818) !important; }

body.theme-inferno.rebrand .rl-controls,
body.theme-inferno.rebrand .rl-panel-header,
body.theme-inferno.rebrand .rl-shop-header { background: linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%) !important; }
body.theme-inferno.rebrand .rl-bar-sep { background: #261010 !important; }
body.theme-inferno.rebrand .rl-xpt-head { background: linear-gradient(180deg, #2e1210, #1e0a0a) !important; }

body.theme-inferno.rebrand .chatbox-tab { background: linear-gradient(180deg, #261010, #1e0a0a, #140606) !important; }
body.theme-inferno.rebrand .chatbox-tab:hover { background: linear-gradient(180deg, #321616, #261010, #1e0a0a) !important; }
body.theme-inferno.rebrand .chatbox-tab.active { background: linear-gradient(180deg, #381818, #2a1010, #261010) !important; border-bottom-color: #261010 !important; }
body.theme-inferno.rebrand .chat-input { border-color: #261010 !important; }
body.theme-inferno.rebrand .chat-input-row { border-top-color: #261010 !important; }

body.theme-inferno.rebrand .timer-hub { border: 8px solid #2a1010 !important; border-top: 10px solid #261010 !important; box-shadow: inset 0 0 0 2px #3e1818, 0 0 0 3px #000 !important; }
body.theme-inferno.rebrand .timer-hub-header { background: linear-gradient(180deg, #261010, #1e0a0a, #140606) !important; }

body.theme-inferno.rebrand .charselect-panel { background: #261010 !important; background-image: linear-gradient(180deg, #2a1010 0%, #261010 8%, #1e0a0a 92%, #140606 100%) !important; }
body.theme-inferno.rebrand .charslot:hover { background: #1e0a0a !important; border-color: #3e1818 !important; }
body.theme-inferno.rebrand .charslot-active { background: #1e0a0a !important; }

body.theme-inferno.rebrand .method-row:hover:not(:disabled) { border-color: #3e1818 !important; }

body.theme-inferno.rebrand .global-search-dropdown { background: #1e0a0a !important; background-image: linear-gradient(180deg, #261010, #1e0a0a, #140606) !important; box-shadow: inset 1px 1px 0 #3e1818, 0 6px 24px rgba(0,0,0,0.8) !important; }

body.theme-inferno.rebrand .rl-shop-item-name { color: #ffa040 !important; }

/* ── Kill parchment texture on ALL rebrand components ── */
body.theme-inferno.rebrand .equip-prayer-row,
body.theme-inferno.rebrand .equip-style-row,
body.theme-inferno.rebrand .equip-actions,
body.theme-inferno.rebrand .combat-tab-grid,
body.theme-inferno.rebrand .method-list,
body.theme-inferno.rebrand .prayer-tab,
body.theme-inferno.rebrand .prayer-summary {
    background-color: #140606 !important;
    background-image: linear-gradient(180deg, rgba(255,100,0,0.02), rgba(0,0,0,0.12)) !important;
    background-size: auto !important;
}
body.theme-inferno.rebrand .rc-panel-tabs,
body.theme-inferno.rebrand .rc-panel-search,
body.theme-inferno.rebrand .rc-panel-foot,
body.theme-inferno.rebrand .rc-modal,
body.theme-inferno.rebrand .rc-modal-inner,
body.theme-inferno.rebrand .rc-modal-head,
body.theme-inferno.rebrand .rc-modal-body,
body.theme-inferno.rebrand .eq-section-head,
body.theme-inferno.rebrand .combat-tab-category,
body.theme-inferno.rebrand .autocast-info-panel,
body.theme-inferno.rebrand .charselect-panel,
body.theme-inferno.rebrand .charselect-inner,
body.theme-inferno.rebrand .charselect-header,
body.theme-inferno.rebrand .charselect-footer,
body.theme-inferno.rebrand .global-search-dropdown {
    background-image: none !important;
}

/* ── Combat tab buttons ── */
body.theme-inferno.rebrand .combat-tab-btn {
    background: radial-gradient(ellipse 60% 50% at 50% 108%, rgba(255,100,0,0.06) 0%, transparent 60%), linear-gradient(180deg, #261010 0%, #1a0808 65%, #100505 100%) !important;
    border: 2px solid rgba(255,120,40,0.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.45), inset 0 -4px 8px rgba(255,60,0,0.04), 0 2px 8px rgba(0,0,0,0.25) !important;
}
body.theme-inferno.rebrand .combat-tab-btn:hover {
    border-color: rgba(255,120,40,0.35) !important;
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.1), inset 0 -4px 8px rgba(255,60,0,0.06), 0 4px 12px rgba(0,0,0,0.35), 0 0 10px rgba(255,100,0,0.1) !important;
}
body.theme-inferno.rebrand .combat-tab-btn.active {
    background: radial-gradient(ellipse 60% 50% at 50% 108%, rgba(255,100,0,0.15) 0%, transparent 55%), linear-gradient(180deg, rgba(255,120,30,0.2) 0%, rgba(180,60,15,0.12) 60%, rgba(100,30,8,0.06) 100%) !important;
    border-color: rgba(255,120,60,0.6) !important;
    border-bottom-color: rgba(255,140,70,0.85) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.2), inset 0 -4px 8px rgba(255,80,0,0.12), 0 0 0 1px rgba(255,100,0,0.25), 0 0 14px rgba(255,100,0,0.2) !important;
}

/* ── Skill cells ── */
body.theme-inferno.rebrand .skill-grid { background: #0e0404 !important; }
body.theme-inferno.rebrand .skill-cell {
    background: radial-gradient(ellipse 60% 40% at 50% 108%, rgba(255,100,0,0.06) 0%, transparent 60%), linear-gradient(180deg, #2a1212 0%, #1a0a0a 65%, #120606 100%) !important;
    border: 2px solid rgba(255,120,40,0.15) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.45), inset 0 -4px 8px rgba(255,60,0,0.03), 0 2px 8px rgba(0,0,0,0.25) !important;
}
body.theme-inferno.rebrand .skill-cell:hover {
    border-color: rgba(255,120,40,0.35) !important;
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.1), inset 0 -4px 8px rgba(255,60,0,0.05), 0 4px 12px rgba(0,0,0,0.35), 0 0 10px rgba(255,100,0,0.1) !important;
}
body.theme-inferno.rebrand .skill-cell.active {
    background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(255,100,0,0.15) 0%, transparent 55%), linear-gradient(180deg, #321616 0%, #1e0a0a 62%, #140606 100%) !important;
    border-color: rgba(255,120,60,0.55) !important;
    border-bottom-color: rgba(255,140,70,0.85) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.2), inset 0 -4px 8px rgba(255,80,0,0.1), 0 0 0 1px rgba(255,100,0,0.25), 0 0 14px rgba(255,100,0,0.2) !important;
}
body.theme-inferno.rebrand .skill-cell .sk-xp-bar {
    background: linear-gradient(90deg, rgba(255,80,20,0.9), rgba(255,140,40,1) 50%, rgba(255,80,20,0.9)) !important;
    box-shadow: inset 0 1px 0 rgba(255,200,120,0.3), 0 0 6px rgba(255,100,0,0.4) !important;
}
body.theme-inferno.rebrand .skill-cell.maxed {
    border-color: rgba(255,160,80,0.42) !important;
    border-bottom-color: rgba(255,160,80,0.85) !important;
    box-shadow: inset 0 1px 0 rgba(255,200,120,0.22), inset 0 -1px 0 rgba(255,160,80,0.34), 0 0 0 1px rgba(255,160,80,0.4), 0 0 20px rgba(255,160,80,0.3) !important;
}
body.theme-inferno.rebrand .skill-cell.maxed .sk-xp-bar {
    background: linear-gradient(90deg, rgba(255,80,20,0.9), rgba(255,140,40,1), rgba(255,200,80,1)) !important;
}

/* ── Bank cells ── */
body.theme-inferno.rebrand .bank-grid { background: linear-gradient(180deg, #1c0e0e, #140606) !important; }
body.theme-inferno.rebrand .bank-cell {
    background: radial-gradient(ellipse 70% 50% at 50% 108%, rgba(0,0,0,0.3) 0%, transparent 60%), linear-gradient(180deg, #2a1212 0%, #1a0a0a 65%, #120606 100%) !important;
    border: 2px solid rgba(255,120,40,0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.05), inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 2px 3px rgba(0,0,0,0.45) !important;
}
body.theme-inferno.rebrand .bank-cell:hover {
    border-color: rgba(255,120,40,0.3) !important;
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.12), 0 0 12px rgba(255,100,0,0.15) !important;
}
body.theme-inferno.rebrand .bank-cell.selected {
    border-color: rgba(255,140,70,0.85) !important;
    background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(255,100,20,0.25) 0%, transparent 62%), linear-gradient(180deg, #361818 0%, #1e0c0c 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.25), inset 0 -1px 0 rgba(255,120,30,0.4), 0 0 0 1px rgba(255,100,0,0.4), 0 0 18px rgba(255,100,0,0.35) !important;
}

/* ── Section heads (Tool bar, Monster/Boss list head) ── */
body.theme-inferno.rebrand .eq-section-head,
body.theme-inferno.rebrand .method-list-head {
    background-color: #1e0a0a !important;
    background-image: linear-gradient(180deg, #ffe0a0 0%, #ffa040 45%, #cc5500 78%, #882200 100%), linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%) !important;
    background-clip: text, padding-box !important;
    -webkit-background-clip: text, padding-box !important;
    color: transparent !important;
    border-top: 1px solid rgba(255,140,60,0.09) !important;
    border-bottom: 1px solid rgba(0,0,0,0.55) !important;
}
body.theme-inferno.rebrand .equip-grid {
    background: radial-gradient(ellipse 60% 55% at 50% 100%, rgba(255,80,0,0.08) 0%, transparent 65%), linear-gradient(180deg, #261010 0%, #160808 55%, #0e0404 100%) !important;
}

/* ── Prayer / Faith ── */
body.theme-inferno.rebrand .prayer-cell {
    background: radial-gradient(ellipse 60% 50% at 50% 108%, rgba(255,100,0,0.04) 0%, transparent 60%), linear-gradient(180deg, #261010 0%, #1a0a0a 100%) !important;
    border: 2px solid rgba(255,120,40,0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.05), inset 0 -1px 0 rgba(0,0,0,0.5) !important;
}
body.theme-inferno.rebrand .prayer-cell:hover:not(.locked) {
    border-color: rgba(255,120,40,0.3) !important;
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.1), 0 0 10px rgba(255,100,0,0.12) !important;
}
body.theme-inferno.rebrand .prayer-cell.active {
    background: radial-gradient(ellipse 60% 50% at 50% 108%, rgba(255,100,0,0.12) 0%, transparent 55%), linear-gradient(180deg, rgba(255,120,30,0.24), rgba(180,60,15,0.14) 60%, rgba(100,30,8,0.08)) !important;
    border-color: rgba(255,120,60,0.55) !important;
    border-bottom-color: rgba(255,140,70,0.85) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.3), inset 0 -4px 8px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,100,0,0.3), 0 0 16px rgba(255,100,0,0.25) !important;
}
body.theme-inferno.rebrand .prayer-cell.active img { filter: drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px rgba(255,100,0,0.55)) !important; }
body.theme-inferno.rebrand .prayer-cell.locked { opacity: 0.2 !important; filter: grayscale(0.9) brightness(0.5) !important; }

/* ── Spells ── */
body.theme-inferno.rebrand .spell-cell {
    background: radial-gradient(ellipse 60% 50% at 50% 108%, rgba(255,100,0,0.04) 0%, transparent 60%), linear-gradient(180deg, #261010 0%, #1a0a0a 100%) !important;
    border: 2px solid rgba(255,120,40,0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.05), inset 0 -1px 0 rgba(0,0,0,0.5) !important;
}
body.theme-inferno.rebrand .spell-cell:hover:not(.locked) {
    border-color: rgba(255,120,40,0.3) !important;
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.1), 0 0 10px rgba(255,100,0,0.12) !important;
}
body.theme-inferno.rebrand .spell-cell.active {
    background: radial-gradient(ellipse 60% 50% at 50% 108%, rgba(255,100,0,0.12) 0%, transparent 55%), linear-gradient(180deg, rgba(255,120,30,0.24), rgba(100,30,8,0.08)) !important;
    border-color: rgba(255,120,60,0.55) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.3), 0 0 0 1px rgba(255,100,0,0.3), 0 0 16px rgba(255,100,0,0.25) !important;
}
body.theme-inferno.rebrand .spell-cell.locked { opacity: 0.2 !important; filter: grayscale(0.9) brightness(0.5) !important; }

/* ── Method rows ── */
body.theme-inferno.rebrand .method-row {
    background: radial-gradient(ellipse 80% 40% at 50% 108%, rgba(255,100,0,0.03) 0%, transparent 65%), linear-gradient(180deg, #261010 0%, #1a0a0a 100%) !important;
    border: 2px solid rgba(255,120,40,0.1) !important;
    -webkit-mask: none !important; mask: none !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.06), inset 0 -1px 0 rgba(0,0,0,0.4) !important;
}
body.theme-inferno.rebrand .method-row:hover:not(:disabled) {
    border-color: rgba(255,120,40,0.3) !important;
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.12), 0 3px 10px rgba(0,0,0,0.5), 0 0 10px rgba(255,100,0,0.1) !important;
}
body.theme-inferno.rebrand .method-row.active {
    background: radial-gradient(ellipse 60% 45% at 50% 108%, rgba(255,100,0,0.15) 0%, transparent 55%), linear-gradient(180deg, rgba(255,120,30,0.18), rgba(180,60,15,0.1) 60%, rgba(100,30,8,0.06)) !important;
    border-color: rgba(255,120,60,0.55) !important;
    border-bottom-color: rgba(255,140,70,0.85) !important;
    box-shadow: inset 0 1px 0 rgba(255,160,80,0.26), inset 0 -4px 8px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,100,0,0.28), 0 0 20px rgba(255,100,0,0.26) !important;
}

/* ── Prestige layout deep ── */
body.theme-inferno .p-fullscreen { background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(255,60,0,0.08) 0%, transparent 55%), linear-gradient(180deg, #1e0a0a 0%, #0e0404 60%, #060202 100%) !important; }
body.theme-inferno .p-fs-header { background: linear-gradient(180deg, #2e1210 0%, #1e0a0a 100%) !important; border-bottom: 1px solid #0e0404 !important; }
body.theme-inferno .p-tabs { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border-bottom: 1px solid rgba(255,100,0,0.15) !important; }
body.theme-inferno .p-tab { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .p-tab:hover { color: #ffa040 !important; background: rgba(255,100,0,0.04) !important; }
body.theme-inferno .p-tab.active { color: #ffa040 !important; border-bottom-color: #ffa040 !important; background: rgba(255,100,0,0.06) !important; }
body.theme-inferno .p-body { background: linear-gradient(180deg, #140606, #0e0404) !important; scrollbar-color: rgba(255,100,0,0.2) transparent !important; }
body.theme-inferno .p-body::-webkit-scrollbar-thumb { background: rgba(255,100,0,0.2) !important; border-radius: 3px !important; }
body.theme-inferno .p-body::-webkit-scrollbar-thumb:hover { background: rgba(255,100,0,0.35) !important; }
body.theme-inferno .p-stone { background: transparent !important; border: none !important; }
body.theme-inferno .p-stone-body { background: #0e0404 !important; }
body.theme-inferno .p-stone-head { border-bottom: 1px solid rgba(255,100,0,0.12) !important; }
body.theme-inferno .p-stone-title { color: rgba(230,170,120,0.5) !important; font-family: 'Cinzel', serif !important; }
body.theme-inferno .p-dashboard { background: #0e0404 !important; }
body.theme-inferno .p-dash-left { background: linear-gradient(180deg, #1e0a0a, #140606) !important; border-color: rgba(255,100,0,0.08) !important; scrollbar-color: rgba(255,100,0,0.2) transparent !important; }
body.theme-inferno .p-dash-left::-webkit-scrollbar-thumb { background: rgba(255,100,0,0.2) !important; }
body.theme-inferno .p-dash-right { scrollbar-color: rgba(255,100,0,0.2) transparent !important; }
body.theme-inferno .p-dash-right::-webkit-scrollbar-thumb { background: rgba(255,100,0,0.2) !important; }
body.theme-inferno .p-dash-footer { background: linear-gradient(180deg, rgba(20,6,6,0.6), #1e0a0a) !important; border-top: 1px solid #0e0404 !important; }
body.theme-inferno .p-dash-sep { border-color: #0e0404 !important; }
body.theme-inferno .p-dash-label-sub { color: rgba(230,170,120,0.4) !important; }
body.theme-inferno .p-prog-bar { background: #060202 !important; border: 1px solid rgba(255,100,0,0.08) !important; }
body.theme-inferno .p-detail-prog-row { color: rgba(230,170,120,0.8) !important; }
body.theme-inferno .p-detail-footer { background: #0e0404 !important; border-top: 1px solid rgba(255,100,0,0.08) !important; }
body.theme-inferno .p-bingo-footer { background: #0e0404 !important; border-top: 1px solid rgba(255,100,0,0.08) !important; }
body.theme-inferno .p-bingo-lines { border-top: 1px solid rgba(255,100,0,0.08) !important; }
body.theme-inferno .p-boosts-section { background: linear-gradient(180deg, #140606, #0e0404) !important; }
body.theme-inferno .p-boost-bar { background: #060202 !important; }
body.theme-inferno .p-boost-bar-fill { background: linear-gradient(90deg, #882200, #ff6a00) !important; }
body.theme-inferno .p-boost-buy { background: linear-gradient(180deg, #261010, #1e0a0a) !important; color: #ffa040 !important; border-color: rgba(255,120,40,0.2) !important; }
body.theme-inferno .p-boost-buy:hover { border-color: rgba(255,120,60,0.5) !important; background: linear-gradient(180deg, #321414, #261010) !important; }
body.theme-inferno .p-boost-buy.disabled { background: #0e0404 !important; color: rgba(230,170,120,0.2) !important; border-color: rgba(255,100,0,0.05) !important; }
body.theme-inferno .p-boost-level { color: #ffa040 !important; }
body.theme-inferno .p-completed-section::-webkit-scrollbar-thumb { background: rgba(255,100,0,0.2) !important; }
body.theme-inferno .p-reroll-banner { background: rgba(255,32,32,0.08) !important; border-color: rgba(255,32,32,0.2) !important; }

/* ── Grimoire drawer (mobile nav-v2) ── */
body.theme-inferno.nav-v2 .rc-drawer {
    background: linear-gradient(180deg, #2a1010 0%, #1e0a0a 42%, #0e0404 100%) !important;
    border-top: 2px solid #ff6a00 !important;
    box-shadow: 0 -20px 60px rgba(0,0,0,0.85), inset 0 1px 0 rgba(255,120,40,0.14) !important;
}
body.theme-inferno.nav-v2 .rc-drawer::before {
    background: radial-gradient(ellipse at 50% 100%, rgba(255,100,0,0.18), transparent 55%) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-grabber { background: rgba(255,120,40,0.32) !important; }
body.theme-inferno.nav-v2 .rc-drawer-title {
    font-family: 'Cinzel Decorative', serif !important;
    color: #ffa040 !important;
    text-shadow: 0 1px 0 #000, 0 0 14px rgba(255,100,0,0.4) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-close {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,120,40,0.22) !important;
    color: rgba(230,170,120,0.7) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-close:active {
    background: rgba(255,100,0,0.12) !important;
    border-color: rgba(255,100,0,0.5) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-section-head::before,
body.theme-inferno.nav-v2 .rc-drawer-section-head::after {
    background: linear-gradient(90deg, transparent, rgba(255,100,0,0.28), transparent) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-section-title {
    font-family: 'Cinzel Decorative', serif !important;
    color: rgba(255,160,40,0.72) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-tile {
    background: linear-gradient(180deg, #321414 0%, #1e0a0a 52%, #0e0404 100%) !important;
    border: 1px solid rgba(255,120,40,0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,120,40,0.1), inset 0 -4px 8px rgba(0,0,0,0.35), 0 2px 4px rgba(0,0,0,0.45) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-tile::after {
    background: radial-gradient(ellipse at 50% 100%, rgba(255,100,0,0.08), transparent 60%) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-tile:active {
    border-color: rgba(255,100,0,0.6) !important;
}
body.theme-inferno.nav-v2 .rc-drawer-tile-label {
    color: rgba(230,170,120,0.75) !important;
    font-family: 'Cinzel', serif !important;
}
body.theme-inferno.nav-v2 .rc-drawer-scrim {
    background: radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 70%) !important;
}

/* ── Green overrides (kill neon #00FF00, use muted #44cc44) ── */
body.theme-inferno .log-clog,
body.theme-inferno .quest-detail-status.complete,
body.theme-inferno .poh-bonus-title,
body.theme-inferno .poh-maxhit-val,
body.theme-inferno .p-bingo-tile.complete .p-bt-id,
body.theme-inferno .p-bingo-tile.complete .p-bt-obj,
body.theme-inferno .p-bingo-tile.complete .p-bt-prog-text,
body.theme-inferno .p-boost-level,
body.theme-inferno .p-tier-stat-val.active,
body.theme-inferno .p-prest-section-title.keep,
body.theme-inferno .p-upgrade-row.owned .p-upgrade-cost,
body.theme-inferno .mc-lvl.met,
body.theme-inferno .mc-xp,
body.theme-inferno .mc-input-qty.has,
body.theme-inferno .mat-item-qty.has,
body.theme-inferno .supply-node-qty.has,
body.theme-inferno .friends-name.online,
body.theme-inferno .timer-hub-row.ready .timer-hub-name,
body.theme-inferno .timer-hub-row.ready .timer-hub-time { color: #44cc44 !important; }
body.theme-inferno .p-bingo-tile.complete::before,
body.theme-inferno .p-completed-tile::before,
body.theme-inferno .p-bt-check,
body.theme-inferno .p-upgrade-row.owned::before { background: #44cc44 !important; }
body.theme-inferno .p-completed-upgrade-badge.max { background: #44cc44 !important; }
body.theme-inferno .p-upgrade-row.owned .p-upgrade-tier-badge { background: #44cc44 !important; }
body.theme-inferno .p-prest-item.keep .p-pi-icon { color: #44cc44 !important; }

/* ============ LOOTING BAG ============ */
body.theme-inferno .looting-bag-overlay {
    background: linear-gradient(145deg, #2a1410 0%, #1a0c08 50%, #120604 100%);
    border-color: #4a2018;
    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(255,80,30,0.08);
}
body.theme-inferno .looting-bag-overlay:hover {
    border-color: #6a3020;
}
body.theme-inferno .looting-bag-overlay.has-unique {
    border-color: #cc5020;
    animation: lbag-breathe-inf 1.6s ease-in-out infinite;
}
body.theme-inferno .looting-bag-overlay.has-unique::before {
    background: radial-gradient(circle, rgba(255,80,30,0.4) 0%, rgba(255,80,30,0) 70%);
    animation: lbag-aura-inf 1.6s ease-in-out infinite;
}
@keyframes lbag-breathe-inf {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.9), 0 0 8px rgba(255,80,30,0.45), 0 0 20px rgba(255,60,20,0.15), inset 0 1px 0 rgba(255,100,40,0.1);
        border-color: #b04018;
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.9), 0 0 18px rgba(255,80,30,0.75), 0 0 36px rgba(255,60,20,0.35), 0 0 50px rgba(255,40,10,0.12), inset 0 1px 0 rgba(255,100,40,0.2);
        border-color: #e06028;
    }
}
@keyframes lbag-aura-inf {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.18); }
}
body.theme-inferno .lbag-item {
    background: rgba(26,12,8,0.6);
    border-color: #321810;
}
body.theme-inferno .lbag-item-unique {
    border-color: #8a4020;
    box-shadow: 0 0 6px rgba(255,80,30,0.35), inset 0 0 6px rgba(255,80,30,0.08);
}

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