/* ==========================================================================
   RUNIC THEME: Runic Ruby
   Scarlet canopy, cold overcast sky, dark bark, and restrained product UI.
   Palette anchor: #CC3754
   ========================================================================== */

[data-theme="runic-ruby"] {
    --hue-primary: 348;
    --hue-accent: 190;
    --hue-gm: 268;
    --hue-danger: 4;
    --hue-warning: 34;
    --hue-success: 142;
    --hue-toxicity: 98;
    --hue-neutral: 214;

    --sat-primary: 58%;
    --lit-primary: 51%;
    --lit-primary-hover: 58%;
    --sat-accent: 26%;
    --lit-accent: 62%;
    --lit-accent-hover: 69%;
    --sat-gm: 36%;
    --lit-gm: 58%;
    --lit-gm-text: 90%;
    --sat-danger: 66%;
    --lit-danger: 55%;
    --lit-danger-hover: 62%;
    --sat-warning: 70%;
    --lit-warning: 61%;
    --sat-success: 32%;
    --lit-success: 46%;

    --sat-toxicity: 46%;
    --lit-toxicity: 54%;
    --lightness-bg: 8%;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 22px;

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

    --duration-75: 80ms;
    --duration-150: 150ms;
    --duration-250: 240ms;
    --duration-300: 320ms;
    --duration-400: 520ms;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --runic-ruby-red: hsl(348 58% 51%);
    --runic-ruby-red-hot: hsl(354 82% 54%);
    --runic-ruby-red-deep: hsl(346 52% 28%);
    --runic-ruby-bark: hsl(20 12% 13%);
    --runic-ruby-sky: hsl(205 20% 80%);
    --runic-ruby-moss: hsl(142 22% 42%);
    --runic-ruby-cream: hsl(36 28% 92%);

    --bg-page: hsl(214 16% 8%);
    --bg-primary: hsl(214 14% 10%);
    --bg-secondary: hsl(218 12% 14% / 0.94);
    --bg-tertiary: hsl(18 10% 16% / 0.96);
    --bg-card: hsl(218 12% 13% / 0.95);
    --bg-hover: hsl(348 22% 22% / 0.48);
    --bg-input: hsl(216 12% 12%);
    --surface-elevated: hsl(216 12% 17%);
    --surface-overlay: hsl(216 14% 12% / 0.98);
    --surface-panel: hsl(216 12% 15% / 0.96);

    --text-primary: hsl(36 26% 92%);
    --text-secondary: hsl(210 16% 78%);
    --text-muted: hsl(210 16% 72% / 0.72);
    --text-faint: hsl(210 14% 72% / 0.46);
    --text-label: hsl(348 42% 76%);
    --text-light: hsl(36 34% 96%);
    --text-dark: hsl(216 16% 9%);

    --border-color: hsl(348 32% 52% / 0.22);
    --border-subtle: hsl(210 20% 72% / 0.1);
    --border-strong: hsl(348 48% 58% / 0.48);
    --border-gold: hsl(34 66% 62% / 0.34);

    --shadow-color: hsl(218 28% 3% / 0.58);
    --shadow-glow-primary:
        0 16px 34px hsl(348 56% 22% / 0.28),
        0 0 28px hsl(348 58% 51% / 0.14);
    --shadow-glow-accent: 0 12px 30px hsl(190 26% 62% / 0.12);
    --shadow-glow-danger: 0 12px 28px hsl(4 66% 55% / 0.18);
    --shadow-glow-warning: 0 10px 24px hsl(34 70% 61% / 0.18);
    --shadow-glow-success: 0 10px 24px hsl(142 32% 46% / 0.16);
    --shadow-glow-gold: 0 10px 26px hsl(34 66% 62% / 0.2);

    --icon-color: hsl(348 52% 78%);
    --icon-filter: brightness(0) saturate(100%) invert(67%) sepia(21%)
        saturate(1135%) hue-rotate(302deg) brightness(101%) contrast(91%);
    --color-focus-ring: hsl(348 58% 51% / 0.28);

    --overlay-heavy: hsl(216 24% 5% / 0.86);
    --overlay-dark: hsl(216 18% 8% / 0.66);
    --overlay-medium: hsl(216 14% 10% / 0.42);
    --overlay-light: hsl(216 12% 12% / 0.2);
    --overlay-subtle: hsl(216 12% 12% / 0.1);

    --color-tooltip-bg: hsl(216 14% 10% / 0.98);
    --color-tooltip-highlight: hsl(348 68% 76%);
    --color-tooltip-effect-bg: hsl(348 58% 51% / 0.12);
    --color-tooltip-text: hsl(36 26% 92%);
    --color-tooltip-label: hsl(190 22% 76%);
    --color-tooltip-muted: hsl(210 14% 68%);
    --color-tooltip-dim: hsl(210 10% 54%);
    --color-tooltip-pos: hsl(142 32% 58%);
    --color-tooltip-neg: hsl(4 64% 62%);
    --color-tooltip-separator: hsl(348 30% 56% / 0.26);
    --color-tooltip-section-bg: hsl(218 12% 16% / 0.9);

    --color-health: hsl(142 32% 58%);
    --color-mana: hsl(200 34% 66%);
    --color-endurance: hsl(34 70% 64%);
    --color-heal: hsl(142 34% 58%);
    --color-gold: hsl(34 70% 64%);
    --color-amber: hsl(34 72% 61%);
    --color-amber-ui: hsl(34 72% 61%);
    --color-crit: hsl(354 82% 62%);

    --quality-0-color1: rgb(116, 118, 122);
    --quality-0-color2: rgb(72, 74, 78);
    --quality-1-color1: rgb(226, 220, 210);
    --quality-1-color2: rgb(176, 172, 164);
    --quality-2-color1: rgb(102, 176, 126);
    --quality-2-color2: rgb(62, 128, 88);
    --quality-3-color1: rgb(94, 160, 198);
    --quality-3-color2: rgb(56, 112, 154);
    --quality-4-color1: rgb(160, 122, 210);
    --quality-4-color2: rgb(108, 78, 158);
    --quality-5-color1: rgb(226, 164, 78);
    --quality-5-color2: rgb(174, 108, 34);
    --quality-6-color1: rgb(224, 56, 84);
    --quality-6-color2: rgb(152, 34, 58);
    --quality-7-color1: rgb(242, 112, 136);
    --quality-7-color2: rgb(126, 176, 146);

    --weight-display-bg: hsl(216 12% 15%);
    --weight-ok-color: hsl(142 32% 58%);
    --weight-warn-color: hsl(34 70% 62%);
    --weight-crit-color: hsl(4 64% 60%);
    --weight-bar-track-bg: hsl(216 10% 22%);

    --currency-tile-bg: hsl(216 12% 14%);
    --currency-tile-border: hsl(348 34% 50% / 0.32);
    --currency-tile-hover-bg: hsl(216 12% 18%);
    --currency-tile-hover-shadow: hsl(348 58% 51% / 0.14);
    --currency-add-bg: hsl(216 12% 12%);
    --currency-add-border: hsl(210 18% 60% / 0.22);
    --currency-add-hover-bg: hsl(348 18% 18%);
    --currency-add-hover-border: hsl(348 52% 58% / 0.48);
    --currency-quantity-bg: hsl(348 24% 24%);
}

