/* ==========================================================================
   RUNIC THEME: Runic Obsidian Reforged
   Obsidian glass, candlelit gold, dark ivory, and refined runic noir.
   ========================================================================= */

[data-theme="runic-obsidian"] {
    --hue-primary: 42;
    --hue-accent: 46;
    --hue-gm: 280;
    --hue-danger: 356;
    --hue-warning: 38;
    --hue-success: 146;
    --hue-toxicity: 102;
    --hue-neutral: 34;

    --sat-primary: 56%;
    --lit-primary: 56%;
    --lit-primary-hover: 64%;
    --sat-accent: 38%;
    --lit-accent: 78%;
    --lit-accent-hover: 84%;
    --sat-gm: 48%;
    --lit-gm: 64%;
    --lit-gm-text: 96%;
    --sat-danger: 66%;
    --lit-danger: 58%;
    --lit-danger-hover: 64%;
    --sat-warning: 72%;
    --lit-warning: 60%;
    --sat-success: 34%;
    --lit-success: 48%;

    --sat-toxicity: 44%;
    --lit-toxicity: 54%;
    --lightness-bg: 7%;

    --radius-sm: 5px;
    --radius-md: 9px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-2xl: 28px;

    --font-sans: 'Inter', 'Segoe UI', Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', 'Consolas', monospace;

    --duration-75: 100ms;
    --duration-150: 180ms;
    --duration-250: 300ms;
    --duration-300: 420ms;
    --duration-400: 760ms;

    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --moss-dark: hsl(230 22% 7%);
    --forest-panel: hsl(226 18% 12%);
    --runic-green: hsl(42 56% 56%);
    --jade-mist: hsl(44 24% 76%);
    --bronze-gold: hsl(42 62% 58%);
    --bone-paper: hsl(42 30% 90%);
    --leaf-silver: hsl(38 16% 80%);

    --bg-page: hsl(240 22% 5%);
    --bg-primary: hsl(236 22% 7%);
    --bg-secondary: hsl(232 18% 10% / 0.92);
    --bg-tertiary: hsl(230 16% 13% / 0.95);
    --bg-card: hsl(232 16% 12% / 0.78);
    --bg-hover: hsl(232 18% 18% / 0.62);
    --bg-input: hsl(232 16% 12%);
    --surface-elevated: hsl(232 16% 15% / 0.9);
    --surface-overlay: hsl(234 20% 8% / 0.94);
    --surface-panel: hsl(232 16% 14% / 0.9);

    --text-primary: hsl(42 34% 90%);
    --text-secondary: hsl(40 18% 78%);
    --text-label: hsl(38 14% 72%);
    --text-light: hsl(46 38% 97%);
    --text-muted: hsl(36 12% 66% / 0.82);

    --border-color: hsl(40 26% 58% / 0.18);
    --border-subtle: hsl(36 14% 72% / 0.08);
    --border-strong: hsl(42 42% 68% / 0.3);

    --shadow-glow-primary:
        0 18px 36px hsl(236 28% 4% / 0.56),
        0 0 26px hsl(42 56% 56% / 0.14);
    --shadow-glow-accent: 0 10px 24px hsl(42 36% 68% / 0.16);
    --shadow-glow-danger: 0 10px 22px hsl(356 54% 54% / 0.14);
    --shadow-glow-gold: 0 0 24px hsl(42 62% 58% / 0.22);

    --icon-color: hsl(42 30% 82%);
    --icon-filter: brightness(0) saturate(100%) invert(84%) sepia(26%)
        saturate(572%) hue-rotate(356deg) brightness(96%) contrast(92%);

    --color-focus-ring: hsl(42 56% 56% / 0.2);

    --color-tooltip-bg: hsl(28 16% 9% / 0.985);
    --color-tooltip-highlight: hsl(42 36% 82%);
    --color-tooltip-effect-bg: hsl(42 56% 56% / 0.12);
    --color-tooltip-text: hsl(42 34% 90%);
    --color-tooltip-label: hsl(42 28% 76%);
    --color-tooltip-muted: hsl(36 12% 70%);
    --color-tooltip-dim: hsl(36 8% 58%);
    --color-tooltip-pos: hsl(146 34% 60%);
    --color-tooltip-neg: hsl(356 60% 62%);
    --color-tooltip-separator: hsl(42 18% 70% / 0.24);
    --color-tooltip-section-bg: hsl(30 10% 16% / 0.88);

    --quality-0-color1: rgb(114, 128, 120);
    --quality-0-color2: rgb(78, 92, 86);
    --quality-1-color1: rgb(228, 228, 214);
    --quality-1-color2: rgb(186, 190, 168);
    --quality-2-color1: rgb(112, 198, 144);
    --quality-2-color2: rgb(72, 150, 102);
    --quality-3-color1: rgb(88, 176, 184);
    --quality-3-color2: rgb(58, 132, 140);
    --quality-4-color1: rgb(168, 132, 228);
    --quality-4-color2: rgb(122, 90, 178);
    --quality-5-color1: rgb(242, 198, 106);
    --quality-5-color2: rgb(196, 148, 62);
    --quality-6-color1: rgb(226, 96, 106);
    --quality-6-color2: rgb(178, 58, 72);
    --quality-7-color1: rgb(214, 236, 216);
    --quality-7-color2: rgb(118, 196, 166);

    --weight-display-bg: hsl(30 18% 16%);
    --weight-ok-color: hsl(146 34% 60%);
    --weight-warn-color: hsl(38 72% 60%);
    --weight-crit-color: hsl(356 60% 60%);
    --weight-bar-track-bg: hsl(160 14% 26%);

    --currency-tile-bg: hsl(28 10% 13%);
    --currency-tile-border: hsl(40 18% 50% / 0.24);
    --currency-tile-hover-bg: hsl(30 10% 18%);
    --currency-tile-hover-shadow: hsl(42 36% 76% / 0.12);
    --currency-quantity-bg: hsl(30 10% 20%);
    --currency-add-bg: hsl(24 12% 11%);
    --currency-add-border: hsl(38 16% 46% / 0.22);
    --currency-add-hover-bg: hsl(30 10% 18%);
    --currency-add-hover-border: hsl(42 34% 74% / 0.44);

    --color-buff-tile-bg: hsl(146 16% 20%);
    --color-buff-tile-border: hsl(146 28% 50% / 0.4);
    --color-buff-tile-hover: hsl(146 20% 24%);
    --color-buff-tile-glow: hsl(146 34% 60% / 0.1);
    --color-debuff-tile-bg: hsl(356 18% 20%);
    --color-debuff-tile-border: hsl(356 38% 54% / 0.42);
    --color-debuff-tile-hover: hsl(356 22% 24%);
    --color-debuff-tile-glow: hsl(356 44% 60% / 0.12);
    --color-neutral-tile-bg: hsl(34 16% 18%);
    --color-neutral-tile-border: hsl(40 20% 46% / 0.3);
    --color-neutral-tile-hover: hsl(34 18% 22%);
    --color-neutral-tile-glow: hsl(42 30% 74% / 0.08);
    --color-buff-indicator: hsl(146 34% 60%);
    --color-debuff-indicator: hsl(356 60% 60%);

    --color-heal: hsl(146 34% 60%);
    --color-gold: hsl(38 70% 64%);
    --color-amber: hsl(38 72% 60%);
    --color-amber-ui: hsl(38 72% 60%);
    --color-crit: hsl(356 60% 60%);
    --border-gold: hsl(42 56% 68% / 0.34);

    --overlay-heavy: hsl(236 24% 4% / 0.84);
    --overlay-dark: hsl(232 18% 8% / 0.58);
    --overlay-medium: hsl(232 12% 10% / 0.32);
    --overlay-light: hsl(232 12% 12% / 0.16);
    --overlay-subtle: hsl(232 12% 12% / 0.08);
}

