/* VEYDRIS · Tooltips v2 (2026-10-18)
   Einheitliche Detail-Karten für Items, Skills, Werte, Reittiere/Begleiter und allgemeine Hinweise.
   Eigene Ebene: !important in einer Ebene schlägt alle ungeschichteten !important der alten Stylesheets. */
@layer tt {
  /* Wurfstärke-Farben: grau → weiß → blau → violett → gold (überall: Tooltip, Schmiede, Legende) */
  [data-roll-tier="1"] { --roll-color: #8d93a0 !important; }
  [data-roll-tier="2"] { --roll-color: #d5d9e0 !important; }
  [data-roll-tier="3"] { --roll-color: #63aaff !important; }
  [data-roll-tier="4"] { --roll-color: #c084ff !important; }
  [data-roll-tier="5"] { --roll-color: #ffc94d !important; }

  .game-tooltip {
    --tt-r: #e8c480; --tt-name: #f3d58e; --tt-text: #efe7d6; --tt-muted: #a59c8b; --tt-line: rgba(232, 196, 128, .14);
    --tt-tile: rgba(255, 255, 255, .04); --tt-font: var(--vm-font, Manrope, system-ui, sans-serif); --tt-display: var(--vm-display, Cinzel, Georgia, serif);
  }
  .game-tooltip :where(*), .game-tooltip :where(*)::before, .game-tooltip :where(*)::after { all: unset !important; box-sizing: border-box !important; }
  .game-tooltip { box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; outline: 0 !important; text-align: left !important; letter-spacing: 0 !important; clip-path: none !important; filter: none !important; backdrop-filter: none !important; }
  .game-tooltip :where(div, section, header, footer, aside, article, p, h2, h3, ul, li, dl) { display: block !important; }
  .game-tooltip :where(button, [data-action]) { cursor: pointer !important; }
  .game-tooltip :where(img) { display: block !important; }

  .game-tooltip {
    position: fixed !important; z-index: 100000 !important; display: block !important; overflow-y: auto !important; overscroll-behavior: contain !important;
    scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important;
    border-radius: 16px !important; color: var(--tt-text) !important; font: 500 13px/1.45 var(--tt-font) !important; pointer-events: auto !important;
    background: radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--tt-r) 16%, transparent), transparent 60%), linear-gradient(180deg, #1b1924 0%, #121119 100%) !important;
    border: 1px solid color-mix(in srgb, var(--tt-r) 45%, rgba(255, 255, 255, .08)) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6), 0 30px 70px -18px rgba(0, 0, 0, .9), 0 0 40px -18px var(--tt-r) !important;
    animation: tt-in .14s ease-out !important;
  }
  .game-tooltip:has(.rarity-gewöhnlich, .rarity-common) { --tt-r: #a7a196; --tt-name: #ece6d8; }
  .game-tooltip:has(.rarity-ungewöhnlich, .rarity-uncommon) { --tt-r: #5fc46a; --tt-name: #8fe596; }
  .game-tooltip:has(.rarity-magisch, .rarity-magic) { --tt-r: #4f8dff; --tt-name: #8db6ff; }
  .game-tooltip:has(.rarity-selten, .rarity-rare) { --tt-r: #f2d24b; --tt-name: #f7e07a; }
  .game-tooltip:has(.rarity-episch, .rarity-epic) { --tt-r: #b062ff; --tt-name: #cf9bff; }
  .game-tooltip:has(.rarity-legendär, .rarity-legendary) { --tt-r: #ff9a3c; --tt-name: #ffb672; }
  .game-tooltip:has(.rarity-mythisch, .rarity-mythic) { --tt-r: #ff4f6a; --tt-name: #ff8396; }
  .game-tooltip:has(.rarity-ewig, .rarity-eternal) { --tt-r: #5ff0e6; --tt-name: #9af6ef; }
  .game-tooltip::before { content: "" !important; position: sticky !important; top: 0 !important; display: block !important; height: 3px !important; margin-bottom: -3px !important; z-index: 3 !important; background: linear-gradient(90deg, transparent, var(--tt-r), transparent) !important; }
  .game-tooltip.is-inspect-drawer { border-radius: 18px !important; }
  .game-tooltip.is-bottom-sheet { border-radius: 20px 20px 0 0 !important; }
  @keyframes tt-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

  .game-tooltip > .game-tooltip-close {
    position: absolute !important; top: 10px !important; right: 10px !important; z-index: 4 !important; display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    font: 600 16px/1 var(--tt-font) !important; color: var(--tt-muted) !important; background: rgba(0, 0, 0, .35) !important; border: 1px solid var(--tt-line) !important;
  }
  .game-tooltip > .game-tooltip-close:hover { color: var(--tt-text) !important; border-color: var(--tt-r) !important; }

  /* gemeinsame Typo */
  .game-tooltip :is(.game-tooltip-item, .game-tooltip-skill, .game-tooltip-stat-source, .game-tooltip-collection, .game-tooltip-generic) { display: grid !important; gap: 10px !important; padding: 16px 16px 14px !important; }
  .game-tooltip small { font: 700 10px/1.3 var(--tt-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--tt-muted) !important; }
  .game-tooltip p { font: 500 12.5px/1.5 var(--tt-font) !important; color: #cfc6b3 !important; }

  /* ---------- ITEM ---------- */
  .game-tooltip-item > header { display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; padding-right: 26px !important; }
  .game-tooltip-item > header > img {
    width: 52px !important; height: 52px !important; padding: 5px !important; object-fit: contain !important; border-radius: 14px !important;
    background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tt-r) 30%, transparent), transparent 70%), linear-gradient(180deg, #24212f, #14131b) !important;
    border: 1.5px solid var(--tt-r) !important; box-shadow: inset 0 0 18px -6px var(--tt-r), 0 6px 16px -8px #000 !important; filter: none !important;
  }
  .game-tooltip-item > header > div { display: grid !important; gap: 2px !important; min-width: 0 !important; }
  .game-tooltip-item > header small { color: var(--tt-r) !important; }
  .game-tooltip-item > header h2 { font: 600 15.5px/1.18 var(--tt-display) !important; color: var(--tt-name) !important; letter-spacing: .02em !important; text-shadow: 0 0 18px color-mix(in srgb, var(--tt-r) 35%, transparent) !important; }
  .game-tooltip-item > header span { font: 500 11.5px/1.35 var(--tt-font) !important; color: var(--tt-muted) !important; }
  .game-tooltip-item.is-unique > header h2 { color: #ffd98a !important; }

  .game-tooltip .tooltip-class-requirement { display: grid !important; grid-template-columns: 26px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; padding: 7px 10px !important; border-radius: 11px !important; background: var(--tt-tile) !important; border: 1px solid var(--tt-line) !important; }
  .game-tooltip .tooltip-class-requirement > span { display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; font-size: 12px !important; color: var(--tt-name) !important; background: rgba(255, 255, 255, .06) !important; }
  .game-tooltip .tooltip-class-requirement > div { display: grid !important; gap: 0 !important; }
  .game-tooltip .tooltip-class-requirement small { font-size: 9px !important; }
  .game-tooltip .tooltip-class-requirement b { font: 700 12.5px/1.3 var(--tt-font) !important; color: var(--tt-text) !important; }
  .game-tooltip .tooltip-class-requirement em { font: 500 11px/1.3 var(--tt-font) !important; color: #8fe0b0 !important; }
  .game-tooltip .tooltip-class-requirement.foreign em { color: #ff9c8a !important; }

  .game-tooltip .tooltip-power { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important; gap: 6px !important; }
  .game-tooltip .tooltip-power > span { display: grid !important; gap: 2px !important; padding: 8px 12px !important; border-radius: 12px !important; background: var(--tt-tile) !important; border: 1px solid var(--tt-line) !important; }
  .game-tooltip .tooltip-power b { font: 800 20px/1.1 var(--tt-font) !important; color: var(--tt-text) !important; font-variant-numeric: tabular-nums !important; }
  .game-tooltip .tooltip-delta.gain { background: rgba(108, 240, 169, .07) !important; border-color: rgba(108, 240, 169, .35) !important; }
  .game-tooltip .tooltip-delta.gain b { color: #6cf0a9 !important; }
  .game-tooltip .tooltip-delta.loss { background: rgba(255, 110, 90, .07) !important; border-color: rgba(255, 110, 90, .35) !important; }
  .game-tooltip .tooltip-delta.loss b { color: #ff8a7a !important; }

  .game-tooltip .tooltip-affix-count { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 2px !important; margin-bottom: -4px !important; }
  .game-tooltip .tooltip-affix-count b { font: 800 11px/1.2 var(--tt-font) !important; color: var(--tt-muted) !important; }
  .game-tooltip .tooltip-modifiers { display: grid !important; gap: 4px !important; }
  .game-tooltip .tooltip-modifiers li { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 2px 10px !important; padding: 7px 10px 9px !important; border-radius: 10px !important; background: var(--tt-tile) !important; overflow: hidden !important; }
  .game-tooltip .tooltip-modifiers li::after { content: "" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; display: block !important; height: 2px !important; width: var(--roll, 0%) !important; background: var(--roll-color, transparent) !important; box-shadow: 0 0 8px var(--roll-color, transparent) !important; }
  .game-tooltip .tooltip-modifiers li > img { position: absolute !important; left: 8px !important; top: 50% !important; transform: translateY(-50%) !important; width: 22px !important; height: 22px !important; }
  .game-tooltip .tooltip-modifiers li:has(> img) { padding-left: 38px !important; }
  .game-tooltip .tooltip-modifiers li > span { display: grid !important; gap: 0 !important; font: 600 12.5px/1.3 var(--tt-font) !important; color: var(--tt-text) !important; min-width: 0 !important; }
  .game-tooltip .tooltip-modifiers li > span small { font-size: 8.5px !important; color: #8fe0b0 !important; letter-spacing: .1em !important; }
  .game-tooltip .tooltip-modifiers li > b { font: 800 13px/1.3 var(--tt-font) !important; color: var(--roll-color, var(--tt-text)) !important; white-space: nowrap !important; }
  .game-tooltip .tooltip-modifiers li:not([data-roll-tier]) > b { color: var(--tt-text) !important; }
  .game-tooltip .tooltip-modifiers li.build-synergy { box-shadow: inset 2px 0 0 #6cf0a9 !important; }
  .game-tooltip .tooltip-modifiers li.fatebound-affix { background: rgba(192, 132, 255, .08) !important; }
  .game-tooltip .tooltip-modifiers li :is(em, i) { grid-column: 1 / -1 !important; font: 500 10.5px/1.3 var(--tt-font) !important; color: var(--tt-muted) !important; }
  .game-tooltip .roll-legend { display: flex !important; flex-wrap: wrap !important; gap: 4px 10px !important; padding: 0 2px !important; }
  .game-tooltip .roll-legend span { display: inline-flex !important; align-items: center !important; gap: 4px !important; font: 700 9px/1.2 var(--tt-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--tt-muted) !important; }
  .game-tooltip .roll-legend span::before { content: "" !important; display: block !important; width: 8px !important; height: 3px !important; border-radius: 2px !important; background: var(--roll-color) !important; }

  /* Evolution: Goldleiste mit vier Rauten statt Kästchen */
  .game-tooltip .item-mastery { display: grid !important; gap: 8px !important; padding: 2px 2px 4px !important; }
  .game-tooltip .item-mastery > header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 8px !important; }
  .game-tooltip .item-mastery > header > span { display: grid !important; gap: 1px !important; }
  .game-tooltip .item-mastery > header small { font: 700 9px/1.2 var(--tt-font) !important; letter-spacing: .16em !important; color: var(--tt-muted) !important; }
  .game-tooltip .item-mastery > header b { font: 600 14px/1.15 Cinzel, Georgia, serif !important; letter-spacing: .04em !important; color: var(--tt-text) !important; }
  .game-tooltip .item-mastery > header strong { display: grid !important; justify-items: end !important; gap: 1px !important; font: 800 15px/1 var(--tt-font) !important; color: #f3d58e !important; }
  .game-tooltip .item-mastery > header strong small { font-size: 8.5px !important; letter-spacing: .12em !important; }
  .game-tooltip .item-mastery-rail { position: relative !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; padding-top: 2px !important; }
  .game-tooltip .item-mastery-rail::before, .game-tooltip .item-mastery-rail::after { content: "" !important; display: block !important; position: absolute !important; top: 9px !important; left: 12.5% !important; height: 2px !important; border-radius: 2px !important; }
  .game-tooltip .item-mastery-rail::before { right: 12.5% !important; background: rgba(255, 255, 255, .09) !important; }
  .game-tooltip .item-mastery-rail::after { left: 0 !important; width: var(--mastery-fill, 0%) !important; background: linear-gradient(90deg, rgba(232, 196, 128, .15), #f3d58e) !important; box-shadow: 0 0 8px rgba(243, 213, 142, .5) !important; }
  .game-tooltip .item-mastery-rail > span { position: relative !important; z-index: 1 !important; display: grid !important; justify-items: center !important; gap: 3px !important; padding: 0 !important; background: none !important; border: 0 !important; }
  .game-tooltip .item-mastery-rail > span i { display: block !important; width: 12px !important; height: 12px !important; margin: 3px 0 2px !important; transform: rotate(45deg) !important; border: 1.5px solid rgba(232, 196, 128, .45) !important; background: #15131c !important; }
  .game-tooltip .item-mastery-rail > span.unlocked i { background: linear-gradient(135deg, #fff1c4, #d9a14e) !important; border-color: #f3d58e !important; }
  .game-tooltip .item-mastery-rail > span.current i { box-shadow: 0 0 0 3px rgba(243, 213, 142, .18), 0 0 12px rgba(243, 213, 142, .8) !important; }
  .game-tooltip .item-mastery-rail > span b { font: 800 11px/1 var(--tt-font) !important; color: var(--tt-muted) !important; }
  .game-tooltip .item-mastery-rail > span small { font: 700 8px/1.1 var(--tt-font) !important; letter-spacing: .1em !important; color: rgba(165, 156, 139, .75) !important; text-transform: uppercase !important; }
  .game-tooltip .item-mastery-rail > span.unlocked :is(b, small) { color: #f3d58e !important; }
  .game-tooltip .item-mastery > p { font-size: 11px !important; color: var(--tt-muted) !important; text-align: center !important; }

  /* Vergleich, Herkunft, Qualität, Sets, Signatur */
  .game-tooltip :is(.tooltip-stat-deltas, .tooltip-identity-deltas) { display: grid !important; gap: 6px !important; padding: 9px 12px !important; border-radius: 12px !important; background: var(--tt-tile) !important; border: 1px solid var(--tt-line) !important; }
  .game-tooltip :is(.tooltip-stat-deltas, .tooltip-identity-deltas) > header { display: flex !important; justify-content: space-between !important; }
  .game-tooltip :is(.tooltip-stat-deltas, .tooltip-identity-deltas) > header b { font: 800 9.5px/1.2 var(--tt-font) !important; letter-spacing: .1em !important; color: #ffc94d !important; }
  .game-tooltip :is(.tooltip-stat-deltas, .tooltip-identity-deltas) ul { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; }
  .game-tooltip :is(.tooltip-stat-deltas, .tooltip-identity-deltas) li { display: inline-flex !important; gap: 5px !important; padding: 3px 9px !important; border-radius: 99px !important; font: 600 11.5px/1.3 var(--tt-font) !important; color: var(--tt-text) !important; background: rgba(255, 255, 255, .05) !important; }
  .game-tooltip :is(.tooltip-stat-deltas, .tooltip-identity-deltas) :is(li.gain, .gain) { color: #8fe0b0 !important; background: rgba(108, 240, 169, .08) !important; }
  .game-tooltip :is(.tooltip-stat-deltas, .tooltip-identity-deltas) :is(li.loss, .loss) { color: #ff9c8a !important; background: rgba(255, 110, 90, .08) !important; }
  .game-tooltip :is(.tooltip-stat-deltas, .tooltip-identity-deltas) li > span { font-weight: 800 !important; }
  .game-tooltip .tooltip-stat-deltas > p { display: none !important; }
  .game-tooltip .tooltip-origin, .game-tooltip .tooltip-roll-quality, .game-tooltip .tooltip-origin-marker { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: baseline !important; gap: 2px 10px !important; padding: 0 2px !important; }
  .game-tooltip :is(.tooltip-origin, .tooltip-roll-quality) b { font: 700 11.5px/1.35 var(--tt-font) !important; color: var(--tt-text) !important; text-align: right !important; }
  .game-tooltip .tooltip-roll-quality > span { grid-column: 1 / -1 !important; font: 700 9px/1.3 var(--tt-font) !important; letter-spacing: .1em !important; color: #8fe0b0 !important; text-align: right !important; }
  .game-tooltip .tooltip-origin-marker { font: 700 11px/1.3 var(--tt-font) !important; color: var(--tt-name) !important; }
  .game-tooltip :is(.game-tooltip-set, .game-tooltip-unique) { display: grid !important; gap: 4px !important; padding: 10px 12px !important; border-radius: 12px !important; background: rgba(95, 240, 230, .05) !important; border: 1px solid rgba(95, 240, 230, .25) !important; }
  .game-tooltip .game-tooltip-unique { background: rgba(255, 201, 77, .06) !important; border-color: rgba(255, 201, 77, .35) !important; }
  .game-tooltip .game-tooltip-set > b, .game-tooltip .game-tooltip-unique h3 { font: 700 13px/1.3 var(--tt-display) !important; color: var(--tt-text) !important; }
  .game-tooltip .game-tooltip-set > span { font: 500 11.5px/1.4 var(--tt-font) !important; color: var(--tt-muted) !important; }
  .game-tooltip .game-tooltip-set > span.active { color: #6cf0a9 !important; }
  .game-tooltip .unique-keywords { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; }
  .game-tooltip .unique-keywords span { padding: 2px 8px !important; border-radius: 99px !important; font: 700 10px/1.3 var(--tt-font) !important; color: #ffd98a !important; background: rgba(255, 201, 77, .1) !important; }
  .game-tooltip .unique-build-synergy { font: 800 10px/1.3 var(--tt-font) !important; letter-spacing: .1em !important; color: #6cf0a9 !important; }
  .game-tooltip .advanced-item-inspect { display: grid !important; gap: 6px !important; padding: 9px 12px !important; border-radius: 12px !important; background: rgba(99, 170, 255, .05) !important; border: 1px solid rgba(99, 170, 255, .25) !important; font: 500 11.5px/1.45 var(--tt-font) !important; color: var(--tt-muted) !important; }
  .game-tooltip .advanced-item-inspect :is(b, strong) { font-weight: 700 !important; color: var(--tt-text) !important; }
  .game-tooltip .advanced-item-inspect ul { display: grid !important; gap: 3px !important; }

  /* Aktionen: fester Fuß */
  .game-tooltip .button.mobile-advanced-toggle { display: none !important; }
  @media (hover: none) { .game-tooltip .button.mobile-advanced-toggle { display: inline-flex !important; justify-content: center !important; padding: 6px 10px !important; border-radius: 9px !important; font: 700 10.5px/1.2 var(--tt-font) !important; letter-spacing: .08em !important; color: var(--tt-muted) !important; border: 1px solid var(--tt-line) !important; } }
  .game-tooltip-item > footer { position: sticky !important; bottom: -14px !important; z-index: 2 !important; display: grid !important; gap: 8px !important; margin: 2px -16px -14px !important; padding: 10px 16px 14px !important; background: linear-gradient(180deg, rgba(18, 17, 25, .85), #121119 30%) !important; border-top: 1px solid var(--tt-line) !important; }
  .game-tooltip-item > footer > span { font: 700 10px/1.3 var(--tt-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--tt-muted) !important; }
  .game-tooltip-item > footer > span:only-child { text-align: center !important; }
  .game-tooltip-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; }
  .game-tooltip-actions:empty { display: none !important; }
  .game-tooltip .button {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 4px 10px !important; border-radius: 10px !important; text-align: center !important;
    font: 700 10.5px/1.2 var(--tt-font) !important; letter-spacing: .07em !important; text-transform: uppercase !important; white-space: nowrap !important;
    color: var(--tt-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--tt-line) !important; transition: border-color .15s, background .15s, filter .15s !important;
  }
  .game-tooltip .button:hover { border-color: rgba(232, 196, 128, .55) !important; background: rgba(232, 196, 128, .08) !important; }
  .game-tooltip .button.primary { grid-column: 1 / -1 !important; min-height: 40px !important; font-size: 12px !important; color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; box-shadow: 0 8px 20px -10px rgba(243, 213, 142, .6) !important; }
  .game-tooltip .button.primary + .button.primary { grid-column: auto !important; }
  .game-tooltip .button.primary:hover { filter: brightness(1.07) !important; }
  .game-tooltip .button.salvage { color: #ffb4a6 !important; border-color: rgba(255, 120, 100, .35) !important; background: rgba(255, 90, 70, .06) !important; }
  .game-tooltip .button:disabled { opacity: .45 !important; cursor: not-allowed !important; filter: none !important; }

  /* ---------- SKILL ---------- */
  .game-tooltip-skill > header { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; padding-right: 26px !important; }
  .game-tooltip-skill > header img { width: 56px !important; height: 56px !important; border-radius: 14px !important; border: 1.5px solid var(--tt-r) !important; box-shadow: 0 0 18px -6px var(--tt-r) !important; }
  .game-tooltip-skill > header > div { display: grid !important; gap: 2px !important; }
  .game-tooltip-skill > header h2 { font: 600 18px/1.2 var(--tt-display) !important; color: var(--tt-name) !important; }
  .game-tooltip-skill > header span { font: 500 11.5px/1.3 var(--tt-font) !important; color: var(--tt-muted) !important; }
  .game-tooltip-skill .skill-tooltip-core { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; padding: 8px 12px !important; border-radius: 11px !important; background: var(--tt-tile) !important; border: 1px solid var(--tt-line) !important; }
  .game-tooltip-skill .skill-tooltip-core b { font: 800 13px/1.2 var(--tt-font) !important; color: var(--tt-text) !important; }
  .game-tooltip-skill .skill-tooltip-core span { font: 600 11.5px/1.2 var(--tt-font) !important; color: var(--tt-muted) !important; white-space: nowrap !important; }
  .game-tooltip-skill > small { text-transform: none !important; letter-spacing: 0 !important; font: 500 11.5px/1.4 var(--tt-font) !important; color: #8fe0b0 !important; }
  .game-tooltip .skill-synergies { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 4px !important; }
  .game-tooltip .skill-synergies small { margin-right: 4px !important; }
  .game-tooltip .skill-synergies span { padding: 2px 9px !important; border-radius: 99px !important; font: 700 11px/1.3 var(--tt-font) !important; color: var(--tt-name) !important; background: rgba(232, 196, 128, .1) !important; border: 1px solid var(--tt-line) !important; }
  .game-tooltip-skill :is(ul, dl) { display: grid !important; gap: 3px !important; font: 500 11.5px/1.4 var(--tt-font) !important; color: var(--tt-muted) !important; }

  /* ---------- WERT-QUELLEN ---------- */
  .game-tooltip-stat-source > small, .game-tooltip-generic > small, .game-tooltip-collection > small { color: var(--tt-r) !important; }
  .game-tooltip :is(.game-tooltip-stat-source, .game-tooltip-generic, .game-tooltip-collection) > h2 { font: 600 18px/1.2 var(--tt-display) !important; color: var(--tt-name) !important; padding-right: 26px !important; }
  .game-tooltip .stat-source-total { display: flex !important; justify-content: space-between !important; align-items: baseline !important; padding: 8px 12px !important; border-radius: 11px !important; background: var(--tt-tile) !important; border: 1px solid var(--tt-line) !important; }
  .game-tooltip .stat-source-total span { font: 700 11px/1.2 var(--tt-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--tt-muted) !important; }
  .game-tooltip .stat-source-total b { font: 800 20px/1.1 var(--tt-font) !important; color: var(--tt-name) !important; }
  .game-tooltip-stat-source > h3 { font: 700 10px/1.2 var(--tt-font) !important; letter-spacing: .14em !important; color: var(--tt-muted) !important; margin-bottom: -4px !important; }
  .game-tooltip .stat-source-rows { display: grid !important; gap: 3px !important; }
  .game-tooltip .stat-source-rows > span { display: flex !important; justify-content: space-between !important; gap: 8px !important; padding: 5px 10px !important; border-radius: 8px !important; background: rgba(255, 255, 255, .025) !important; }
  .game-tooltip .stat-source-rows small { text-transform: none !important; letter-spacing: 0 !important; font: 500 12px/1.3 var(--tt-font) !important; color: #cfc6b3 !important; }
  .game-tooltip .stat-source-rows b { font: 800 12px/1.3 var(--tt-font) !important; color: var(--tt-text) !important; font-variant-numeric: tabular-nums !important; }

  /* ---------- REITTIER / BEGLEITER ---------- */
  .game-tooltip-collection > .collection-preview { width: 100% !important; height: 150px !important; object-fit: contain !important; border-radius: 12px !important; background: radial-gradient(ellipse 55% 30% at 50% 92%, rgba(0, 0, 0, .55), transparent 70%), radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--tt-r) 24%, transparent), transparent 68%), linear-gradient(180deg, #24212f, #16141d) !important; border: 1px solid var(--tt-line) !important; }
  .game-tooltip-collection > ul { display: grid !important; gap: 3px !important; }
  .game-tooltip-collection > ul li { padding: 4px 10px !important; border-radius: 8px !important; font: 600 12px/1.35 var(--tt-font) !important; color: #8fe0b0 !important; background: rgba(108, 240, 169, .06) !important; }
  .game-tooltip-collection > ul li.tooltip-companion-mod { color: #8db6ff !important; background: rgba(99, 170, 255, .06) !important; }
  .game-tooltip :is(.tooltip-speed-example, .tooltip-farm-source) { display: grid !important; gap: 2px !important; padding: 8px 10px !important; border-radius: 10px !important; background: var(--tt-tile) !important; border: 1px solid var(--tt-line) !important; }
  .game-tooltip :is(.tooltip-speed-example, .tooltip-farm-source) b { font: 600 12px/1.35 var(--tt-font) !important; color: var(--tt-text) !important; }

  /* ---------- ALLGEMEIN ---------- */
  .game-tooltip-generic { gap: 6px !important; padding: 14px 16px !important; }
  .game-tooltip-generic > h2 { font-size: 16px !important; }
  .game-tooltip .item-mastery > header > span { display: grid !important; gap: 1px !important; }
  .game-tooltip .item-mastery > header strong { display: grid !important; justify-items: end !important; gap: 1px !important; }

  /* Live-Events (Kopfzeile) */
  .game-tooltip:has(.game-tooltip-events) { --tt-r: #6cf0a9; width: 320px !important; }
  .game-tooltip-events { display: grid !important; gap: 10px !important; padding: 14px 16px 14px !important; }
  .game-tooltip-events > small { color: #6cf0a9 !important; font: 700 10px/1.3 var(--tt-font) !important; letter-spacing: .2em !important; }
  .game-tooltip-events section { display: grid !important; gap: 5px !important; }
  .game-tooltip-events section + section { padding-top: 10px !important; border-top: 1px solid rgba(255, 255, 255, .07) !important; }
  .game-tooltip-events header { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 8px !important; }
  .game-tooltip-events header b { color: #f3d58e !important; font: 600 15px/1.2 Cinzel, Georgia, serif !important; }
  .game-tooltip-events header em { color: #a59c8b !important; font: 700 9.5px/1.2 var(--tt-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-style: normal !important; white-space: nowrap !important; }
  .game-tooltip-events p { color: #b9b0a0 !important; font: 500 12px/1.45 var(--tt-font) !important; }
  .game-tooltip-events div { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; }
  .game-tooltip-events div span { display: inline-block !important; padding: 3px 9px !important; border-radius: 99px !important; border: 1px solid rgba(108, 240, 169, .3) !important; background: rgba(108, 240, 169, .08) !important; color: #9ff2c4 !important; font: 700 11px/1.3 var(--tt-font) !important; }
}