[data-theme="runic-ruby"] body,
[data-theme="runic-ruby"] .page-content,
[data-theme="runic-ruby"] .main-content,
[data-theme="runic-ruby"] .content-wrapper {
    color: var(--text-primary);
    background:
        radial-gradient(circle at 50% -12%, hsl(348 80% 50% / 0.11), transparent 28%),
        radial-gradient(circle at 10% 22%, hsl(205 30% 72% / 0.08), transparent 26%),
        linear-gradient(180deg, hsl(214 17% 10%) 0%, hsl(218 18% 7%) 56%, hsl(20 14% 8%) 100%);
}

[data-theme="runic-ruby"] body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse at 18% 4%, hsl(354 88% 56% / 0.16), transparent 34%),
        radial-gradient(ellipse at 78% 2%, hsl(348 82% 54% / 0.12), transparent 30%),
        linear-gradient(115deg, transparent 0 42%, hsl(348 74% 54% / 0.05) 42% 45%, transparent 45% 100%),
        radial-gradient(circle at 18% 78%, hsl(142 24% 38% / 0.08), transparent 24%),
        radial-gradient(circle at 78% 10%, hsl(348 78% 54% / 0.18), transparent 28%);
    opacity: 0.96;
}

[data-theme="runic-ruby"] body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(180deg, hsl(205 32% 88% / 0.08), transparent 18%),
        linear-gradient(90deg, transparent, hsl(348 70% 52% / 0.06) 52%, transparent);
    mix-blend-mode: screen;
    opacity: 0.7;
}