@keyframes runicGlow {
    0%, 100% {
        box-shadow:
            0 0 0 1px hsl(154 24% 70% / 0.16),
            0 16px 34px hsl(166 26% 5% / 0.42);
    }
    50% {
        box-shadow:
            0 0 0 1px hsl(154 36% 78% / 0.28),
            0 20px 42px hsl(166 26% 5% / 0.5),
            0 0 18px hsl(132 42% 46% / 0.12);
    }
}

[data-theme="runic-obsidian"] body,
[data-theme="runic-obsidian"] .page-content,
[data-theme="runic-obsidian"] .main-content,
[data-theme="runic-obsidian"] .content-wrapper {
    font-family: var(--font-sans);
    background:
        radial-gradient(circle at 50% 0%, hsl(42 50% 22% / 0.14), transparent 28%),
        radial-gradient(circle at 18% 80%, hsl(42 32% 18% / 0.06), transparent 20%),
        radial-gradient(circle at 85% 18%, hsl(42 28% 18% / 0.06), transparent 22%),
        linear-gradient(180deg, hsl(236 18% 8%), hsl(232 20% 6%) 46%, hsl(228 18% 5%) 100%);
    color: var(--text-primary);
}

[data-theme="runic-obsidian"] body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 14% 18%, hsl(42 46% 78% / 0.05) 0 1px, transparent 2px),
        radial-gradient(circle at 86% 72%, hsl(42 70% 64% / 0.04) 0 1px, transparent 2px);
    background-size: 260px 260px, 340px 340px;
    opacity: 0.5;
    z-index: 0;
}

[data-theme="runic-obsidian"] .navigation-bar,
[data-theme="runic-obsidian"] .content-box,
[data-theme="runic-obsidian"] .dashboard-panel,
[data-theme="runic-obsidian"] .modal-content,
[data-theme="runic-obsidian"] .character-sheet-panel,
[data-theme="runic-obsidian"] .inventory-section {
    position: relative;
    z-index: 1;
}

[data-theme="runic-obsidian"] .content-box,
[data-theme="runic-obsidian"] .dashboard-panel,
[data-theme="runic-obsidian"] .modal-content,
[data-theme="runic-obsidian"] .equipment-panel,
[data-theme="runic-obsidian"] .inventory-section,
[data-theme="runic-obsidian"] .spell-tooltip,
[data-theme="runic-obsidian"] .login-container,
[data-theme="runic-obsidian"] .widget-tile,
[data-theme="runic-obsidian"] .character-item,
[data-theme="runic-obsidian"] .attribute-card,
[data-theme="runic-obsidian"] .bereich-tile,
[data-theme="runic-obsidian"] .spell-tile,
[data-theme="runic-obsidian"] .resistance-tile {
    background:
        linear-gradient(180deg, hsl(232 16% 15% / 0.86), hsl(232 18% 10% / 0.9));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    box-shadow:
        0 18px 38px hsl(236 24% 4% / 0.52),
        inset 0 1px 0 hsl(46 36% 98% / 0.06);
    backdrop-filter: blur(16px);
}

[data-theme="runic-obsidian"] .content-box:hover,
[data-theme="runic-obsidian"] .dashboard-panel:hover,
[data-theme="runic-obsidian"] .widget-tile:hover,
[data-theme="runic-obsidian"] .character-item:hover,
[data-theme="runic-obsidian"] .attribute-card:hover,
[data-theme="runic-obsidian"] .bereich-tile:hover,
[data-theme="runic-obsidian"] .spell-tile:hover {
    border-color: var(--border-strong);
    animation: runicGlow 3s ease-in-out infinite;
}

[data-theme="runic-obsidian"] h1,
[data-theme="runic-obsidian"] h2,
[data-theme="runic-obsidian"] h3,
[data-theme="runic-obsidian"] h4,
[data-theme="runic-obsidian"] .widget-title,
[data-theme="runic-obsidian"] .character-info h3,
[data-theme="runic-obsidian"] .bereich-title,
[data-theme="runic-obsidian"] .attribute-name,
[data-theme="runic-obsidian"] #charNameLabel {
    font-family: 'Cinzel', 'Times New Roman', serif;
    color: hsl(42 44% 82%);
    text-shadow: 0 0 12px hsl(42 34% 60% / 0.16);
    letter-spacing: 0.06em;
}