[data-theme="runic-ruby"] .navigation-bar,
[data-theme="runic-ruby"] .content-box,
[data-theme="runic-ruby"] .dashboard-panel,
[data-theme="runic-ruby"] .modal-content,
[data-theme="runic-ruby"] .character-sheet-panel,
[data-theme="runic-ruby"] .inventory-section,
[data-theme="runic-ruby"] .login-container,
[data-theme="runic-ruby"] .widget-tile,
[data-theme="runic-ruby"] .character-item,
[data-theme="runic-ruby"] .attribute-card,
[data-theme="runic-ruby"] .bereich-tile,
[data-theme="runic-ruby"] .spell-tile,
[data-theme="runic-ruby"] .resistance-tile,
[data-theme="runic-ruby"] .card {
    position: relative;
    z-index: 1;
}

[data-theme="runic-ruby"] .content-box,
[data-theme="runic-ruby"] .dashboard-panel,
[data-theme="runic-ruby"] .modal-content,
[data-theme="runic-ruby"] .equipment-panel,
[data-theme="runic-ruby"] .inventory-section,
[data-theme="runic-ruby"] .spell-tooltip,
[data-theme="runic-ruby"] .unified-tooltip,
[data-theme="runic-ruby"] #item-tooltip,
[data-theme="runic-ruby"] .login-container,
[data-theme="runic-ruby"] .widget-tile,
[data-theme="runic-ruby"] .character-item,
[data-theme="runic-ruby"] .attribute-card,
[data-theme="runic-ruby"] .bereich-tile,
[data-theme="runic-ruby"] .spell-tile,
[data-theme="runic-ruby"] .resistance-tile,
[data-theme="runic-ruby"] .card {
    background: linear-gradient(180deg, hsl(216 13% 16% / 0.96), hsl(216 14% 11% / 0.96));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 hsl(205 30% 86% / 0.06),
        0 18px 38px hsl(218 28% 3% / 0.32);
}

[data-theme="runic-ruby"] .content-box::before,
[data-theme="runic-ruby"] .dashboard-panel::before,
[data-theme="runic-ruby"] .modal-content::before,
[data-theme="runic-ruby"] .widget-tile::before,
[data-theme="runic-ruby"] .character-item::before,
[data-theme="runic-ruby"] .attribute-card::before,
[data-theme="runic-ruby"] .bereich-tile::before,
[data-theme="runic-ruby"] .spell-tile::before,
[data-theme="runic-ruby"] .card::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        linear-gradient(90deg, hsl(354 86% 62% / 0.42), transparent 34%),
        linear-gradient(180deg, hsl(205 28% 92% / 0.075), transparent 28%);
    opacity: 0.72;
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
}

[data-theme="runic-ruby"] .content-box:hover,
[data-theme="runic-ruby"] .dashboard-panel:hover,
[data-theme="runic-ruby"] .widget-tile:hover,
[data-theme="runic-ruby"] .character-item:hover,
[data-theme="runic-ruby"] .attribute-card:hover,
[data-theme="runic-ruby"] .bereich-tile:hover,
[data-theme="runic-ruby"] .spell-tile:hover,
[data-theme="runic-ruby"] .card-interactive:hover {
    border-color: hsl(348 52% 58% / 0.56);
    box-shadow:
        inset 0 1px 0 hsl(205 30% 86% / 0.08),
        0 20px 42px hsl(218 28% 3% / 0.4),
        0 0 22px hsl(348 58% 51% / 0.1);
}

[data-theme="runic-ruby"] h1,
[data-theme="runic-ruby"] h2,
[data-theme="runic-ruby"] h3,
[data-theme="runic-ruby"] h4,
[data-theme="runic-ruby"] .card-title,
[data-theme="runic-ruby"] .widget-title,
[data-theme="runic-ruby"] .character-info h3,
[data-theme="runic-ruby"] .bereich-title,
[data-theme="runic-ruby"] .attribute-name {
    color: hsl(36 30% 94%);
    font-family: var(--font-sans);
    letter-spacing: 0;
}

[data-theme="runic-ruby"] h1,
[data-theme="runic-ruby"] h2,
[data-theme="runic-ruby"] .card-title,
[data-theme="runic-ruby"] .widget-title {
    text-shadow:
        0 1px 0 hsl(216 16% 5% / 0.8),
        0 0 18px hsl(348 70% 52% / 0.12);
}