[data-theme="runic-obsidian"] .icon-themed,
[data-theme="runic-obsidian"] .spell-icon,
[data-theme="runic-obsidian"] .resistance-icon,
[data-theme="runic-obsidian"] .currency-icon,
[data-theme="runic-obsidian"] .buff-icon,
[data-theme="runic-obsidian"] .tab_Icon,
[data-theme="runic-obsidian"] .tab_btn img,
[data-theme="runic-obsidian"] .nav-icon-btn img,
[data-theme="runic-obsidian"] #div_iconbar_left img,
[data-theme="runic-obsidian"] #div_iconbar_right img {
    filter: var(--icon-filter);
}

[data-theme="runic-obsidian"] .discipline-header,
[data-theme="runic-obsidian"] .info-category-header,
[data-theme="runic-obsidian"] .info-subcategory-header,
[data-theme="runic-obsidian"] .itemtype-header {
    background: linear-gradient(135deg, hsl(42 42% 30%), hsl(28 18% 16%));
    color: hsl(42 34% 88%) !important;
    border: 1px solid hsl(42 28% 64% / 0.24);
    border-radius: var(--radius-lg);
}

[data-theme="runic-obsidian"] .navigation-bar,
[data-theme="runic-obsidian"] .tab-top-navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 30;
    background: linear-gradient(180deg, hsl(232 16% 14% / 0.94), hsl(232 18% 8% / 0.96));
    border-bottom: 1px solid hsl(42 20% 66% / 0.14);
    box-shadow:
        0 14px 30px hsl(236 24% 4% / 0.48),
        inset 0 1px 0 hsl(46 36% 98% / 0.05);
    backdrop-filter: blur(16px);
}

[data-theme="runic-obsidian"] .tab_btn,
[data-theme="runic-obsidian"] .tab_btn_vertical,
[data-theme="runic-obsidian"] .tab-buttons .tab-btn,
[data-theme="runic-obsidian"] .tab-navigation .tab-btn,
[data-theme="runic-obsidian"] .tab_btn_horizontal,
[data-theme="runic-obsidian"] .tab_btn_original {
    background: linear-gradient(180deg, hsl(232 16% 16%), hsl(232 18% 10%)) !important;
    border: 1px solid hsl(40 14% 48% / 0.16) !important;
    color: hsl(38 16% 82%) !important;
    box-shadow:
        inset 0 1px 0 hsl(46 36% 98% / 0.06),
        0 8px 18px hsl(236 24% 4% / 0.3);
}

[data-theme="runic-obsidian"] .tab_btn:hover,
[data-theme="runic-obsidian"] .tab_btn_vertical:hover,
[data-theme="runic-obsidian"] .tab-buttons .tab-btn:hover,
[data-theme="runic-obsidian"] .tab-navigation .tab-btn:hover,
[data-theme="runic-obsidian"] .tab_btn_horizontal:hover,
[data-theme="runic-obsidian"] .tab_btn_original:hover {
    background: linear-gradient(180deg, hsl(232 18% 20%), hsl(232 18% 12%)) !important;
    border-color: hsl(42 22% 62% / 0.28) !important;
}

[data-theme="runic-obsidian"] .tab_btn.active,
[data-theme="runic-obsidian"] .tab_btn.active-tab,
[data-theme="runic-obsidian"] .tab_btn_vertical.active,
[data-theme="runic-obsidian"] .tab-buttons .tab-btn.active,
[data-theme="runic-obsidian"] .tab-navigation .tab-btn.active,
[data-theme="runic-obsidian"] .tab_btn_horizontal.active,
[data-theme="runic-obsidian"] .tab_btn_horizontal.main-tab,
[data-theme="runic-obsidian"] .tab_btn_horizontal.main-tab.active,
[data-theme="runic-obsidian"] .tab_btn_original.active,
[data-theme="runic-obsidian"] #navi-btn-combat.tab_btn.combat-active {
    background: linear-gradient(180deg, hsl(42 44% 34%), hsl(30 24% 16%)) !important;
    border-color: hsl(42 56% 56%) !important;
    color: hsl(46 36% 98%) !important;
    box-shadow:
        0 0 0 3px hsl(42 56% 56% / 0.14),
        0 14px 28px hsl(24 24% 4% / 0.36) !important;
}