[data-theme="runic-ruby"] .navigation-bar,
[data-theme="runic-ruby"] .tab-top-navigation,
[data-theme="runic-ruby"] #div_top_navigation,
[data-theme="runic-ruby"] #div_right_navigation,
[data-theme="runic-ruby"] #div_iconbar_left,
[data-theme="runic-ruby"] #div_iconbar_right {
    background:
        linear-gradient(90deg, hsl(348 64% 30% / 0.38), transparent 22%),
        linear-gradient(180deg, hsl(216 15% 12% / 0.97), hsl(216 16% 8% / 0.97));
    border-color: hsl(348 46% 54% / 0.34);
    box-shadow:
        inset 0 1px 0 hsl(205 30% 86% / 0.07),
        inset 3px 0 0 hsl(348 68% 54% / 0.62),
        0 16px 38px hsl(218 28% 3% / 0.42);
}

[data-theme="runic-ruby"] .tab_btn,
[data-theme="runic-ruby"] .tab_btn_vertical,
[data-theme="runic-ruby"] .tab-buttons .tab-btn,
[data-theme="runic-ruby"] .tab-navigation .tab-btn,
[data-theme="runic-ruby"] .tab_btn_horizontal,
[data-theme="runic-ruby"] .tab_btn_original,
[data-theme="runic-ruby"] .nav-icon-btn,
[data-theme="runic-ruby"] .btn-secondary,
[data-theme="runic-ruby"] .btn-ghost,
[data-theme="runic-ruby"] .twohanded-toggle {
    background: linear-gradient(180deg, hsl(216 12% 17%), hsl(216 14% 12%));
    color: var(--text-primary);
    border: 1px solid hsl(210 16% 66% / 0.16);
    border-radius: var(--radius-md);
    box-shadow: inset 0 1px 0 hsl(205 30% 88% / 0.05);
}

[data-theme="runic-ruby"] .tab_btn:hover,
[data-theme="runic-ruby"] .tab_btn_vertical:hover,
[data-theme="runic-ruby"] .tab-buttons .tab-btn:hover,
[data-theme="runic-ruby"] .tab-navigation .tab-btn:hover,
[data-theme="runic-ruby"] .tab_btn_horizontal:hover,
[data-theme="runic-ruby"] .tab_btn_original:hover,
[data-theme="runic-ruby"] .nav-icon-btn:hover,
[data-theme="runic-ruby"] .btn-secondary:hover,
[data-theme="runic-ruby"] .btn-ghost:hover,
[data-theme="runic-ruby"] .twohanded-toggle:hover {
    background:
        linear-gradient(135deg, hsl(348 46% 29%), hsl(216 14% 13%));
    border-color: hsl(348 66% 62% / 0.66);
    color: hsl(36 30% 94%);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 hsl(36 34% 96% / 0.08),
        0 10px 24px hsl(348 56% 22% / 0.18);
}

[data-theme="runic-ruby"] .tab_btn.active,
[data-theme="runic-ruby"] .tab_btn.active-tab,
[data-theme="runic-ruby"] .tab_btn_vertical.active,
[data-theme="runic-ruby"] .tab-buttons .tab-btn.active,
[data-theme="runic-ruby"] .tab-navigation .tab-btn.active,
[data-theme="runic-ruby"] .tab_btn_horizontal.active,
[data-theme="runic-ruby"] .tab_btn_horizontal.main-tab,
[data-theme="runic-ruby"] .tab_btn_original.active,
[data-theme="runic-ruby"] .nav-icon-btn.active,
[data-theme="runic-ruby"] #edit_btn_nav.active,
[data-theme="runic-ruby"] .twohanded-toggle.active {
    background:
        radial-gradient(circle at 22% 0%, hsl(354 92% 66% / 0.78), transparent 32%),
        linear-gradient(180deg, hsl(348 68% 55%), hsl(346 58% 31%));
    border-color: hsl(354 86% 68%);
    color: hsl(36 34% 96%);
    box-shadow:
        inset 0 1px 0 hsl(36 36% 96% / 0.16),
        0 14px 30px hsl(348 56% 22% / 0.34),
        0 0 22px hsl(348 68% 56% / 0.24);
}