[data-theme="runic-obsidian"] .tab_btn.active-tab img,
[data-theme="runic-obsidian"] .tab_btn_vertical.active img,
[data-theme="runic-obsidian"] .tab_btn_horizontal.active img,
[data-theme="runic-obsidian"] .tab_btn_horizontal.main-tab img,
[data-theme="runic-obsidian"] .tab_btn_original.active img,
[data-theme="runic-obsidian"] #navi-btn-combat.tab_btn.combat-active img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}

[data-theme="runic-obsidian"] button,
[data-theme="runic-obsidian"] .btn,
[data-theme="runic-obsidian"] .roll-button,
[data-theme="runic-obsidian"] input[type="button"],
[data-theme="runic-obsidian"] input[type="submit"] {
    background: linear-gradient(180deg, hsl(42 46% 46%), hsl(32 28% 22%));
    color: hsl(46 36% 98%);
    border: 1px solid hsl(42 24% 58% / 0.22);
    border-radius: var(--radius-lg);
    box-shadow:
        0 10px 22px hsl(236 24% 4% / 0.34),
        inset 0 1px 0 hsl(46 36% 98% / 0.12);
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 700;
    font-family: 'Cinzel', 'Times New Roman', serif;
}

[data-theme="runic-obsidian"] button:hover,
[data-theme="runic-obsidian"] .btn:hover,
[data-theme="runic-obsidian"] .roll-button:hover,
[data-theme="runic-obsidian"] input[type="button"]:hover,
[data-theme="runic-obsidian"] input[type="submit"]:hover {
    background: linear-gradient(180deg, hsl(44 50% 52%), hsl(32 32% 24%));
    box-shadow:
        0 14px 28px hsl(236 24% 4% / 0.38),
        0 0 16px hsl(42 56% 56% / 0.08);
}

[data-theme="runic-obsidian"] input,
[data-theme="runic-obsidian"] textarea,
[data-theme="runic-obsidian"] select,
[data-theme="runic-obsidian"] .select,
[data-theme="runic-obsidian"] .form-select,
[data-theme="runic-obsidian"] .equipment-select {
    background: linear-gradient(180deg, hsl(232 14% 15%), hsl(232 18% 11%));
    border: 1px solid hsl(40 18% 54% / 0.18);
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    box-shadow: inset 0 1px 0 hsl(46 36% 98% / 0.04);
}

[data-theme="runic-obsidian"] input:focus,
[data-theme="runic-obsidian"] textarea:focus,
[data-theme="runic-obsidian"] select:focus,
[data-theme="runic-obsidian"] .select:focus,
[data-theme="runic-obsidian"] .form-select:focus,
[data-theme="runic-obsidian"] .equipment-select:focus {
    border-color: hsl(42 56% 56%);
    box-shadow:
        0 0 0 4px var(--color-focus-ring),
        0 0 18px hsl(42 56% 56% / 0.12);
    outline: none;
}

[data-theme="runic-obsidian"] table {
    background: hsl(28 12% 11% / 0.96);
    border: 1px solid hsl(40 16% 54% / 0.16);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

[data-theme="runic-obsidian"] th {
    background: linear-gradient(180deg, hsl(42 42% 34% / 0.92), hsl(28 24% 22% / 0.92));
    color: hsl(42 34% 88%);
}

[data-theme="runic-obsidian"] td {
    background: hsl(220 8% 17% / 0.92);
    color: var(--text-primary);
    border-bottom: 1px solid hsl(210 8% 48% / 0.08);
}

[data-theme="runic-obsidian"] tr:hover td {
    background: hsl(220 8% 20% / 0.96);
}

[data-theme="runic-obsidian"] .spell-icon,
[data-theme="runic-obsidian"] .spell-icon-container img,
[data-theme="runic-obsidian"] .spell-tile img {
    filter: none !important;
}

[data-theme="runic-obsidian"] .attribute-icon-container {
    background: linear-gradient(135deg, hsl(42 40% 34%), hsl(28 18% 18%));
    color: hsl(42 34% 88%);
}

[data-theme="runic-obsidian"] .attribute-value,
[data-theme="runic-obsidian"] .stat-value,
[data-theme="runic-obsidian"] .tt-total-label,
[data-theme="runic-obsidian"] .tt-total-value {
    color: hsl(154 34% 80%);
}

[data-theme="runic-obsidian"] .attribute-bonus {
    background: hsl(146 16% 20%);
    color: hsl(146 34% 64%);
}

[data-theme="runic-obsidian"] .subskill-name {
    color: hsl(38 74% 72%);
}

[data-theme="runic-obsidian"] .subskill-effect,
[data-theme="runic-obsidian"] .stat-label,
[data-theme="runic-obsidian"] .resistance-stat-label,
[data-theme="runic-obsidian"] .no-buffs-message {
    color: var(--text-secondary);
}

[data-theme="runic-obsidian"] .attribute-card.physical { border-left-color: hsl(146 34% 60%); }
[data-theme="runic-obsidian"] .attribute-card.mental { border-left-color: hsl(132 42% 46%); }
[data-theme="runic-obsidian"] .attribute-card.social { border-left-color: hsl(38 70% 64%); }
[data-theme="runic-obsidian"] .attribute-card.special { border-left-color: hsl(280 48% 64%); }

[data-theme="runic-obsidian"] .progress-container,
[data-theme="runic-obsidian"] .bar-track,
[data-theme="runic-obsidian"] .resource-bar,
[data-theme="runic-obsidian"] .weight-bar-container {
    background: linear-gradient(180deg, hsl(28 14% 12%), hsl(24 18% 8%)) !important;
    border: 1px solid hsl(40 12% 48% / 0.14) !important;
    border-radius: 4px !important;
    box-shadow:
        inset 0 2px 6px hsl(24 24% 4% / 0.54),
        inset 0 1px 0 hsl(46 36% 98% / 0.03);
}

[data-theme="runic-obsidian"] .health-bar,
[data-theme="runic-obsidian"] .hp-bar-fill,
[data-theme="runic-obsidian"] .magic-bar,
[data-theme="runic-obsidian"] .mana-bar-fill,
[data-theme="runic-obsidian"] .energy-bar-fill,
[data-theme="runic-obsidian"] .endurance-bar,
[data-theme="runic-obsidian"] .stamina-bar-fill,
[data-theme="runic-obsidian"] .weight-progress-bar,
[data-theme="runic-obsidian"] .weight-progress-bar.weight-ok,
[data-theme="runic-obsidian"] .weight-progress-bar.weight-warn,
[data-theme="runic-obsidian"] .weight-progress-bar.weight-crit,
[data-theme="runic-obsidian"] .weight-fill,
[data-theme="runic-obsidian"] .encumbrance-fill {
    border-radius: 3px !important;
}

[data-theme="runic-obsidian"] #healthText,
[data-theme="runic-obsidian"] #magicText,
[data-theme="runic-obsidian"] #enduranceText {
    color: hsl(46 36% 98%);
}

[data-theme="runic-obsidian"] .health-bar,
[data-theme="runic-obsidian"] .hp-bar-fill {
    background: linear-gradient(90deg, hsl(42 34% 30%) 0%, hsl(42 56% 50%) 56%, hsl(48 72% 72%) 100%) !important;
}

[data-theme="runic-obsidian"] .magic-bar,
[data-theme="runic-obsidian"] .mana-bar-fill,
[data-theme="runic-obsidian"] .energy-bar-fill {
    background: linear-gradient(90deg, hsl(230 28% 34%) 0%, hsl(246 34% 48%) 56%, hsl(42 24% 76%) 100%) !important;
}