[data-theme="runic-ruby"] button,
[data-theme="runic-ruby"] .btn,
[data-theme="runic-ruby"] .roll-button,
[data-theme="runic-ruby"] input[type="button"],
[data-theme="runic-ruby"] input[type="submit"],
[data-theme="runic-ruby"] .btn-modal {
    border-radius: var(--radius-md);
}

[data-theme="runic-ruby"] .btn-primary,
[data-theme="runic-ruby"] .roll-button,
[data-theme="runic-ruby"] input[type="submit"],
[data-theme="runic-ruby"] .btn-modal {
    background:
        radial-gradient(circle at 18% 0%, hsl(354 92% 66% / 0.72), transparent 34%),
        linear-gradient(180deg, hsl(348 68% 55%), hsl(346 56% 33%));
    color: hsl(36 34% 96%);
    border: 1px solid hsl(348 72% 64% / 0.72);
    box-shadow:
        inset 0 1px 0 hsl(36 34% 96% / 0.16),
        0 14px 30px hsl(348 56% 22% / 0.32),
        0 0 18px hsl(348 68% 56% / 0.13);
}

[data-theme="runic-ruby"] .btn-primary:hover,
[data-theme="runic-ruby"] .roll-button:hover,
[data-theme="runic-ruby"] input[type="submit"]:hover,
[data-theme="runic-ruby"] .btn-modal:hover {
    background: linear-gradient(180deg, hsl(354 82% 58%), hsl(348 58% 40%));
    box-shadow:
        inset 0 1px 0 hsl(36 34% 96% / 0.18),
        0 16px 32px hsl(348 56% 22% / 0.32),
        0 0 22px hsl(348 58% 51% / 0.16);
}

[data-theme="runic-ruby"] input,
[data-theme="runic-ruby"] textarea,
[data-theme="runic-ruby"] select,
[data-theme="runic-ruby"] .input,
[data-theme="runic-ruby"] .textarea,
[data-theme="runic-ruby"] .select,
[data-theme="runic-ruby"] .form-select,
[data-theme="runic-ruby"] .modal-input,
[data-theme="runic-ruby"] .equipment-select {
    background: linear-gradient(180deg, hsl(216 13% 12%), hsl(216 14% 10%));
    border: 1px solid hsl(210 16% 66% / 0.18);
    color: var(--text-primary);
    border-radius: var(--radius-md);
    box-shadow: inset 0 1px 2px hsl(218 28% 3% / 0.38);
}

[data-theme="runic-ruby"] input:focus,
[data-theme="runic-ruby"] textarea:focus,
[data-theme="runic-ruby"] select:focus,
[data-theme="runic-ruby"] .input:focus,
[data-theme="runic-ruby"] .textarea:focus,
[data-theme="runic-ruby"] .select:focus,
[data-theme="runic-ruby"] .form-select:focus,
[data-theme="runic-ruby"] .modal-input:focus,
[data-theme="runic-ruby"] .equipment-select:focus {
    outline: none;
    background: hsl(216 13% 13%);
    border-color: hsl(348 58% 58%);
    box-shadow:
        0 0 0 3px var(--color-focus-ring),
        inset 0 1px 2px hsl(218 28% 3% / 0.32);
}

[data-theme="runic-ruby"] table,
[data-theme="runic-ruby"] .equipment-table {
    background: hsl(216 12% 12% / 0.92);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

[data-theme="runic-ruby"] thead,
[data-theme="runic-ruby"] .equipment-table thead {
    background:
        linear-gradient(90deg, hsl(354 80% 50% / 0.32), transparent 44%),
        linear-gradient(180deg, hsl(348 44% 28%), hsl(216 14% 13%));
}

[data-theme="runic-ruby"] th,
[data-theme="runic-ruby"] .equipment-table th {
    background: linear-gradient(180deg, hsl(348 44% 28%), hsl(216 14% 13%));
    color: hsl(36 30% 92%);
    border-bottom: 1px solid hsl(348 38% 46% / 0.34);
    border-right: 0;
}

[data-theme="runic-ruby"] th:last-child,
[data-theme="runic-ruby"] .equipment-table th:last-child {
    border-right: 0;
}

[data-theme="runic-ruby"] td {
    border-color: hsl(210 16% 66% / 0.1);
}

[data-theme="runic-ruby"] tr:hover td {
    background: hsl(348 26% 22% / 0.28);
}

[data-theme="runic-ruby"] .progress-container,
[data-theme="runic-ruby"] .bar-track,
[data-theme="runic-ruby"] .resource-bar,
[data-theme="runic-ruby"] .weight-bar-container,
[data-theme="runic-ruby"] progress {
    background: hsl(216 12% 10%);
    border: 1px solid hsl(210 16% 66% / 0.14);
    border-radius: 999px;
    box-shadow: inset 0 1px 4px hsl(218 28% 3% / 0.48);
}

[data-theme="runic-ruby"] .progress-fill,
[data-theme="runic-ruby"] .bar-fill {
    border-radius: 999px;
}

[data-theme="runic-ruby"] .health-bar,
[data-theme="runic-ruby"] .hp-bar-fill,
[data-theme="runic-ruby"] .weight-progress-bar.weight-ok,
[data-theme="runic-ruby"] .weight-fill,
[data-theme="runic-ruby"] .encumbrance-fill {
    background: linear-gradient(90deg, hsl(142 30% 38%), hsl(142 36% 60%)) !important;
}

[data-theme="runic-ruby"] .magic-bar,
[data-theme="runic-ruby"] .mana-bar-fill,
[data-theme="runic-ruby"] .energy-bar-fill {
    background: linear-gradient(90deg, hsl(200 28% 42%), hsl(200 36% 66%)) !important;
}

[data-theme="runic-ruby"] .endurance-bar,
[data-theme="runic-ruby"] .stamina-bar-fill,
[data-theme="runic-ruby"] .weight-progress-bar.weight-warn {
    background: linear-gradient(90deg, hsl(34 58% 42%), hsl(34 76% 64%)) !important;
}

[data-theme="runic-ruby"] .weight-progress-bar.weight-crit {
    background: linear-gradient(90deg, hsl(348 58% 38%), hsl(354 82% 60%)) !important;
}

[data-theme="runic-ruby"] .inventory-slot,
[data-theme="runic-ruby"] .item-slot,
[data-theme="runic-ruby"] .inventory-item,
[data-theme="runic-ruby"] .currency-tile,
[data-theme="runic-ruby"] .buff-tile,
[data-theme="runic-ruby"] .debuff-tile,
[data-theme="runic-ruby"] .neutral-tile,
[data-theme="runic-ruby"] .spell-template,
[data-theme="runic-ruby"] .resource-tile {
    background:
        linear-gradient(135deg, hsl(348 24% 18% / 0.62), transparent 36%),
        linear-gradient(180deg, hsl(216 12% 15%), hsl(216 14% 11%));
    border: 1px solid hsl(348 34% 52% / 0.2);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 hsl(205 30% 86% / 0.05),
        0 10px 22px hsl(218 28% 3% / 0.26);
}

[data-theme="runic-ruby"] .inventory-slot:hover,
[data-theme="runic-ruby"] .item-slot:hover,
[data-theme="runic-ruby"] .inventory-item:hover,
[data-theme="runic-ruby"] .currency-tile:hover,
[data-theme="runic-ruby"] .spell-template:hover {
    border-color: hsl(348 52% 58% / 0.5);
    background: linear-gradient(180deg, hsl(348 20% 20%), hsl(216 14% 12%));
}

[data-theme="runic-ruby"] .add-item-slot,
[data-theme="runic-ruby"] .currency-add,
[data-theme="runic-ruby"] .add-buff-slot {
    background:
        repeating-linear-gradient(
            135deg,
            hsl(216 12% 12%),
            hsl(216 12% 12%) 10px,
            hsl(348 18% 16%) 10px,
            hsl(348 18% 16%) 20px
        );
    border-style: dashed;
}

[data-theme="runic-ruby"] .discipline-header,
[data-theme="runic-ruby"] .info-category-header,
[data-theme="runic-ruby"] .info-subcategory-header,
[data-theme="runic-ruby"] .itemtype-header {
    background: linear-gradient(135deg, hsl(348 44% 30%), hsl(216 14% 13%));
    color: hsl(36 30% 94%) !important;
    border: 1px solid hsl(348 42% 50% / 0.34);
    border-radius: var(--radius-lg);
}

[data-theme="runic-ruby"] .attribute-icon-container {
    background: linear-gradient(135deg, hsl(348 48% 34%), hsl(216 15% 16%));
    color: hsl(36 30% 94%);
}

[data-theme="runic-ruby"] .attribute-value,
[data-theme="runic-ruby"] .stat-value,
[data-theme="runic-ruby"] .tt-total-label,
[data-theme="runic-ruby"] .tt-total-value {
    color: hsl(348 70% 76%);
}

[data-theme="runic-ruby"] .attribute-bonus {
    background: hsl(348 22% 20%);
    color: hsl(348 64% 78%);
}

[data-theme="runic-ruby"] .attribute-card.physical { border-left-color: hsl(348 58% 54%); }
[data-theme="runic-ruby"] .attribute-card.mental { border-left-color: hsl(268 36% 58%); }
[data-theme="runic-ruby"] .attribute-card.social { border-left-color: hsl(190 28% 62%); }
[data-theme="runic-ruby"] .attribute-card.special { border-left-color: hsl(34 70% 62%); }

[data-theme="runic-ruby"] .widget-tile .dice-value,
[data-theme="runic-ruby"] .widget-tile .attack-damage-value,
[data-theme="runic-ruby"] .widget-tile .attack-roll-value,
[data-theme="runic-ruby"] .widget-tile .skill-total-value {
    color: hsl(348 74% 78%);
    text-shadow:
        0 0 12px hsl(348 58% 51% / 0.22),
        0 1px 0 hsl(216 16% 6% / 0.8);
}

[data-theme="runic-ruby"] .roll-result,
[data-theme="runic-ruby"] .combat-highlight,
[data-theme="runic-ruby"] .status-pill.active {
    background: linear-gradient(180deg, hsl(348 62% 53%), hsl(346 52% 34%));
    color: hsl(36 34% 96%);
    border: 1px solid hsl(348 58% 27% / 0.84);
    box-shadow:
        inset 0 1px 0 hsl(36 34% 96% / 0.16),
        0 12px 26px hsl(348 56% 22% / 0.24);
}

[data-theme="runic-ruby"] .unified-tooltip,
[data-theme="runic-ruby"] .spell-tooltip,
[data-theme="runic-ruby"] #item-tooltip,
[data-theme="runic-ruby"] .basic-tooltip,
[data-theme="runic-ruby"] .tooltiptext {
    background: var(--color-tooltip-bg);
    border: 1px solid hsl(348 36% 52% / 0.34);
    color: var(--color-tooltip-text);
    box-shadow:
        0 18px 42px hsl(218 28% 3% / 0.48),
        0 0 18px hsl(348 58% 51% / 0.08);
}

[data-theme="runic-ruby"] .itooltip-title,
[data-theme="runic-ruby"] .skilltooltip-title,
[data-theme="runic-ruby"] .attrtooltip-title,
[data-theme="runic-ruby"] .stattooltip-title,
[data-theme="runic-ruby"] .unified-tooltip .tooltip-title {
    color: hsl(348 70% 76%);
}

[data-theme="runic-ruby"] hr,
[data-theme="runic-ruby"] .divider {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, hsl(348 58% 51% / 0.5), transparent);
}