[data-theme="runic-obsidian"] .endurance-bar,
[data-theme="runic-obsidian"] .stamina-bar-fill {
    background: linear-gradient(90deg, hsl(20 42% 32%) 0%, hsl(30 58% 46%) 56%, hsl(42 70% 68%) 100%) !important;
}

[data-theme="runic-obsidian"] .weight-progress-bar.weight-ok,
[data-theme="runic-obsidian"] .weight-fill,
[data-theme="runic-obsidian"] .encumbrance-fill {
    background: linear-gradient(90deg, hsl(146 30% 42%) 0%, hsl(146 34% 60%) 100%) !important;
}

[data-theme="runic-obsidian"] .weight-progress-bar.weight-warn {
    background: linear-gradient(90deg, hsl(30 50% 42%) 0%, hsl(38 72% 60%) 100%) !important;
}

[data-theme="runic-obsidian"] .weight-progress-bar.weight-crit {
    background: linear-gradient(90deg, hsl(356 44% 42%) 0%, hsl(356 60% 60%) 100%) !important;
}

[data-theme="runic-obsidian"] .unified-tooltip,
[data-theme="runic-obsidian"] .spell-tooltip,
[data-theme="runic-obsidian"] #item-tooltip {
    background: linear-gradient(180deg, hsl(30 14% 14% / 0.985), hsl(22 18% 9% / 0.985));
    border: 1px solid hsl(42 20% 68% / 0.22);
    border-radius: var(--radius-xl);
    color: var(--color-tooltip-text);
    box-shadow:
        0 18px 40px hsl(24 24% 4% / 0.54),
        0 0 18px hsl(42 30% 74% / 0.08);
}

[data-theme="runic-obsidian"] .itooltip-title,
[data-theme="runic-obsidian"] .skilltooltip-title,
[data-theme="runic-obsidian"] .attrtooltip-title,
[data-theme="runic-obsidian"] .stattooltip-title,
[data-theme="runic-obsidian"] .unified-tooltip .tooltip-title {
    color: hsl(42 34% 86%) !important;
}

[data-theme="runic-obsidian"] .tt-section {
    background: hsl(30 10% 16% / 0.72);
    border-radius: var(--radius-md);
}

[data-theme="runic-obsidian"] .tt-sep-accent {
    border-top-color: hsl(154 24% 72%);
}

[data-theme="runic-obsidian"] .twohanded-toggle {
    background: transparent !important;
    border: 2px solid hsl(154 14% 54%);
    border-radius: 999px;
}

[data-theme="runic-obsidian"] .twohanded-toggle:hover {
    background: hsl(150 22% 20% / 0.32) !important;
    border-color: hsl(154 30% 74%);
}

[data-theme="runic-obsidian"] .twohanded-toggle.active {
    background: linear-gradient(135deg, hsl(132 42% 46%), hsl(154 30% 44%)) !important;
    border-color: hsl(154 34% 82%);
}

[data-theme="runic-obsidian"] ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

[data-theme="runic-obsidian"] ::-webkit-scrollbar-track {
    background: hsl(166 20% 12%);
}

[data-theme="runic-obsidian"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, hsl(146 30% 34%), hsl(166 20% 22%));
    border-radius: 999px;
    border: 2px solid hsl(166 20% 12%);
}

[data-theme="runic-obsidian"] ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, hsl(132 42% 46%), hsl(154 30% 44%));
}

[data-theme="runic-obsidian"] ::selection,
[data-theme="runic-obsidian"] ::-moz-selection {
    background: hsl(132 42% 46% / 0.28);
    color: hsl(46 36% 98%);
}
[data-theme="runic-obsidian"] .toxicity-container {
    border-color: var(--color-toxicity) !important;
}

[data-theme="runic-obsidian"] .toxicity-bar {
    background: var(--gradient-toxicity-resource) !important;
    box-shadow: var(--shadow-glow-toxicity) !important;
}

[data-theme="runic-obsidian"] #toxicityText {
    color: var(--text-light);
}