[data-theme="runic-ruby"] .highlight,
[data-theme="runic-ruby"] .text-highlight,
[data-theme="runic-ruby"] .rarity-legendary {
    color: hsl(348 70% 76%);
    text-shadow: 0 0 14px hsl(348 58% 51% / 0.2);
}

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

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

[data-theme="runic-ruby"] ::-webkit-scrollbar { width: 10px; height: 10px; }
[data-theme="runic-ruby"] ::-webkit-scrollbar-track { background: hsl(216 14% 9%); }

[data-theme="runic-ruby"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, hsl(348 50% 42%), hsl(346 42% 28%));
    border-radius: 999px;
    border: 2px solid hsl(216 14% 9%);
}

[data-theme="runic-ruby"] ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, hsl(354 72% 56%), hsl(348 52% 36%));
}

[data-theme="runic-ruby"] ::selection,
[data-theme="runic-ruby"] ::-moz-selection {
    background: hsl(348 58% 51% / 0.32);
    color: hsl(36 34% 98%);
}

@media (max-width: 768px) {
    [data-theme="runic-ruby"] body::before {
        opacity: 0.62;
    }

    [data-theme="runic-ruby"] #div_top_navigation,
    [data-theme="runic-ruby"] #div_right_navigation,
    [data-theme="runic-ruby"] #div_iconbar_left,
    [data-theme="runic-ruby"] #div_iconbar_right {
        background: linear-gradient(180deg, hsl(216 15% 11% / 0.98), hsl(216 16% 8% / 0.98));
    }
}
[data-theme="runic-ruby"] .toxicity-container {
    border-color: var(--color-toxicity) !important;
}

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

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