/* VEYDRIS – einheitliche Fenster (Level-Up, Entdeckungen, Schmiede-Ergebnis,
   Willkommen zurück, Bestätigungen, Build umbenennen, Hinweise).
   Ein Panel-Stil: dunkles Glas, Goldkante, abgedunkelter Hintergrund, immer mittig. */
@layer pv {
  body.vey-renewal {
    /* gleiche Grundwerte wie in #view, damit Fenster außerhalb der Seite dieselbe Schrift haben */
    --pv-gold: var(--vm-gold-hi, #f3d58e); --pv-text: var(--vm-text, #efe7d6); --pv-muted: var(--vm-muted, #a59c8b);
    --pv-font: var(--vm-font, Manrope, system-ui, sans-serif); --pv-display: var(--vm-display, Cinzel, Georgia, serif);
    --dg-panel: radial-gradient(120% 60% at 50% 0%, rgba(232, 196, 128, .11), transparent 62%), linear-gradient(180deg, #1c1a26 0%, #100f16 100%);
    --dg-line: rgba(232, 196, 128, .34);
    --dg-title: #f6e2ae;
    --dg-eyebrow: #e3bd72;
    --dg-tile: rgba(255, 255, 255, .035);
    --dg-tile-line: rgba(255, 255, 255, .07);
    --dg-shadow: 0 0 0 1px rgba(0, 0, 0, .6), 0 40px 90px -20px rgba(0, 0, 0, .92), 0 0 60px -30px rgba(232, 196, 128, .5);
    --dg-backdrop: radial-gradient(circle at 50% 42%, rgba(30, 24, 16, .5), rgba(4, 4, 8, .86));
  }

  /* ---------- Hintergrund-Ebenen ---------- */
  body.vey-renewal #phase5Feedback[data-kind="modal"]:not(:empty),
  body.vey-renewal .vey-confirm-layer,
  body.vey-renewal .returning-summary {
    position: fixed !important; inset: 0 !important; z-index: 9000 !important; display: grid !important; place-items: center !important;
    padding: 16px !important; margin: 0 !important; background: var(--dg-backdrop) !important; backdrop-filter: blur(5px) !important;
    pointer-events: auto !important; animation: dg-fade .2s ease-out both !important; overflow: auto !important;
  }
  body.vey-renewal .loot-celebration { z-index: 9000 !important; }
  body.vey-renewal .vey-confirm-layer { z-index: 9200 !important; }
  body.vey-renewal #phase5Feedback[data-kind="toast"] {
    position: fixed !important; inset: auto !important; top: 96px !important; left: 50% !important; z-index: 9100 !important;
    transform: translateX(-50%) !important; display: block !important; pointer-events: none !important; background: none !important;
  }
  body.vey-renewal #phase5Feedback:empty { display: none !important; }

  /* ---------- Reset im Feedback-Fenster ---------- */
  body.vey-renewal #phase5Feedback :where(section, section *:not(.button):not(.button *)),
  body.vey-renewal :where(.vey-confirm, .vey-confirm *:not(.button)),
  body.vey-renewal :where(.returning-summary > div, .returning-summary > div *:not(.button)) {
    all: unset !important; box-sizing: border-box !important;
  }
  body.vey-renewal #phase5Feedback :where(section, div, p, h2, h3, small, strong, del) ,
  body.vey-renewal :where(.vey-confirm, .vey-confirm h2, .vey-confirm p, .returning-summary > div, .returning-summary h2, .returning-summary p) { display: block !important; }

  /* ---------- Das gemeinsame Panel ---------- */
  body.vey-renewal #phase5Feedback > section,
  body.vey-renewal .vey-confirm,
  body.vey-renewal .returning-summary > div {
    position: relative !important; width: min(500px, 100%) !important; max-height: calc(100dvh - 32px) !important; overflow: auto !important;
    padding: 26px 28px 22px !important; border: 1px solid var(--dg-line) !important; border-radius: 18px !important;
    background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important; text-align: center !important;
    color: var(--pv-text) !important; font: 500 13px/1.5 var(--pv-font) !important; letter-spacing: 0 !important;
    animation: dg-pop .26s cubic-bezier(.2, .9, .3, 1.15) both !important;
  }
  body.vey-renewal :is(#phase5Feedback > section, .vey-confirm, .returning-summary > div)::before {
    content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; right: 12% !important; height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(243, 213, 142, .9), transparent) !important;
  }
  /* Augenbraue + Titel */
  body.vey-renewal #phase5Feedback > section > span:not(.reveal-runes),
  body.vey-renewal #phase5Feedback > section > small,
  body.vey-renewal :is(.vey-confirm, .returning-summary > div) > .eyebrow {
    display: block !important; color: var(--dg-eyebrow) !important; font: 700 10.5px/1.4 var(--pv-font) !important; letter-spacing: .22em !important; text-transform: uppercase !important;
  }
  body.vey-renewal #phase5Feedback > section > h2,
  body.vey-renewal :is(.vey-confirm, .returning-summary > div) > h2 {
    display: block !important; margin: 6px 0 10px !important; color: var(--dg-title) !important; font: 600 28px/1.12 var(--pv-display) !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .6) !important; overflow-wrap: anywhere !important;
  }
  body.vey-renewal #phase5Feedback > section > :is(p, h3),
  body.vey-renewal :is(.vey-confirm, .returning-summary > div) > p {
    display: block !important; margin: 0 auto 4px !important; max-width: 40ch !important; color: #cfc5b1 !important; font: 500 13px/1.5 var(--pv-font) !important;
  }
  body.vey-renewal #phase5Feedback > section > h3 { color: var(--dg-title) !important; font: 600 22px/1.2 var(--pv-display) !important; margin-top: 2px !important; }
  /* Knopfreihe */
  body.vey-renewal #phase5Feedback > section > :is(.feel-actions, div:last-child:has(> .button)),
  body.vey-renewal .vey-confirm__actions {
    display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; margin-top: 18px !important;
  }
  body.vey-renewal #phase5Feedback > section > .button { margin-top: 18px !important; }
  body.vey-renewal :is(#phase5Feedback, .vey-confirm, .returning-summary) .button { min-width: 132px !important; }

  /* ---------- Level-Up ---------- */
  body.vey-renewal #phase5Feedback .level-up-runes,
  body.vey-renewal #phase5Feedback .reveal-runes { display: none !important; }
  body.vey-renewal #phase5Feedback .level-celebration > h2 { font-size: 46px !important; letter-spacing: .04em !important; margin: 2px 0 14px !important;
    background: linear-gradient(180deg, #fff3cf, #e9bf6c 60%, #b98a3e) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
  body.vey-renewal #phase5Feedback .level-up-gains { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important; gap: 8px !important; }
  body.vey-renewal #phase5Feedback :is(.level-up-gains > span, .equip-stat-changes > span) {
    display: grid !important; gap: 2px !important; padding: 10px 8px !important; border: 1px solid var(--dg-tile-line) !important; border-radius: 12px !important; background: var(--dg-tile) !important;
  }
  body.vey-renewal #phase5Feedback :is(.level-up-gains, .equip-stat-changes) small { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
  body.vey-renewal #phase5Feedback :is(.level-up-gains, .equip-stat-changes) b { color: var(--pv-text) !important; font: 800 14px/1.25 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
  body.vey-renewal #phase5Feedback :is(.level-up-gains, .equip-stat-changes) em { color: #7fe3a0 !important; font: 700 11.5px/1.2 var(--pv-font) !important; font-style: normal !important; }
  body.vey-renewal #phase5Feedback .level-up-unlocks { display: grid !important; gap: 6px !important; margin-top: 14px !important; text-align: left !important; }
  body.vey-renewal #phase5Feedback .level-up-unlocks > small { text-align: center !important; color: var(--dg-eyebrow) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; }
  body.vey-renewal #phase5Feedback .level-up-unlocks > div { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; padding: 8px 12px !important; border: 1px solid rgba(232, 196, 128, .18) !important; border-radius: 12px !important; background: rgba(232, 196, 128, .05) !important; }
  body.vey-renewal #phase5Feedback .level-up-unlocks > div > img { display: block !important; width: 38px !important; height: 38px !important; border-radius: 10px !important; }
  body.vey-renewal #phase5Feedback .level-up-unlocks > div > i { display: grid !important; place-items: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; border: 1px solid rgba(232, 196, 128, .35) !important; color: var(--pv-gold) !important; font: 700 15px/1 var(--pv-font) !important; font-style: normal !important; }
  body.vey-renewal #phase5Feedback .level-up-unlocks > div > span { display: grid !important; gap: 1px !important; min-width: 0 !important; }
  body.vey-renewal #phase5Feedback .level-up-unlocks b { color: var(--pv-text) !important; font: 700 13.5px/1.3 var(--pv-font) !important; }
  body.vey-renewal #phase5Feedback .level-up-unlocks em { color: var(--pv-muted) !important; font: 600 11.5px/1.3 var(--pv-font) !important; font-style: normal !important; }

  /* ---------- Neuer Skill ---------- */
  body.vey-renewal #phase5Feedback .skill-unlock-celebration > img { display: block !important; width: 84px !important; height: 84px !important; margin: 12px auto 4px !important; border-radius: 18px !important; border: 1px solid rgba(232, 196, 128, .45) !important; box-shadow: 0 0 30px -6px rgba(232, 196, 128, .55) !important; }

  /* ---------- Region / Finale mit Bild ---------- */
  body.vey-renewal #phase5Feedback :is(.region-celebration, .campaign-finale) {
    width: min(560px, 100%) !important; min-height: 330px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding-top: 120px !important;
    background: linear-gradient(180deg, rgba(14, 13, 20, .12) 0%, rgba(14, 13, 20, .78) 52%, #100f16 88%), var(--region-art) center 30% / cover no-repeat, #100f16 !important;
  }
  body.vey-renewal #phase5Feedback .region-celebration > small { margin-top: 10px !important; color: #7fe3d7 !important; }
  body.vey-renewal #phase5Feedback .campaign-finale > h2 { font-size: 34px !important; }
  body.vey-renewal #phase5Feedback .level-100-celebration > h2 { font-size: 46px !important; }

  /* ---------- Neues Reittier / Begleiter / Entdeckung ---------- */
  body.vey-renewal #phase5Feedback .collection-reveal { width: min(460px, 100%) !important; }
  body.vey-renewal #phase5Feedback .collection-reveal-art {
    display: block !important; height: min(260px, 34vh) !important; margin: -6px -10px 10px !important;
    background: radial-gradient(ellipse 55% 40% at 50% 80%, rgba(232, 196, 128, .18), transparent 70%) !important;
  }
  body.vey-renewal #phase5Feedback .collection-reveal-art::after { content: "" !important; position: absolute !important; inset: 0 !important; display: block !important; background: var(--collection-art) center / contain no-repeat !important; filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .75)) !important; }
  body.vey-renewal #phase5Feedback .collection-reveal-art { position: relative !important; }
  body.vey-renewal #phase5Feedback .collection-reveal > h2 { font-size: 26px !important; }
  body.vey-renewal #phase5Feedback .collection-bonus-list { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px !important; margin-top: 4px !important; }
  body.vey-renewal #phase5Feedback .collection-bonus-list > span { padding: 4px 11px !important; border-radius: 99px !important; border: 1px solid rgba(99, 230, 214, .3) !important; background: rgba(63, 224, 200, .08) !important; color: #b7f5ec !important; font: 700 12px/1.3 var(--pv-font) !important; }
  body.vey-renewal #phase5Feedback .named-discovery-reveal > p { font-size: 12px !important; color: var(--pv-muted) !important; }

  /* ---------- Schmiede / Umwürfeln / Ausrüstung: kleine Ergebnis-Karte ---------- */
  body.vey-renewal #phase5Feedback[data-kind="toast"] > section {
    width: min(380px, calc(100vw - 24px)) !important; padding: 16px 20px 16px !important; border-radius: 16px !important;
    background: linear-gradient(180deg, #1f1c29, #131219) !important; animation: dg-drop .22s ease-out both !important;
  }
  body.vey-renewal #phase5Feedback .forge-feedback > i { display: block !important; margin: 0 auto 4px !important; color: var(--pv-gold) !important; font: 700 22px/1 var(--pv-font) !important; font-style: normal !important; }
  body.vey-renewal #phase5Feedback .upgrade-feedback > h2 { font-size: 40px !important; margin: 2px 0 4px !important; color: #fff0c6 !important; }
  body.vey-renewal #phase5Feedback .upgrade-feedback > p { font-weight: 700 !important; color: var(--pv-text) !important; }
  body.vey-renewal #phase5Feedback .upgrade-feedback > strong { display: inline-block !important; margin-top: 8px !important; padding: 4px 12px !important; border-radius: 99px !important; background: rgba(176, 98, 255, .14) !important; border: 1px solid rgba(192, 132, 255, .4) !important; color: #e4cdff !important; font: 700 11px/1.3 var(--pv-font) !important; letter-spacing: .08em !important; }
  body.vey-renewal #phase5Feedback .reroll-values { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 10px !important; margin-top: 10px !important; }
  body.vey-renewal #phase5Feedback .reroll-values::before { content: "→" !important; grid-column: 2 !important; grid-row: 1 !important; color: var(--pv-gold) !important; font: 700 18px/1 var(--pv-font) !important; }
  body.vey-renewal #phase5Feedback .reroll-values > p { display: grid !important; gap: 3px !important; padding: 8px 10px !important; border-radius: 12px !important; border: 1px solid var(--dg-tile-line) !important; background: var(--dg-tile) !important; }
  body.vey-renewal #phase5Feedback .reroll-values > p:first-child { grid-column: 1 !important; grid-row: 1 !important; }
  body.vey-renewal #phase5Feedback .reroll-values > p:last-child { grid-column: 3 !important; grid-row: 1 !important; border-color: rgba(127, 227, 160, .35) !important; }
  body.vey-renewal #phase5Feedback .reroll-values small { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; }
  body.vey-renewal #phase5Feedback .reroll-values del { color: #a39a8a !important; text-decoration: line-through !important; font: 700 13px/1.3 var(--pv-font) !important; }
  body.vey-renewal #phase5Feedback .reroll-values strong { color: #8ff0b0 !important; font: 800 14px/1.3 var(--pv-font) !important; }
  body.vey-renewal #phase5Feedback .power-feedback > small { color: var(--pv-text) !important; font: 700 12.5px/1.3 var(--pv-font) !important; margin-top: 2px !important; }
  body.vey-renewal #phase5Feedback .power-feedback > h2 { font: 700 24px/1.15 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; margin: 8px 0 2px !important; }
  body.vey-renewal #phase5Feedback .power-feedback > h2 > i { color: var(--pv-gold) !important; font-style: normal !important; margin: 0 6px !important; }
  body.vey-renewal #phase5Feedback .power-feedback > b.power-gain { display: block !important; color: #8ff0b0 !important; font: 800 15px/1.2 var(--pv-font) !important; }
  body.vey-renewal #phase5Feedback .power-feedback.power-loss > b.power-gain { color: #ff9a8a !important; }
  body.vey-renewal #phase5Feedback .equip-stat-changes { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)) !important; gap: 6px !important; margin-top: 10px !important; }
  body.vey-renewal #phase5Feedback .equip-stat-changes b { font-size: 11.5px !important; }
  body.vey-renewal #phase5Feedback .power-feedback > p { margin-top: 8px !important; font-size: 11px !important; color: var(--pv-muted) !important; }

  /* ---------- Willkommen zurück ---------- */
  body.vey-renewal .returning-summary > div { width: min(620px, 100%) !important; }
  body.vey-renewal .returning-summary .returning-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin: 14px 0 4px !important; }
  body.vey-renewal .returning-summary .returning-grid > span { display: grid !important; align-content: start !important; gap: 3px !important; padding: 10px !important; border: 1px solid var(--dg-tile-line) !important; border-radius: 12px !important; background: var(--dg-tile) !important; text-align: left !important; }
  body.vey-renewal .returning-summary .returning-grid small { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
  body.vey-renewal .returning-summary .returning-grid b { color: var(--pv-text) !important; font: 700 12.5px/1.35 var(--pv-font) !important; }
  body.vey-renewal .returning-summary > div > .button { margin: 16px 5px 0 !important; }

  /* ---------- Bestätigung ---------- */
  body.vey-renewal .vey-confirm { width: min(440px, 100%) !important; }
  body.vey-renewal .vey-confirm > h2 { font-size: 24px !important; }
  body.vey-renewal .vey-confirm.is-danger { --dg-line: rgba(255, 130, 110, .45); }
  body.vey-renewal .vey-confirm.is-danger > .eyebrow { color: #ff9f8c !important; }
  body.vey-renewal .vey-confirm.is-danger [data-vey-confirm="yes"] { border-color: rgba(255, 140, 120, .6) !important; color: #fff1ec !important; background: linear-gradient(180deg, #c8563f, #8f2f22) !important; }
  body.vey-renewal :is(.vey-confirm, #phase5Feedback, .returning-summary, .loot-celebration) .button:focus-visible { outline: 2px solid rgba(243, 213, 142, .55) !important; outline-offset: 3px !important; }
  body.vey-renewal .vey-confirm > p:first-of-type { color: var(--pv-text) !important; font-weight: 700 !important; }

  /* ---------- Build umbenennen (dialog-Element) ---------- */
  body.vey-renewal #view dialog.phase151-dialog-layer {
    position: fixed !important; inset: 0 !important; margin: auto !important; width: min(440px, calc(100vw - 32px)) !important; height: fit-content !important; max-height: calc(100dvh - 32px) !important;
    padding: 0 !important; border: 1px solid var(--dg-line) !important; border-radius: 18px !important; background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important; color: var(--pv-text) !important; overflow: auto !important;
  }
  body.vey-renewal #view dialog.phase151-dialog-layer::backdrop { background: var(--dg-backdrop); backdrop-filter: blur(5px); }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog { display: grid !important; gap: 8px !important; width: auto !important; padding: 24px 26px 22px !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: left !important; font: 500 13px/1.5 var(--pv-font) !important; }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog > .eyebrow { color: var(--dg-eyebrow) !important; font: 700 10.5px/1.4 var(--pv-font) !important; letter-spacing: .22em !important; }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog > h2 { margin: 0 !important; color: var(--dg-title) !important; font: 600 26px/1.15 var(--pv-display) !important; }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog > p { margin: 0 0 6px !important; color: var(--pv-muted) !important; font: 500 12.5px/1.45 var(--pv-font) !important; }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog > label { color: var(--pv-muted) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog > input { box-sizing: border-box !important; width: 100% !important; height: 42px !important; padding: 0 14px !important; border: 1px solid rgba(232, 196, 128, .35) !important; border-radius: 10px !important; background: rgba(5, 5, 9, .6) !important; color: var(--pv-text) !important; font: 600 14px/1 var(--pv-font) !important; outline: 0 !important; }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog > input:focus { border-color: rgba(243, 213, 142, .8) !important; box-shadow: 0 0 0 3px rgba(232, 196, 128, .15) !important; }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog > small { color: var(--pv-muted) !important; font: 600 11px/1.3 var(--pv-font) !important; text-align: right !important; }
  body.vey-renewal #view dialog.phase151-dialog-layer .phase151-rename-dialog > div { display: flex !important; justify-content: flex-end !important; gap: 10px !important; margin-top: 8px !important; }

  /* ---------- Kurz-Hinweis (Toast) ---------- */
  body.vey-renewal #toast.toast {
    position: fixed !important; top: 84px !important; right: 20px !important; bottom: auto !important; left: auto !important; z-index: 9600 !important;
    max-width: min(380px, calc(100vw - 32px)) !important; padding: 11px 16px 11px 14px !important; border: 1px solid var(--dg-line) !important; border-left: 3px solid var(--pv-gold) !important; border-radius: 12px !important;
    background: linear-gradient(180deg, #1f1c29, #131219) !important; color: var(--pv-text) !important; font: 600 12.5px/1.4 var(--pv-font) !important; box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .85) !important;
    opacity: 0 !important; transform: translateY(-8px) !important; transition: opacity .2s, transform .2s !important; pointer-events: none !important;
  }
  body.vey-renewal #toast.toast.show { opacity: 1 !important; transform: none !important; pointer-events: auto !important; }
  body.vey-renewal #toast.toast:empty { display: none !important; }
  body.vey-renewal #toast.toast.success { border-left-color: #63e6d6 !important; }
  body.vey-renewal #toast.toast:is(.error, .danger, .warning) { border-left-color: #ff7a66 !important; }

  /* ---------- Gründer-Geschenk ---------- */
  body.vey-renewal #phase5Feedback .promo-reveal { --dg-line: rgba(243, 201, 107, .6); box-shadow: var(--dg-shadow), 0 0 80px -20px rgba(243, 201, 107, .55) !important; }
  body.vey-renewal #phase5Feedback .promo-reveal > small { color: #f3c96b !important; }
  body.vey-renewal #phase5Feedback .promo-reveal > p.promo-gems { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 12px auto 4px !important; padding: 6px 16px 6px 8px !important; border-radius: 99px !important; border: 1px solid rgba(192, 132, 255, .45) !important; background: rgba(176, 98, 255, .12) !important; color: #e4cdff !important; font: 700 13px/1.2 var(--pv-font) !important; max-width: none !important; }
  body.vey-renewal #phase5Feedback .promo-reveal > p.promo-gems img { display: block !important; width: 28px !important; height: 28px !important; }
  body.vey-renewal #phase5Feedback .promo-reveal > p.promo-gems b { color: #fff !important; font: 800 16px/1 var(--pv-font) !important; }
  body.vey-renewal .vey-promo-form { text-align: left !important; }
  body.vey-renewal .vey-promo-form > :is(.eyebrow, h2) { text-align: center !important; }
  body.vey-renewal .vey-promo-form > p { text-align: center !important; color: var(--pv-muted) !important; font-weight: 500 !important; }
  body.vey-renewal .vey-promo-form > label { display: block !important; margin-top: 12px !important; color: var(--pv-muted) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
  body.vey-renewal .vey-promo-form > input { display: block !important; box-sizing: border-box !important; width: 100% !important; height: 46px !important; margin-top: 6px !important; padding: 0 14px !important; border: 1px solid rgba(232, 196, 128, .4) !important; border-radius: 10px !important; background: rgba(5, 5, 9, .6) !important; color: #fff3cf !important; font: 800 17px/1 var(--pv-font) !important; letter-spacing: .18em !important; text-transform: uppercase !important; text-align: center !important; outline: 0 !important; }
  body.vey-renewal .vey-promo-form > input:focus { border-color: rgba(243, 213, 142, .85) !important; box-shadow: 0 0 0 3px rgba(232, 196, 128, .16) !important; }
  [data-rarity="founder"] { --rc: #f3c96b; }
  body.vey-renewal #view .mount-card[data-mount-acquisition="promo"] { box-shadow: 0 0 0 1px rgba(243, 201, 107, .45), 0 0 40px -18px rgba(243, 201, 107, .7) !important; }

  /* ---------- Startseite: Geschenk-Hinweis + Links ---------- */
  body.vey-renewal #authLayer .auth-promo-banner {
    position: fixed !important; z-index: 30 !important; box-sizing: border-box !important;
    display: flex !important; align-items: center !important; gap: 12px !important; max-width: calc(100vw - 24px) !important;
    padding: 8px 18px 8px 10px !important; border: 1px solid rgba(243, 201, 107, .55) !important; border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(31, 27, 40, .96), rgba(17, 15, 23, .96)) !important; box-shadow: 0 18px 40px -14px rgba(0, 0, 0, .9), 0 0 40px -16px rgba(243, 201, 107, .6) !important;
    color: var(--pv-text) !important; font: 500 12px/1.35 var(--pv-font) !important; animation: dg-drop .3s ease-out both !important;
  }
  body.vey-renewal #authLayer .auth-promo-banner img { display: block !important; width: 56px !important; height: 56px !important; object-fit: contain !important; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .7)) !important; }
  body.vey-renewal #authLayer .auth-promo-banner span { display: grid !important; gap: 1px !important; text-align: left !important; }
  body.vey-renewal #authLayer .auth-promo-banner small { color: #f3c96b !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; }
  body.vey-renewal #authLayer .auth-promo-banner b { color: #fff3cf !important; font: 600 15px/1.25 var(--pv-display) !important; }
  body.vey-renewal #authLayer .auth-promo-banner em { color: var(--pv-muted) !important; font-style: normal !important; font-size: 11.5px !important; }
  body.vey-renewal #authLayer .auth-footer-links {
    position: fixed !important; right: 36px !important; bottom: 3px !important; z-index: 5 !important;
    display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 2px 16px !important; max-width: calc(100vw - 24px) !important;
    padding: 2px 4px !important;
  }
  /* Handy/Tablet: Der Startbildschirm hat keine freie Zeile (sonst Scrollen bzw. Überlappung mit „Sign in“) –
     die Links stehen dort als „Learn more“-Karte im Info-Fenster (experience.js → settings()). */
  @media (max-width: 900px) {
    body.vey-renewal #authLayer .auth-footer-links { display: none !important; }
  }
  @media (max-width: 760px) {
    body.vey-renewal #authLayer .auth-promo-banner { gap: 10px !important; padding: 6px 12px 6px 8px !important; }
    body.vey-renewal #authLayer .auth-promo-banner img { width: 40px !important; height: 40px !important; }
    body.vey-renewal #authLayer .auth-promo-banner b { font-size: 13px !important; }
    body.vey-renewal #authLayer .auth-promo-banner em { display: none !important; }
  }
  body.vey-renewal #authLayer .auth-footer-links a { color: #cbbf9f !important; font: 600 11.5px/1.3 var(--pv-font) !important; letter-spacing: .04em !important; text-decoration: none !important; }
  body.vey-renewal #authLayer .auth-footer-links a:hover, body.vey-renewal #authLayer .auth-footer-links a:focus-visible { color: #f3d58e !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
  body.vey-renewal #authLayer.hidden .auth-footer-links, body.vey-renewal #authLayer.hidden .auth-promo-banner { display: none !important; }
  /* Info-Fenster: dieselben Links als Chips */
  .experience-links > nav { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 12px !important; }
  .experience-links > nav a {
    display: inline-flex !important; align-items: center !important; min-height: 38px !important; padding: 0 14px !important;
    border: 1px solid rgba(232, 196, 128, .32) !important; border-radius: 99px !important; background: rgba(232, 196, 128, .06) !important;
    color: #f0e6d4 !important; font: 600 12.5px/1.2 var(--pv-font, Manrope, sans-serif) !important; letter-spacing: .02em !important; text-decoration: none !important;
  }
  .experience-links > nav a:hover, .experience-links > nav a:focus-visible { border-color: rgba(243, 213, 142, .75) !important; background: rgba(232, 196, 128, .14) !important; color: #f3d58e !important; outline: 0 !important; }

  /* Handy-Login: Die Klassen-Karte („Your chosen oath“) gehört nur zur Registrierung – am Desktop ist sie beim Einloggen
     schon aus, am Handy schob sie das Formular über den Bildschirm. Wenig Höhe: Passwort-Hinweis weg, Zusatzknöpfe einzeilig. */
  @media (max-width: 900px) {
    body.vey-renewal #authLayer.login-mode #authClassConfirm { display: none !important; }
  }
  @media (max-width: 900px) and (max-height: 640px) {
    body.vey-renewal #authForm.login .auth-password-hint { display: none !important; }
    body.vey-renewal #authForm.login > .experience-entry { flex-wrap: nowrap !important; gap: 6px !important; padding-top: 6px !important; }
    body.vey-renewal #authForm.login > .experience-entry .button { flex: 1 1 auto !important; min-width: 0 !important; min-height: 36px !important; padding: 6px 8px !important; font-size: 10px !important; }
    body.vey-renewal #authForm.login > .experience-entry > a { display: none !important; }
  }

  /* ---------- Kopfzeile: Währungen als eine schmale Leiste mit Spielbildern ---------- */
  html body.vey-renewal .topbar .wallet { display: inline-flex !important; align-items: center !important; height: 34px !important; padding: 0 4px !important; border-radius: 99px !important; border: 1px solid rgba(232, 196, 128, .16) !important; background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)) !important; }
  html body.vey-renewal .topbar .wallet .resource { height: 30px !important; padding: 0 9px 0 4px !important; gap: 4px !important; border: 0 !important; border-radius: 99px !important; background: none !important; box-shadow: none !important; cursor: help !important; }
  html body.vey-renewal .topbar .wallet .resource + .resource { border-left: 0 !important; position: relative !important; }
  html body.vey-renewal .topbar .wallet .resource + .resource::before { content: "" !important; position: absolute !important; left: -1px !important; top: 8px !important; bottom: 8px !important; width: 1px !important; background: rgba(232, 196, 128, .16) !important; }
  html body.vey-renewal .topbar .wallet .resource:hover, html body.vey-renewal .topbar .wallet .resource:focus-visible { background: rgba(232, 196, 128, .08) !important; outline: 0 !important; }
  html body.vey-renewal .topbar .wallet .resource .resource-art { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .6)) !important; }
  html body.vey-renewal .topbar .wallet .resource.gold .resource-art { background-image: url("./assets/resources-v3/gold.webp") !important; }
  html body.vey-renewal .topbar .wallet .resource.gems .resource-art { background-image: url("./assets/resources-v3/gems.webp") !important; }
  html body.vey-renewal .topbar .wallet .resource.energy .resource-art { background-image: url("./assets/resources-v3/energy.webp") !important; }
  html body.vey-renewal .topbar .wallet .resource b { font-size: 13px !important; }
  html body.vey-renewal .topbar .wallet .resource.energy b { color: #8ff0e2 !important; }
  @media (max-width: 1360px) { html body.vey-renewal .topbar .wallet .resource { padding: 0 7px 0 3px !important; } html body.vey-renewal .topbar .wallet .resource .resource-art { width: 21px !important; height: 21px !important; flex-basis: 21px !important; } }
  /* Kosten in Kristallen mit Bild statt Wort */
  body.vey-renewal .cost-crystals { display: inline-flex !important; align-items: center !important; gap: 5px !important; }
  body.vey-renewal .cost-crystals img { display: block !important; width: 20px !important; height: 20px !important; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .6)) !important; }

  /* ---------- Ausrüstungs-Slot: Auswahl daneben ---------- */
  body.vey-renewal .slot-picker {
    position: fixed !important; z-index: 9400 !important; display: grid !important; gap: 10px !important; width: 360px !important; max-height: min(560px, calc(100dvh - 16px)) !important; overflow: auto !important;
    padding: 14px 14px 12px !important; border: 1px solid var(--dg-line) !important; border-radius: 16px !important; background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important;
    color: var(--pv-text) !important; font: 500 12.5px/1.4 var(--pv-font) !important; animation: dg-drop .16s ease-out both !important;
  }
  body.vey-renewal .slot-picker > header { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 10px !important; }
  body.vey-renewal .slot-picker > header > span { display: grid !important; gap: 2px !important; min-width: 0 !important; }
  body.vey-renewal .slot-picker > header small { color: var(--dg-eyebrow) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; }
  body.vey-renewal .slot-picker > header b { color: var(--dg-title) !important; font: 600 15px/1.25 var(--pv-display) !important; }
  body.vey-renewal .slot-picker > header em { color: var(--pv-muted) !important; font-style: normal !important; font-size: 11.5px !important; }
  body.vey-renewal .slot-picker__close { flex: 0 0 auto !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, .12) !important; background: rgba(255, 255, 255, .04) !important; color: var(--pv-text) !important; font: 600 16px/1 var(--pv-font) !important; cursor: pointer !important; }
  body.vey-renewal .slot-picker ul { display: grid !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  body.vey-renewal .slot-picker li { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) auto !important; grid-template-areas: "icon name delta" "icon name btn" !important; align-items: center !important; gap: 2px 10px !important; padding: 6px 8px !important; border-radius: 12px !important; border: 1px solid var(--dg-tile-line) !important; background: var(--dg-tile) !important; }
  body.vey-renewal .slot-picker li.is-better { border-color: rgba(127, 227, 160, .3) !important; background: linear-gradient(90deg, rgba(127, 227, 160, .07), rgba(255, 255, 255, .02)) !important; }
  body.vey-renewal .slot-picker li > .item-slot { grid-area: icon !important; width: 46px !important; height: 46px !important; min-width: 0 !important; }
  body.vey-renewal .slot-picker li > span { grid-area: name !important; display: grid !important; gap: 2px !important; min-width: 0 !important; }
  body.vey-renewal .slot-picker li > span b { font: 700 12.5px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; }
  body.vey-renewal .slot-picker li > span b:is(.rarity-selten, .rarity-rare) { color: #f7e07a !important; }
  body.vey-renewal .slot-picker li > span b:is(.rarity-magisch, .rarity-magic) { color: #8db6ff !important; }
  body.vey-renewal .slot-picker li > span b:is(.rarity-episch, .rarity-epic) { color: #cf9bff !important; }
  body.vey-renewal .slot-picker li > span b:is(.rarity-legendär, .rarity-legendary) { color: #ffb672 !important; }
  body.vey-renewal .slot-picker li > span b:is(.rarity-ungewöhnlich, .rarity-uncommon) { color: #8fe596 !important; }
  body.vey-renewal .slot-picker li > span small { color: var(--pv-muted) !important; font-size: 10.5px !important; }
  body.vey-renewal .slot-picker li > em { grid-area: delta !important; justify-self: end !important; font: 800 12px/1 var(--pv-font) !important; font-style: normal !important; color: var(--pv-muted) !important; font-variant-numeric: tabular-nums !important; }
  body.vey-renewal .slot-picker li.is-better > em { color: #8ff0b0 !important; }
  body.vey-renewal .slot-picker li.is-worse > em { color: #ff9a8a !important; }
  body.vey-renewal .slot-picker li > .button { grid-area: btn !important; justify-self: end !important; min-width: 0 !important; height: 28px !important; padding: 0 12px !important; font-size: 10.5px !important; }
  body.vey-renewal .slot-picker :is(.slot-picker__empty, .slot-picker__note) { margin: 0 !important; color: var(--pv-muted) !important; font-size: 12px !important; text-align: center !important; }
  body.vey-renewal .slot-picker > footer { display: flex !important; justify-content: flex-end !important; }
  body.vey-renewal .slot-picker > footer .button { height: 30px !important; font-size: 10.5px !important; }
  @media (max-width: 760px) {
    body.vey-renewal .slot-picker { left: 8px !important; right: 8px !important; bottom: 8px !important; top: auto !important; width: auto !important; max-height: 70dvh !important; }
  }

  /* Kopfzeile: Aufgaben-Titel darf zweizeilig werden statt abgeschnitten */
  html body.vey-renewal #currentObjective .objective-copy { min-width: 0 !important; }
  html body.vey-renewal #currentObjective .objective-copy > div { min-width: 0 !important; flex: 1 1 0 !important; }
  html body.vey-renewal #currentObjective .objective-copy b { max-width: 100% !important; overflow-wrap: anywhere !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; font-size: 12.5px !important; line-height: 1.15 !important; }

  /* ---------- Energie: Timer in der Kopfzeile + Panel ---------- */
  html body.vey-renewal .topbar .wallet .resource.energy { cursor: pointer !important; }
  html body.vey-renewal .topbar .wallet .resource .energy-timer { display: block !important; margin-left: 2px !important; padding: 1px 6px !important; border-radius: 99px !important; background: rgba(99, 230, 214, .1) !important; color: #8ff0e2 !important; font: 700 9.5px/1.3 var(--vm-font, Manrope, sans-serif) !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
  html body.vey-renewal .topbar .wallet .resource .energy-timer[hidden] { display: none !important; }
  body.vey-renewal .energy-panel { width: 340px !important; }
  body.vey-renewal .energy-panel > header b { font-size: 22px !important; color: #8ff0e2 !important; }
  body.vey-renewal .energy-panel .energy-costs { display: grid !important; gap: 6px !important; }
  body.vey-renewal .energy-panel .energy-costs > small, body.vey-renewal .energy-panel .energy-sources::before { color: var(--dg-eyebrow) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; }
  body.vey-renewal .energy-panel .energy-costs > div { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 4px !important; }
  body.vey-renewal .energy-panel .energy-costs span { display: grid !important; justify-items: center !important; gap: 1px !important; padding: 6px 2px !important; border-radius: 10px !important; background: var(--dg-tile) !important; border: 1px solid var(--dg-tile-line) !important; }
  body.vey-renewal .energy-panel .energy-costs span small { color: var(--pv-muted) !important; font-size: 9.5px !important; }
  body.vey-renewal .energy-panel .energy-costs span b { color: var(--pv-text) !important; font: 800 12px/1.2 var(--pv-font) !important; }
  body.vey-renewal .energy-panel .energy-draught { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; align-items: center !important; gap: 4px 10px !important; padding: 10px !important; border-radius: 12px !important; border: 1px solid rgba(99, 230, 214, .28) !important; background: rgba(63, 224, 200, .06) !important; }
  body.vey-renewal .energy-panel .energy-draught img { width: 40px !important; height: 40px !important; }
  body.vey-renewal .energy-panel .energy-draught span { display: grid !important; gap: 1px !important; }
  body.vey-renewal .energy-panel .energy-draught span b { color: var(--pv-text) !important; font: 700 13px/1.3 var(--pv-font) !important; }
  body.vey-renewal .energy-panel .energy-draught span small { color: var(--pv-muted) !important; font-size: 11px !important; }
  body.vey-renewal .energy-panel .energy-draught > div { grid-column: 1 / -1 !important; display: flex !important; gap: 8px !important; }
  body.vey-renewal .energy-panel .energy-draught > div .button { flex: 1 1 0 !important; height: 32px !important; min-width: 0 !important; font-size: 10.5px !important; }
  body.vey-renewal .energy-panel .energy-sources { display: grid !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  body.vey-renewal .energy-panel .energy-sources::before { content: "HOW TO GET ENERGY" !important; display: block !important; margin-bottom: 2px !important; }
  body.vey-renewal .energy-panel .energy-sources li { grid-template-areas: none !important; padding: 2px 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important;  display: grid !important; grid-template-columns: 48px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; color: #cfc6b3 !important; font: 500 12px/1.35 var(--pv-font) !important; }
  body.vey-renewal .energy-panel .energy-sources li b { justify-self: start !important; padding: 2px 7px !important; border-radius: 99px !important; background: rgba(99, 230, 214, .1) !important; color: #8ff0e2 !important; font: 800 11px/1.3 var(--pv-font) !important; }

  @keyframes dg-fade { from { opacity: 0; } to { opacity: 1; } }
  @keyframes dg-pop { from { opacity: 0; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } }
  @keyframes dg-drop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }

  /* ---------- Handy ---------- */
  @media (max-width: 640px) {
    body.vey-renewal #phase5Feedback > section, body.vey-renewal .vey-confirm, body.vey-renewal .returning-summary > div { padding: 22px 18px 18px !important; }
    body.vey-renewal #phase5Feedback > section > h2, body.vey-renewal :is(.vey-confirm, .returning-summary > div) > h2 { font-size: 23px !important; }
    body.vey-renewal #phase5Feedback :is(.level-celebration, .level-100-celebration) > h2 { font-size: 38px !important; }
    body.vey-renewal .returning-summary .returning-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.vey-renewal #phase5Feedback[data-kind="toast"] { top: 70px !important; }
    body.vey-renewal #toast.toast { top: auto !important; bottom: 86px !important; right: 12px !important; left: 12px !important; max-width: none !important; }
    body.vey-renewal :is(#phase5Feedback, .vey-confirm, .returning-summary) .button { min-width: 0 !important; flex: 1 1 auto !important; }
    body.vey-renewal .loot-celebration > section { min-width: 0 !important; padding: 18px 14px !important; }
    body.vey-renewal .loot-celebration figure { width: calc(50% - 6px) !important; padding: 10px 6px !important; gap: 4px !important; }
    body.vey-renewal .loot-celebration figure .item-slot { width: 64px !important; height: 64px !important; }
    body.vey-renewal .loot-celebration figure.creature img { width: 92px !important; height: 72px !important; }
    body.vey-renewal .loot-celebration figcaption b { font-size: 11.5px !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    body.vey-renewal :is(#phase5Feedback > section, .vey-confirm, .returning-summary > div, .vey-confirm-layer, .returning-summary) { animation: none !important; }
  }
}

@layer pv {
  /* Kopfzeilen-Aufgabe: Titel bekommt die ganze Breite, Fortschrittsbalken (doppelt zum Knopf) entfällt */
  html body.vey-renewal .app-shell #currentObjective.objective-bar .objective-copy > div { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-content: center !important; }
  html body.vey-renewal .app-shell #currentObjective.objective-bar .objective-copy > div > b { min-width: 0 !important; }
  html body.vey-renewal .app-shell #currentObjective.objective-bar .objective-copy > div > .objective-progress-row { display: none !important; }
  html body.vey-renewal .app-shell #currentObjective.objective-bar .objective-copy > div > b { max-height: 2.35em !important;  display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; white-space: normal !important; overflow: hidden !important; font-size: 12.5px !important; line-height: 1.15 !important; }
}

@layer pv {
  /* Kopfzeile auf kleineren Bildschirmen: Aufgabe nur als Knopf, Name des Helden nie abgeschnitten */
  @media (min-width: 761px) and (max-width: 1500px) {
    html body.vey-renewal .app-shell #currentObjective.objective-bar .objective-copy { display: none !important; }
    html body.vey-renewal .app-shell #currentObjective.objective-bar { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; padding-right: 4px !important; }
    html body.vey-renewal .topbar .header-events > small { display: none !important; }
    html body.vey-renewal .topbar .global-hero__identity { min-width: 96px !important; flex: 0 0 auto !important; }
    html body.vey-renewal .topbar .global-hero__power { padding-left: 8px !important; }
  }
  /* Händler bei wenig Höhe: kleinere Bilder, Name bleibt sichtbar */
  @media (min-width: 1025px) and (max-height: 860px) {
    body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card { gap: 3px !important; padding: 8px 10px 10px !important; }
    body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card > :is(.item-slot, .elixir-art) { width: 52px !important; height: 52px !important; margin: 2px 0 0 !important; }
    body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card > h3 { font-size: 12px !important; }
  }
}

@layer pv {
  /* ---------- Tägliche Belohnungen ---------- */
  html body.vey-renewal .topbar .daily-button { position: relative !important; display: grid !important; place-items: center !important; width: 38px !important; height: 38px !important; padding: 0 !important; border-radius: 50% !important; border: 1px solid transparent !important; background: transparent !important; cursor: pointer !important; }
  html body.vey-renewal .topbar .daily-button:hover { background: rgba(232, 196, 128, .1) !important; border-color: rgba(232, 196, 128, .3) !important; }
  html body.vey-renewal .topbar .daily-button > i { display: block !important; width: 24px !important; height: 24px !important; background: url("./assets/ui/icons-v2/hdr-daily.webp") center / contain no-repeat !important; }
  html body.vey-renewal .topbar .daily-button > .daily-dot { position: absolute !important; top: 3px !important; right: 3px !important; width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #ff5a4a !important; box-shadow: 0 0 0 2px #120f19, 0 0 8px rgba(255, 90, 74, .8) !important; }
  html body.vey-renewal .topbar .daily-button > .daily-dot[hidden] { display: none !important; }
  body.vey-renewal .daily-layer { position: fixed !important; inset: 0 !important; z-index: 9050 !important; display: grid !important; place-items: center !important; padding: 16px !important; background: var(--dg-backdrop) !important; backdrop-filter: blur(5px) !important; animation: dg-fade .2s ease-out both !important; overflow: auto !important; }
  body.vey-renewal .daily-panel { position: relative !important; display: grid !important; gap: 16px !important; width: min(920px, 100%) !important; max-height: calc(100dvh - 32px) !important; overflow: auto !important; padding: 22px 24px !important; border: 1px solid var(--dg-line) !important; border-radius: 20px !important; background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important; color: var(--pv-text) !important; font: 500 13px/1.45 var(--pv-font) !important; animation: dg-pop .26s cubic-bezier(.2, .9, .3, 1.15) both !important; }
  body.vey-renewal .daily-panel > header { padding: 16px 18px !important; margin: -6px -8px 0 !important; border-radius: 14px !important; background: linear-gradient(90deg, rgba(16, 13, 22, .92), rgba(16, 13, 22, .45)), url("./assets/banners-v1/daily-rewards.webp") center 40% / cover no-repeat !important; display: flex !important; justify-content: space-between !important; align-items: flex-start !important; }
  body.vey-renewal .daily-panel > header small { color: var(--dg-eyebrow) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .22em !important; }
  body.vey-renewal .daily-panel > header h2 { margin: 4px 0 0 !important; color: var(--dg-title) !important; font: 600 26px/1.15 var(--pv-display) !important; }
  body.vey-renewal .daily-close { width: 32px !important; height: 32px !important; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, .14) !important; background: rgba(255, 255, 255, .04) !important; color: var(--pv-text) !important; font: 600 18px/1 var(--pv-font) !important; cursor: pointer !important; }
  body.vey-renewal .daily-grid { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important; gap: 16px !important; }
  body.vey-renewal .daily-grid > section { display: grid !important; align-content: start !important; gap: 12px !important; padding: 16px !important; border-radius: 16px !important; border: 1px solid var(--dg-tile-line) !important; background: rgba(255, 255, 255, .025) !important; }
  body.vey-renewal .daily-grid > section > header { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 8px !important; }
  body.vey-renewal .daily-grid > section > header b { color: var(--pv-text) !important; font: 600 17px/1.2 var(--pv-display) !important; }
  body.vey-renewal .daily-grid > section > header em { color: var(--pv-muted) !important; font: 600 11px/1.3 var(--pv-font) !important; font-style: normal !important; text-align: right !important; }
  body.vey-renewal .daily-calendar ol { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  body.vey-renewal .daily-calendar li { position: relative !important; display: grid !important; justify-items: center !important; align-content: start !important; gap: 4px !important; min-height: 112px !important; padding: 8px 6px !important; border-radius: 12px !important; border: 1px solid var(--dg-tile-line) !important; background: rgba(10, 9, 14, .5) !important; text-align: center !important; }
  body.vey-renewal .daily-calendar li.is-grand { grid-column: span 2 !important; border-color: rgba(192, 132, 255, .45) !important; background: radial-gradient(80% 90% at 50% 30%, rgba(176, 98, 255, .2), transparent 70%), rgba(10, 9, 14, .5) !important; }
  body.vey-renewal .daily-calendar li small { color: var(--pv-muted) !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .16em !important; }
  body.vey-renewal .daily-calendar li img { width: 40px !important; height: 40px !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .7)) !important; }
  body.vey-renewal .daily-calendar li b { color: var(--pv-text) !important; font: 700 10.5px/1.3 var(--pv-font) !important; }
  body.vey-renewal .daily-calendar li.is-today { border-color: rgba(243, 213, 142, .8) !important; box-shadow: 0 0 0 1px rgba(243, 213, 142, .3), 0 0 22px -6px rgba(243, 213, 142, .7) !important; }
  body.vey-renewal .daily-calendar li.is-today small { color: var(--pv-gold) !important; }
  body.vey-renewal .daily-calendar li.is-claimed { opacity: .55 !important; }
  body.vey-renewal .daily-calendar li.is-claimed > i { position: absolute !important; top: 6px !important; right: 8px !important; color: #8ff0b0 !important; font: 800 14px/1 var(--pv-font) !important; font-style: normal !important; }
  body.vey-renewal .daily-grid > section > p { margin: 0 !important; color: var(--pv-muted) !important; font-size: 11.5px !important; text-align: center !important; }
  body.vey-renewal .daily-grid > section > .button { width: 100% !important; }
  body.vey-renewal .daily-wheel__stage { position: relative !important; display: grid !important; place-items: center !important; padding-top: 8px !important; }
  body.vey-renewal .daily-wheel__disc { width: min(280px, 100%) !important; height: auto !important; filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .7)) drop-shadow(0 0 18px rgba(232, 196, 128, .25)) !important; }
  body.vey-renewal .daily-wheel__label { fill: #f6e2ae !important; font: 800 7px/1 Manrope, sans-serif !important; letter-spacing: .04em !important; }
  body.vey-renewal .daily-wheel__label.is-jackpot { fill: #f3c4ff !important; }
  body.vey-renewal .daily-wheel__pointer { position: absolute !important; top: 0 !important; left: 50% !important; z-index: 2 !important; width: 0 !important; height: 0 !important; transform: translateX(-50%) !important; border-left: 12px solid transparent !important; border-right: 12px solid transparent !important; border-top: 22px solid #f3d58e !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .8)) !important; }
  body.vey-renewal .daily-wheel__result { min-height: 20px !important; color: var(--pv-text) !important; font-size: 12.5px !important; }
  body.vey-renewal .daily-wheel__result b { color: #f3d58e !important; }
  body.vey-renewal .daily-wheel.has-won .daily-wheel__result b { color: #8ff0b0 !important; }
  /* Item-Vergleich ▲/▼ und Schlechteres-verkaufen */
  body.vey-renewal .item-slot .item-slot-compare, body.vey-renewal #view .item-slot > .item-slot-compare, html body.vey-renewal #view .item-slot > span.item-slot-compare { position: absolute !important; right: 3px !important; bottom: 3px !important; z-index: 3 !important; display: grid !important; place-items: center !important; width: 16px !important; height: 16px !important; border-radius: 5px !important; font: 900 9px/1 var(--vm-font, Manrope, sans-serif) !important; pointer-events: none !important; }
  body.vey-renewal .item-slot .item-slot-compare.up, html body.vey-renewal #view .item-slot > span.item-slot-compare.up { background: rgba(20, 70, 40, .92) !important; color: #8ff0b0 !important; box-shadow: 0 0 0 1px rgba(127, 227, 160, .55) !important; }
  body.vey-renewal .item-slot .item-slot-compare.down, html body.vey-renewal #view .item-slot > span.item-slot-compare.down { background: rgba(70, 22, 18, .9) !important; color: #ff9a8a !important; box-shadow: 0 0 0 1px rgba(255, 130, 110, .45) !important; }
  body.vey-renewal .expedition-notify { height: 32px !important; padding: 0 12px !important; font-size: 10px !important; }
  @media (max-width: 760px) {
    body.vey-renewal .daily-grid { grid-template-columns: minmax(0, 1fr) !important; }
    body.vey-renewal .daily-panel { padding: 16px !important; }
    body.vey-renewal .daily-panel > header h2 { font-size: 20px !important; }
    body.vey-renewal .daily-calendar li { min-height: 96px !important; }
  }
}
@layer pv {
  body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > span.item-slot-compare { inset: auto 3px 3px auto !important; left: auto !important; top: auto !important; right: 3px !important; bottom: 3px !important; }
}
@layer pv {
  body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > span.item-slot-compare { display: grid !important; place-items: center !important; width: 16px !important; height: 16px !important; border-radius: 5px !important; font: 900 9px/1 var(--vm-font, Manrope, sans-serif) !important; }
  body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > span.item-slot-compare.up { background: rgba(20, 70, 40, .95) !important; color: #8ff0b0 !important; -webkit-text-fill-color: #8ff0b0 !important; box-shadow: 0 0 0 1px rgba(127, 227, 160, .6) !important; }
  body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > span.item-slot-compare.down { background: rgba(70, 22, 18, .95) !important; color: #ff9a8a !important; -webkit-text-fill-color: #ff9a8a !important; box-shadow: 0 0 0 1px rgba(255, 130, 110, .5) !important; }
}
@layer pv {
  /* Pfeil als kleines Bild statt Schriftzeichen (Schriftfarbe wird im Inventar überschrieben) */
  html body.vey-renewal .item-slot > span.item-slot-compare { font-size: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
  html body.vey-renewal .item-slot > span.item-slot-compare.up, body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > span.item-slot-compare.up { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1.5 9 8H1z' fill='%2345e07a'/%3E%3C/svg%3E") center / 9px no-repeat, rgba(20, 70, 40, .95) !important; font-size: 0 !important; }
  html body.vey-renewal .item-slot > span.item-slot-compare.down, body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > span.item-slot-compare.down { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 8.5 9 2H1z' fill='%23ff6b5a'/%3E%3C/svg%3E") center / 9px no-repeat, rgba(70, 22, 18, .95) !important; font-size: 0 !important; }
}
@layer pv {
  /* Handy-Kopfzeile: Währungen und Symbole kompakter, damit alles in eine Zeile passt */
  @media (max-width: 760px) {
    html body.vey-renewal .topbar .resources { gap: 4px !important; }
    html body.vey-renewal .topbar .wallet { height: 30px !important; padding: 0 2px !important; }
    html body.vey-renewal .topbar .wallet .resource { height: 26px !important; padding: 0 5px 0 2px !important; gap: 3px !important; }
    html body.vey-renewal .topbar .wallet .resource .resource-art { width: 17px !important; height: 17px !important; flex-basis: 17px !important; }
    html body.vey-renewal .topbar .wallet .resource b { font-size: 11.5px !important; }
    html body.vey-renewal .topbar .wallet .resource .energy-timer { display: none !important; }
    html body.vey-renewal .topbar :is(.daily-button, .notification-button, .settings, #heroMail) { width: 30px !important; height: 30px !important; min-width: 30px !important; }
    html body.vey-renewal .topbar .daily-button > i { width: 20px !important; height: 20px !important; }
    html body.vey-renewal .topbar #heroMail { display: none !important; }
    html body.vey-renewal .topbar .header-status { gap: 2px !important; }
  }
}

@layer pv {
  /* ---------- Schlanke Kopfzeile (46 px statt 58 px): mehr Platz fürs Spiel, nichts klappt auf → kein Springen ---------- */
  @media (min-width: 761px) {
    html body.vey-renewal .topbar { min-height: 46px !important; height: 46px !important; gap: 8px !important; padding: 0 14px !important; background: linear-gradient(180deg, rgba(20, 18, 27, .96), rgba(14, 13, 20, .93)) !important; box-shadow: 0 1px 0 rgba(232, 196, 128, .14), 0 10px 24px -18px rgba(0, 0, 0, .9) !important; }
    html body.vey-renewal .topbar > .global-hero { height: 36px !important; }
    html body.vey-renewal .topbar .global-hero__portrait { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 8px !important; }
    html body.vey-renewal .topbar .global-hero__identity b { font-size: 12.5px !important; }
    html body.vey-renewal .topbar .global-hero__identity em { font-size: 10px !important; }
    html body.vey-renewal .topbar .global-hero__power b { font-size: 14px !important; }
    html body.vey-renewal .topbar .global-hero__power .power-core-icon { width: 17px !important; height: 17px !important; }
    html body.vey-renewal .topbar > #currentObjective { height: 34px !important; }
    html body.vey-renewal .topbar #currentObjective .objective-command { height: 26px !important; min-height: 0 !important; padding: 0 10px !important; font-size: 10px !important; }
    html body.vey-renewal .topbar .header-mission { height: 34px !important; min-height: 0 !important; }
    html body.vey-renewal .topbar .header-events { height: 30px !important; }
    html body.vey-renewal .topbar .hs-chip { width: 32px !important; height: 32px !important; }
    html body.vey-renewal .topbar .hs-chip i { width: 28px !important; height: 28px !important; }
    html body.vey-renewal .topbar .wallet { height: 32px !important; }
    html body.vey-renewal .topbar .wallet .resource { height: 28px !important; }
    html body.vey-renewal .topbar .wallet .resource .resource-art { width: 21px !important; height: 21px !important; flex-basis: 21px !important; }
    html body.vey-renewal .topbar :is(.daily-button, .notification-button, .settings, .experience-guide-link, #journeyTravel, #heroMail) { width: 32px !important; height: 32px !important; min-width: 32px !important; }
    html body.vey-renewal .topbar :is(.notification-button, .settings, .experience-guide-link, #journeyTravel, #heroMail)::before { width: 20px !important; height: 20px !important; }
    html body.vey-renewal .topbar .daily-button > i { width: 21px !important; height: 21px !important; }
  }
}

@layer pv {
  /* ---------- Einklappende Kopfzeile (Desktop) ---------- */
  html body.vey-renewal .header-peek, html body.vey-renewal .header-pin { display: none !important; }
  @media (min-width: 1025px) {
    html body.vey-renewal .topbar .header-pin { order: 99 !important; display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; min-width: 26px !important; padding: 0 !important; border-radius: 8px !important; border: 1px solid rgba(232, 196, 128, .22) !important; background: rgba(255, 255, 255, .03) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c480' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") center / 14px no-repeat !important; cursor: pointer !important; }
    html body.vey-renewal .topbar .header-pin.is-pinned { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c480' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v10M8 7l4-4 4 4M5 21h14'/%3E%3C/svg%3E") !important; border-color: rgba(243, 213, 142, .55) !important; }
    html body.vey-renewal .topbar .header-pin:hover { background-color: rgba(232, 196, 128, .12) !important; }
    html body.vey-renewal.header-auto .header-peek {
      position: relative !important; z-index: 70 !important; display: flex !important; align-items: center !important; gap: 18px !important; width: 100% !important; height: 22px !important; min-height: 22px !important; flex: 0 0 22px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-bottom: 1px solid rgba(232, 196, 128, .18) !important;
      background: linear-gradient(180deg, rgba(20, 18, 27, .96), rgba(14, 13, 20, .9)) !important; color: #cfc6b3 !important; font: 700 10.5px/1 var(--vm-font, Manrope, sans-serif) !important; letter-spacing: .04em !important; cursor: pointer !important; text-align: left !important;
    }
    html body.vey-renewal.header-auto .header-peek:hover { background: linear-gradient(180deg, rgba(30, 26, 38, .98), rgba(18, 16, 24, .95)) !important; }
    html body.vey-renewal.header-auto .header-peek__hero { color: #efe7d6 !important; white-space: nowrap !important; }
    html body.vey-renewal.header-auto .header-peek__res { display: flex !important; gap: 12px !important; margin-left: auto !important; font-variant-numeric: tabular-nums !important; }
    html body.vey-renewal.header-auto .header-peek__res b { display: inline-flex !important; align-items: center !important; gap: 4px !important; }
    html body.vey-renewal.header-auto .header-peek__res b::before { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; background: center / contain no-repeat !important; }
    html body.vey-renewal.header-auto .header-peek__res b.g { color: #ffd774 !important; } html body.vey-renewal.header-auto .header-peek__res b.g::before { background-image: url("./assets/resources-v3/gold.webp") !important; }
    html body.vey-renewal.header-auto .header-peek__res b.c { color: #d3a6ff !important; } html body.vey-renewal.header-auto .header-peek__res b.c::before { background-image: url("./assets/resources-v3/gems.webp") !important; }
    html body.vey-renewal.header-auto .header-peek__res b.e { color: #8ff0e2 !important; } html body.vey-renewal.header-auto .header-peek__res b.e::before { background-image: url("./assets/resources-v3/energy.webp") !important; }
    html body.vey-renewal.header-auto .header-peek__mission { color: #6cf0a9 !important; white-space: nowrap !important; }
    html body.vey-renewal.header-auto .header-peek__mission:empty { display: none !important; }
    html body.vey-renewal.header-auto .header-peek > i { color: var(--pv-gold, #f3d58e) !important; font-style: normal !important; font-size: 12px !important; }
    html body.vey-renewal.header-auto .topbar { position: fixed !important; top: 0 !important; left: 92px !important; right: 0 !important; width: auto !important; z-index: 120 !important; transform: translateY(calc(-100% - 4px)) !important; transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s !important; box-shadow: none !important; }
    html body.vey-renewal.header-auto.header-open .topbar { transform: none !important; box-shadow: 0 1px 0 rgba(232, 196, 128, .25), 0 18px 40px -14px rgba(0, 0, 0, .95) !important; }
  }
  @media (min-width: 1025px) and (prefers-reduced-motion: reduce) { html body.vey-renewal.header-auto .topbar { transition: none !important; } }
}

@layer pv {
  /* ---------- Held in der Seitenleiste ---------- */
  @media (min-width: 761px) {
    html body.vey-renewal.hero-docked .sidebar .brand { display: none !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero {
      all: unset !important; box-sizing: border-box !important; position: relative !important; display: grid !important; justify-items: center !important; gap: 3px !important;
      margin: 4px 8px 10px !important; padding: 6px 4px 10px !important; border-bottom: 1px solid rgba(232, 196, 128, .16) !important; cursor: pointer !important; text-align: center !important;
    }
    html body.vey-renewal.hero-docked .sidebar > .global-hero:hover .global-hero__portrait { box-shadow: 0 0 0 2px rgba(243, 213, 142, .7), 0 0 18px -2px rgba(243, 213, 142, .7) !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__portrait { display: block !important; width: 52px !important; height: 52px !important; min-width: 52px !important; border-radius: 50% !important; border: 2px solid rgba(243, 213, 142, .75) !important; background-size: cover !important; background-position: center 20% !important; box-shadow: 0 0 0 3px rgba(12, 10, 16, .9), 0 6px 14px -4px #000 !important; transition: box-shadow .15s !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__identity { display: grid !important; justify-items: center !important; gap: 0 !important; width: 100% !important; min-width: 0 !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__identity :is(small, em, .global-hero__xp, .global-hero__xptext) { display: none !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__identity b { display: block !important; max-width: 80px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #efe7d6 !important; font: 800 11px/1.25 var(--vm-font, Manrope, sans-serif) !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power { display: inline-flex !important; align-items: center !important; gap: 3px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power small { display: none !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power .power-core-icon { display: block !important; width: 12px !important; height: 12px !important; background: url("./assets/ui/header-v1/power.svg") center / contain no-repeat !important; border: 0 !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power b { color: #f3d58e !important; font: 800 11px/1 var(--vm-font, Manrope, sans-serif) !important; -webkit-text-fill-color: #f3d58e !important; background: none !important; font-variant-numeric: tabular-nums !important; }

    /* ---------- Kopfzeile: Stufe + Erfahrungsleiste statt Heldenkarte ---------- */
    html body.vey-renewal .topbar > .header-xp { order: 1 !important; all: unset; box-sizing: border-box !important; display: grid !important; grid-template-columns: auto 150px !important; grid-template-rows: auto auto !important; column-gap: 10px !important; align-items: center !important; cursor: pointer !important; flex: 0 0 auto !important; }
    html body.vey-renewal .topbar > .header-xp b { grid-row: 1 / 3 !important; color: #f3d58e !important; font: 600 15px/1 var(--vm-display, Cinzel, serif) !important; letter-spacing: .04em !important; white-space: nowrap !important; }
    html body.vey-renewal .topbar > .header-xp .header-xp__track { display: block !important; height: 5px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; overflow: hidden !important; }
    html body.vey-renewal .topbar > .header-xp .header-xp__track i { display: block !important; height: 100% !important; border-radius: inherit !important; background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; box-shadow: 0 0 8px rgba(243, 213, 142, .6) !important; transition: width .4s ease-out !important; }
    html body.vey-renewal .topbar > .header-xp small { display: block !important; margin-top: 3px !important; color: #a59c8b !important; font: 600 9.5px/1 var(--vm-font, Manrope, sans-serif) !important; letter-spacing: .04em !important; white-space: nowrap !important; font-variant-numeric: tabular-nums !important; }

    /* ---------- Kopfzeile ohne Kästen: alles frei stehend, Gruppen nur durch feine Trennstriche ---------- */
    html body.vey-renewal .topbar :is(#currentObjective.objective-bar, .header-mission, .header-events, .wallet, .wallet .resource, .hs-chip, .daily-button, .notification-button, .settings, .experience-guide-link, #journeyTravel, #heroMail) { background: none !important; border-color: transparent !important; box-shadow: none !important; backdrop-filter: none !important; }
    html body.vey-renewal .topbar #currentObjective.objective-bar { border: 0 !important; padding-left: 0 !important; }
    html body.vey-renewal .topbar .wallet { padding: 0 !important; gap: 4px !important; }
    html body.vey-renewal .topbar .wallet .resource + .resource::before { display: none !important; }
    html body.vey-renewal .topbar .wallet .resource .resource-art { filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .8)) drop-shadow(0 0 6px rgba(243, 213, 142, .15)) !important; }
    html body.vey-renewal .topbar .hs-chip { border: 1.5px solid rgba(243, 213, 142, .45) !important; }
    html body.vey-renewal .topbar .hs-chip.is-empty { border: 1.5px dashed rgba(255, 255, 255, .2) !important; }
    html body.vey-renewal .topbar .header-status { border-right: 0 !important; padding-right: 2px !important; }
    html body.vey-renewal .topbar :is(.header-mission, .header-events, .resources)::before { content: "" !important; display: block !important; width: 1px !important; height: 22px !important; margin-right: 12px !important; background: linear-gradient(180deg, transparent, rgba(232, 196, 128, .3), transparent) !important; flex: 0 0 1px !important; }
    html body.vey-renewal .topbar :is(.header-mission, .header-events) { display: inline-flex !important; align-items: center !important; padding-left: 0 !important; }
    html body.vey-renewal .topbar :is(.header-mission, .header-events)[hidden] { display: none !important; }
    html body.vey-renewal .topbar :is(.daily-button, .notification-button, .settings, .experience-guide-link, #journeyTravel, #heroMail):hover { background: rgba(232, 196, 128, .08) !important; }
  }
}
@layer pv {
  @media (min-width: 761px) {
    html body.vey-renewal .topbar > button.header-xp { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 4px 0 0 !important; margin: 0 !important; height: auto !important; min-height: 0 !important; width: auto !important; border-radius: 0 !important; }
    html body.vey-renewal .topbar > button.header-xp::before, html body.vey-renewal .topbar > button.header-xp::after { content: none !important; display: none !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power { flex-direction: row !important; justify-content: center !important; width: auto !important; height: auto !important; min-height: 0 !important; background: none !important; box-shadow: none !important; position: static !important; transform: none !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power::before, html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power::after, html body.vey-renewal.hero-docked .sidebar > .global-hero::before, html body.vey-renewal.hero-docked .sidebar > .global-hero::after, html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__identity::after { content: none !important; display: none !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power .power-core-icon { order: 0 !important; position: static !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power b { order: 1 !important; position: static !important; margin: 0 !important; padding: 0 !important; }
  }
}
@layer pv { @media (max-width: 760px) { html body.vey-renewal .topbar > .header-xp { display: none !important; } } }
/* Startseite Handy/Tablet: Try guest · Discover the world · Info als eine Reihe, nie über der Klassen-Leiste. */
@layer pv {
  @media (max-width: 900px) {
    html body.vey-renewal:not(#vm-none) #authLayer #authForm.landing > .experience-entry { flex-wrap: nowrap !important; width: auto !important; max-width: none !important; gap: 6px !important; justify-content: flex-end !important; }
    html body.vey-renewal:not(#vm-none) #authLayer #authForm.landing > .experience-entry .button { flex: 0 0 auto !important; height: 32px !important; min-height: 32px !important; padding: 0 10px !important; font-size: 10px !important; letter-spacing: .04em !important; white-space: nowrap !important; }
  }
  @media (max-width: 599px) {
    html body.vey-renewal:not(#vm-none) #authLayer #authForm.landing > .experience-entry { top: calc(70px + env(safe-area-inset-top, 0px)) !important; left: 16px !important; right: 16px !important; justify-content: center !important; }
    html body.vey-renewal:not(#vm-none) #authLayer .landing-class-stage { grid-template-rows: 116px 48px minmax(0, 1fr) auto !important; }
  }
}

@layer pv {
  /* ---------- 3D: Karten mit Tiefe und Lichtreflex ---------- */
  @media (hover: hover) and (pointer: fine) {
    html body.vey-renewal :is(.pit-card, .citadel-building, .tower-foe, .mount-card, .companion-card, .ach-card, .daily-calendar li, .rotating-stock > .elixir-card, .cs2-card, .collection-entity-card, .legend-plaque, .arena-champion, .loot-celebration figure) {
      transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateZ(0) !important;
      transform-style: preserve-3d !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s !important; will-change: transform !important;
    }
    html body.vey-renewal :is(.pit-card, .citadel-building, .tower-foe, .mount-card, .companion-card, .ach-card, .daily-calendar li, .rotating-stock > .elixir-card, .cs2-card, .collection-entity-card, .legend-plaque, .arena-champion, .loot-celebration figure).is-tilting {
      transition: transform .08s linear, box-shadow .2s !important;
      box-shadow: 0 22px 40px -18px rgba(0, 0, 0, .9), 0 0 0 1px rgba(243, 213, 142, .28), 0 0 30px -12px rgba(243, 213, 142, .45) !important;
    }
    html body.vey-renewal :is(.pit-card, .citadel-building, .tower-foe, .mount-card, .companion-card, .ach-card, .rotating-stock > .elixir-card, .cs2-card, .collection-entity-card, .legend-plaque, .arena-champion).is-tilting::after {
      content: "" !important; position: absolute !important; inset: 0 !important; z-index: 5 !important; display: block !important; border-radius: inherit !important; pointer-events: none !important;
      background: radial-gradient(420px circle at var(--glare-x, 50%) var(--glare-y, 50%), rgba(255, 244, 214, .14), transparent 45%) !important; mix-blend-mode: screen !important;
    }
    html body.vey-renewal :is(.pit-card, .citadel-building, .tower-foe, .mount-card, .companion-card, .ach-card, .rotating-stock > .elixir-card, .cs2-card, .collection-entity-card, .legend-plaque, .arena-champion) { position: relative !important; }
    /* Bilder schweben etwas vor der Karte */
    html body.vey-renewal :is(.pit-card__art, .tower-foe__art, .ach-card__art, .collection-art, .citadel-building__art) { transform: translateZ(28px) !important; }
  }
  /* ---------- 3D-Knöpfe: plastische Kante, drücken sich beim Klick ein ---------- */
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary) .button.primary:not(:disabled) {
    box-shadow: inset 0 1px 0 rgba(255, 250, 230, .75), inset 0 -2px 0 rgba(120, 78, 22, .55), 0 3px 0 #7a5420, 0 8px 18px -8px rgba(232, 180, 90, .7) !important;
    transition: transform .08s, box-shadow .08s, filter .15s !important;
  }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary) .button.primary:not(:disabled):hover { transform: translateY(-1px) !important; }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary) .button.primary:not(:disabled):active {
    transform: translateY(3px) !important; box-shadow: inset 0 2px 4px rgba(90, 58, 14, .55), 0 0 0 #7a5420, 0 3px 8px -4px rgba(232, 180, 90, .5) !important;
  }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker) .button:is(.ghost, .metal, .apex):not(:disabled) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 0 rgba(0, 0, 0, .55) !important; transition: transform .08s, box-shadow .08s !important;
  }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker) .button:is(.ghost, .metal, .apex):not(:disabled):active { transform: translateY(2px) !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .5) !important; }
  @media (prefers-reduced-motion: reduce) { html body.vey-renewal * { --tilt-x: 0deg !important; --tilt-y: 0deg !important; } }
}
@layer pv {
  @media (hover: hover) and (pointer: fine) {
    html body.vey-renewal #view :is(.pit-card, .citadel-building, .tower-foe, .mount-card, .companion-card, .ach-card, .rotating-stock > .elixir-card, .cs2-card, .collection-entity-card, .legend-plaque, .arena-champion):is(.is-tilting, :hover) {
      transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-2px) !important;
    }
  }
}

/* =====================================================================
   Fenster-Paket 2 (19.10.): restliche Alt-Fenster im Veydris-Panel-Stil
   ===================================================================== */
@layer pv {
  /* Seiten-Einblendung: „both“ ließ translateY(0) stehen → feste Fenster in #view (z. B. Erweiterung) richteten sich
     am Handy an der langen Seite statt am Bildschirm aus. Nach der Animation bleibt nichts stehen (optisch gleich). */
  body.vey-renewal #view.view-enter > * { animation-fill-mode: backwards !important; }

  /* ---------- Inventar-/Lager-Erweiterung ----------
     Liegt in .armory-command, dessen Reset (all: unset, 1 ID) alles zurücksetzt – darum #view:not(#pv-x) (2 IDs). */
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer { z-index: 9000 !important; background: var(--dg-backdrop) !important; backdrop-filter: blur(5px) !important; animation: dg-fade .2s ease-out both !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog {
    position: relative !important; display: grid !important; justify-items: center !important; gap: 0 !important; box-sizing: border-box !important;
    width: min(420px, 100%) !important; max-height: calc(100dvh - 32px) !important; overflow: auto !important; padding: 26px 26px 18px !important;
    border: 1px solid var(--dg-line) !important; border-radius: 18px !important; background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important;
    color: var(--pv-text) !important; font: 500 13px/1.5 var(--pv-font) !important; text-align: center !important; animation: dg-pop .26s cubic-bezier(.2, .9, .3, 1.15) both !important;
  }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog::before {
    content: "" !important; display: block !important; position: absolute !important; top: 0 !important; left: 12% !important; right: 12% !important; height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(243, 213, 142, .9), transparent) !important;
  }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > .eyebrow { display: block !important; color: var(--dg-eyebrow) !important; font: 700 10.5px/1.4 var(--pv-font) !important; letter-spacing: .22em !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > h2 {
    display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; margin: 6px 0 4px !important;
    color: var(--dg-title) !important; font: 600 40px/1.1 var(--pv-display) !important; font-variant-numeric: tabular-nums !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .6) !important;
  }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > h2 i { display: block !important; color: var(--pv-gold) !important; font: 400 26px/1 var(--pv-font) !important; font-style: normal !important; opacity: .85 !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > p {
    display: inline-block !important; margin: 0 0 16px !important; padding: 3px 12px !important; border: 1px solid rgba(127, 227, 160, .35) !important; border-radius: 99px !important;
    background: rgba(127, 227, 160, .08) !important; color: #a9f0c2 !important; font: 700 11.5px/1.4 var(--pv-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important;
  }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > dl { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > dl > div {
    display: grid !important; align-content: center !important; justify-items: center !important; gap: 4px !important; min-height: 0 !important; height: auto !important; padding: 10px 6px !important;
    border: 1px solid var(--dg-tile-line) !important; border-radius: 12px !important; background: var(--dg-tile) !important;
  }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > dl > div:last-child { border-color: rgba(192, 132, 255, .38) !important; background: rgba(176, 98, 255, .09) !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog dt { display: block !important; color: var(--pv-muted) !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog dd { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; margin: 0 !important; color: var(--pv-text) !important; font: 800 20px/1.1 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog dd.cost-crystals { color: #e4cdff !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog dd img { display: block !important; position: static !important; width: 24px !important; height: 24px !important; max-width: none !important; object-fit: contain !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .7)) !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > small { display: block !important; margin: 12px 0 0 !important; color: var(--pv-muted) !important; font: 600 10px/1.4 var(--pv-font) !important; letter-spacing: .1em !important; opacity: .8 !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > div { display: grid !important; grid-template-columns: 1fr 1.4fr !important; gap: 10px !important; width: 100% !important; margin-top: 16px !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > div > .button { width: 100% !important; min-width: 0 !important; height: 42px !important; }
  body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > .button.link { justify-self: center !important; height: 34px !important; margin-top: 6px !important; font-size: 11px !important; }
  /* ---------- Einstellungen (#accountLayer) – neu aufgebaut ----------
     Reset nur in diesem Fenster (2 IDs schlagen die alten Knopf-/auth-card-Regeln), Eingabefelder bleiben unangetastet. */
  body.vey-renewal #accountLayer:not(#pv-x):not(.hidden) { background: var(--dg-backdrop) !important; backdrop-filter: blur(5px) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) :where(.account-card, .account-card *:not(input)),
  body.vey-renewal #accountLayer:not(#pv-x) :where(.account-card, .account-card *)::before,
  body.vey-renewal #accountLayer:not(#pv-x) :where(.account-card, .account-card *)::after { all: unset !important; box-sizing: border-box !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card :is([hidden], .hidden) { display: none !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card {
    position: relative !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; align-content: start !important;
    width: min(600px, 100%) !important; max-height: calc(100dvh - 32px) !important; overflow: auto !important; overscroll-behavior: contain !important; margin: auto !important;
    padding: 22px 24px 16px !important; border: 1px solid var(--dg-line) !important; border-radius: 18px !important; background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important;
    color: var(--pv-text) !important; font: 500 13px/1.5 var(--pv-font) !important; text-align: left !important; animation: dg-pop .26s cubic-bezier(.2, .9, .3, 1.15) both !important;
    scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > * { grid-column: 1 / -1 !important; min-width: 0 !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card::before { content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; right: 12% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(243, 213, 142, .9), transparent) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card button { cursor: pointer !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card button:focus-visible { outline: 2px solid rgba(243, 213, 142, .6) !important; outline-offset: 2px !important; }
  /* Kopf */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .account-close-icon {
    position: absolute !important; top: 16px !important; right: 16px !important; z-index: 2 !important; display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 50% !important; background: rgba(255, 255, 255, .04) !important; color: var(--pv-text) !important; font: 500 18px/1 var(--pv-font) !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .account-close-icon:hover { border-color: rgba(243, 213, 142, .55) !important; color: var(--pv-gold) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .account-citadel-heading { display: flex !important; align-items: center !important; gap: 14px !important; padding-right: 44px !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-settings-sigil {
    display: block !important; flex: 0 0 48px !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; border: 1px solid rgba(232, 196, 128, .4) !important;
    background: url("./assets/ui/icons-v2/hdr-settings.webp") center / 34px no-repeat, radial-gradient(circle, rgba(232, 196, 128, .2), rgba(20, 18, 26, .9) 72%) !important; box-shadow: 0 0 24px -8px rgba(232, 196, 128, .6) !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-citadel-heading > div { display: grid !important; gap: 2px !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-citadel-heading .eyebrow { display: block !important; color: var(--dg-eyebrow) !important; font: 700 10.5px/1.4 var(--pv-font) !important; letter-spacing: .22em !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-citadel-heading h1 { display: block !important; color: var(--dg-title) !important; font: 600 26px/1.15 var(--pv-display) !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .6) !important; }
  /* Konto-Zeile */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > #accountIdentity {
    display: block !important; padding: 9px 12px !important; border: 1px solid var(--dg-tile-line) !important; border-radius: 12px !important; background: var(--dg-tile) !important;
    color: #e9e0cc !important; font: 600 12.5px/1.4 var(--pv-font) !important; overflow-wrap: anywhere !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .build-label { display: block !important; margin-top: -6px !important; color: var(--pv-muted) !important; font: 600 10px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; opacity: .75 !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .account-verification:not(:empty) {
    display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px 12px !important; padding: 10px 12px !important;
    border: 1px solid rgba(232, 196, 128, .28) !important; border-radius: 12px !important; background: rgba(232, 196, 128, .06) !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-verification > span { display: block !important; flex: 1 1 220px !important; color: #e8d6ab !important; font: 600 12px/1.4 var(--pv-font) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-verification > .verified-mark { color: #a9f0c2 !important; }
  /* Gemeinsamer Abschnitts-Titel */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > :is(.preference-grid, .audio-mixer, .experience-account-tools)::before {
    grid-column: 1 / -1 !important; display: block !important; margin: 4px 0 -2px !important; color: var(--dg-eyebrow) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .2em !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid::before { content: "GAME & DISPLAY" !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .audio-mixer::before { content: "VOLUME" !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .experience-account-tools::before { content: "GUIDES" !important; }
  /* Schalter-Zeilen */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button {
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; min-height: 46px !important; padding: 0 12px 0 14px !important;
    border: 1px solid var(--dg-tile-line) !important; border-radius: 12px !important; background: var(--dg-tile) !important; color: var(--pv-text) !important; font: 600 13px/1.2 var(--pv-font) !important;
    transition: border-color .15s, background .15s !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button:hover { border-color: rgba(232, 196, 128, .4) !important; background: rgba(232, 196, 128, .06) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button > span { display: block !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button > .pref-sep { display: none !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button > b {
    display: inline-flex !important; align-items: center !important; gap: 6px !important; flex: 0 0 auto !important; padding: 3px 10px !important; border-radius: 99px !important;
    border: 1px solid rgba(232, 196, 128, .35) !important; background: rgba(232, 196, 128, .08) !important; color: var(--pv-gold) !important; font: 700 11px/1.3 var(--pv-font) !important; letter-spacing: .04em !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button:not([data-on]) > b::after { content: "›" !important; display: inline !important; color: rgba(243, 213, 142, .7) !important; font: 700 13px/1 var(--pv-font) !important; }
  /* An/Aus als echter Kippschalter (Wert bleibt als Text für Screenreader) */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button[data-on] > b {
    position: relative !important; width: 40px !important; height: 22px !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .14) !important; background: rgba(255, 255, 255, .08) !important;
    color: transparent !important; font-size: 0 !important; transition: background .18s, border-color .18s !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button[data-on] > b::after {
    content: "" !important; position: absolute !important; top: 2px !important; left: 2px !important; width: 16px !important; height: 16px !important; border-radius: 50% !important;
    background: #9d9483 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .6) !important; transition: left .18s, background .18s !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button[data-on="true"] > b { border-color: rgba(243, 213, 142, .7) !important; background: linear-gradient(180deg, #f2d48f, #c9944a) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > button[data-on="true"] > b::after { left: 20px !important; background: #fff8e6 !important; }
  /* Geschenk-Code: eigene Zeile mit Geschenk-Symbol */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > #promoRedeemButton {
    grid-column: 1 / -1 !important; justify-content: center !important; gap: 10px !important; border-color: rgba(243, 201, 107, .4) !important;
    background: linear-gradient(90deg, rgba(243, 201, 107, .1), rgba(176, 98, 255, .08)) !important; color: #f6e2ae !important; font-weight: 700 !important; letter-spacing: .04em !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid > #promoRedeemButton::before { content: "" !important; display: block !important; width: 22px !important; height: 22px !important; background: url("./assets/ui/icons-v2/hdr-daily.webp") center / contain no-repeat !important; }
  /* Loot-Filter */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .loot-filter-settings {
    display: grid !important; gap: 10px !important; padding: 14px !important; border: 1px solid rgba(192, 132, 255, .26) !important; border-radius: 14px !important;
    background: radial-gradient(120% 90% at 100% 0%, rgba(176, 98, 255, .1), transparent 60%), var(--dg-tile) !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-settings > header { display: grid !important; gap: 2px !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-settings .eyebrow { display: block !important; color: var(--dg-eyebrow) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-settings h2 { display: block !important; color: var(--dg-title) !important; font: 600 19px/1.2 var(--pv-display) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-settings header p { display: block !important; color: var(--pv-muted) !important; font: 500 12px/1.45 var(--pv-font) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-modes { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-modes > button {
    display: grid !important; align-content: center !important; gap: 2px !important; min-height: 54px !important; padding: 8px 10px !important; border: 1px solid var(--dg-tile-line) !important; border-radius: 12px !important;
    background: rgba(0, 0, 0, .2) !important; color: var(--pv-text) !important; font: 800 11.5px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; text-align: center !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-modes > button small { display: block !important; color: var(--pv-muted) !important; font: 600 10.5px/1.3 var(--pv-font) !important; letter-spacing: 0 !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-modes > button:hover { border-color: rgba(192, 132, 255, .45) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-modes > button:is(.active, [aria-pressed="true"]) { border-color: rgba(243, 213, 142, .75) !important; background: linear-gradient(180deg, rgba(243, 213, 142, .16), rgba(243, 213, 142, .04)) !important; color: #fff3cf !important; box-shadow: 0 0 22px -10px rgba(243, 213, 142, .8) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-modes > button:is(.active, [aria-pressed="true"]) small { color: #e8d6ab !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card #lootFilterStats { display: block !important; color: #d9c8ff !important; font: 600 11.5px/1.4 var(--pv-font) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-safety { display: block !important; padding-left: 10px !important; border-left: 2px solid rgba(99, 230, 214, .45) !important; color: var(--pv-muted) !important; font: 500 11px/1.45 var(--pv-font) !important; }
  /* Lautstärke */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .audio-mixer { display: grid !important; gap: 6px !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .audio-mixer > label {
    display: grid !important; grid-template-columns: 74px minmax(0, 1fr) 44px !important; align-items: center !important; gap: 12px !important; min-height: 42px !important; padding: 0 14px !important;
    border: 1px solid var(--dg-tile-line) !important; border-radius: 12px !important; background: var(--dg-tile) !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .audio-mixer > label > span { display: block !important; grid-column: 1 !important; grid-row: 1 !important; color: var(--pv-text) !important; font: 600 13px/1.2 var(--pv-font) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .audio-mixer > label > output { display: block !important; grid-column: 3 !important; grid-row: 1 !important; color: var(--pv-gold) !important; font: 700 12px/1 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; text-align: right !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .audio-mixer > label > input[type="range"] { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; height: 18px !important; margin: 0 !important; accent-color: #e2b65e !important; cursor: pointer !important; background: transparent !important; }
  /* Anleitungen + Konto-Aktionen */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .experience-account-tools { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; order: 8 !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .experience-account-tools > button {
    display: flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 6px 10px !important; border: 1px solid var(--dg-tile-line) !important; border-radius: 99px !important;
    background: var(--dg-tile) !important; color: #e9e0cc !important; font: 600 12px/1.25 var(--pv-font) !important; text-align: center !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > .experience-account-tools > button:hover { border-color: rgba(232, 196, 128, .45) !important; color: var(--pv-gold) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > :is(#rotateRecovery, #logoutButton) {
    grid-column: auto !important; order: 9 !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; margin-top: 6px !important; padding: 0 14px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .04) !important; color: var(--pv-text) !important; font: 700 11.5px/1.2 var(--pv-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > #rotateRecovery:hover { border-color: rgba(232, 196, 128, .5) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > #logoutButton { border-color: rgba(255, 130, 110, .4) !important; background: rgba(255, 90, 70, .08) !important; color: #ffb4a6 !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > #logoutButton:hover { background: rgba(255, 90, 70, .16) !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > #closeAccount { order: 10 !important; justify-self: center !important; display: block !important; padding: 6px 16px !important; color: var(--pv-muted) !important; font: 600 12px/1.3 var(--pv-font) !important; letter-spacing: .06em !important; }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card > #closeAccount:hover { color: var(--pv-gold) !important; }
  /* Knöpfe im Fenster (z. B. Bestätigungs-Mail erneut senden) im einheitlichen Stil */
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-verification > .button {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 14px !important; border: 1px solid rgba(232, 196, 128, .4) !important; border-radius: 99px !important;
    background: rgba(232, 196, 128, .08) !important; color: var(--pv-gold) !important; font: 700 10.5px/1.2 var(--pv-font) !important; letter-spacing: .08em !important;
  }
  body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-verification > .button:disabled { opacity: .5 !important; cursor: not-allowed !important; }
  @media (max-width: 560px) {
    body.vey-renewal #accountLayer:not(#pv-x) .account-card { padding: 18px 14px 14px !important; gap: 10px !important; }
    body.vey-renewal #accountLayer:not(#pv-x) .account-card .account-citadel-heading h1 { font-size: 22px !important; }
    body.vey-renewal #accountLayer:not(#pv-x) .account-card > .preference-grid { grid-template-columns: 1fr !important; }
    body.vey-renewal #accountLayer:not(#pv-x) .account-card .loot-filter-modes > button { padding: 8px 6px !important; }
    body.vey-renewal #accountLayer:not(#pv-x) .account-card > .experience-account-tools { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  }

  /* ---------- Benachrichtigungen (#notificationPanel) ---------- */
  body.vey-renewal #notificationPanel:not(#pv-x)[hidden] { display: none !important; }
  body.vey-renewal #notificationPanel:not(#pv-x):not([hidden]) {
    position: fixed !important; top: 56px !important; right: 14px !important; bottom: auto !important; left: auto !important; z-index: 9300 !important;
    display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; width: min(390px, calc(100vw - 24px)) !important; max-height: min(540px, calc(100dvh - 76px)) !important;
    margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid var(--dg-line) !important; border-radius: 16px !important;
    background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important; color: var(--pv-text) !important; font: 500 13px/1.45 var(--pv-font) !important;
    animation: dg-drop .18s ease-out both !important; transform: none !important;
  }
  body.vey-renewal #notificationPanel:not(#pv-x)::before { content: "" !important; position: absolute !important; top: 0 !important; left: 14% !important; right: 14% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(243, 213, 142, .9), transparent) !important; }
  body.vey-renewal #notificationPanel:not(#pv-x)::after { content: none !important; display: none !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) > header {
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 !important; padding: 14px 14px 12px 16px !important;
    border: 0 !important; border-bottom: 1px solid var(--dg-tile-line) !important; background: none !important;
  }
  body.vey-renewal #notificationPanel:not(#pv-x) > header::before, body.vey-renewal #notificationPanel:not(#pv-x) > header::after { content: none !important; display: none !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) > header > div { display: grid !important; grid-template-columns: 34px auto !important; grid-template-rows: auto auto !important; column-gap: 10px !important; align-items: center !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) > header > div::before {
    content: "" !important; grid-row: 1 / 3 !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; border: 1px solid rgba(232, 196, 128, .35) !important;
    background: url("./assets/ui/icons-v2/hdr-bell.webp") center / 26px no-repeat, radial-gradient(circle, rgba(232, 196, 128, .18), rgba(20, 18, 26, .9) 72%) !important;
  }
  body.vey-renewal #notificationPanel:not(#pv-x) > header small { display: block !important; margin: 0 !important; color: var(--dg-eyebrow) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) > header h2 { display: block !important; margin: 0 !important; color: var(--dg-title) !important; font: 600 19px/1.15 var(--pv-display) !important; text-shadow: none !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) #closeNotifications {
    all: unset !important; box-sizing: border-box !important; display: grid !important; place-items: center !important; flex: 0 0 30px !important; width: 30px !important; height: 30px !important; cursor: pointer !important;
    border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 50% !important; background: rgba(255, 255, 255, .04) !important; color: var(--pv-text) !important; font: 500 17px/1 var(--pv-font) !important;
  }
  body.vey-renewal #notificationPanel:not(#pv-x) #closeNotifications:hover, body.vey-renewal #notificationPanel:not(#pv-x) #closeNotifications:focus-visible { border-color: rgba(243, 213, 142, .55) !important; color: var(--pv-gold) !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) #notificationList { display: grid !important; align-content: start !important; gap: 6px !important; margin: 0 !important; padding: 10px !important; overflow: auto !important; overscroll-behavior: contain !important; background: none !important; scrollbar-width: thin !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry {
    all: unset !important; box-sizing: border-box !important; --tone: rgba(232, 196, 128, .8);
    display: grid !important; grid-template-columns: 44px minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; width: 100% !important; padding: 9px 10px 9px 10px !important; cursor: pointer !important;
    border: 1px solid var(--dg-tile-line) !important; border-left: 3px solid var(--tone) !important; border-radius: 12px !important; background: var(--dg-tile) !important; text-align: left !important;
    transition: border-color .15s, background .15s !important;
  }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry::before, body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry::after { content: none !important; display: none !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry:hover, body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry:focus-visible { border-color: rgba(232, 196, 128, .4) !important; border-left-color: var(--tone) !important; background: rgba(232, 196, 128, .07) !important; outline: 0 !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry.tone-violet { --tone: #b98cff; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry.tone-cyan { --tone: #63e6d6; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry.tone-green { --tone: #7fe3a0; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry.tone-danger { --tone: #ff8a76; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry.tone-muted { --tone: rgba(255, 255, 255, .2); cursor: default !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry > i {
    all: unset !important; display: grid !important; place-items: center !important; width: 44px !important; height: 44px !important; border-radius: 50% !important;
    background: radial-gradient(circle, color-mix(in srgb, var(--tone) 22%, transparent), transparent 70%) !important; color: var(--tone) !important; font: 700 20px/1 var(--pv-font) !important;
  }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry > i img { display: block !important; width: 40px !important; height: 40px !important; object-fit: contain !important; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .7)) !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry > span { all: unset !important; display: grid !important; gap: 2px !important; min-width: 0 !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry b { all: unset !important; display: block !important; color: #f6ead0 !important; font: 700 12.5px/1.3 var(--pv-font) !important; letter-spacing: .02em !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry small { all: unset !important; display: block !important; color: var(--pv-muted) !important; font: 500 11.5px/1.4 var(--pv-font) !important; }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry > em {
    all: unset !important; display: block !important; padding: 3px 9px !important; border: 1px solid rgba(232, 196, 128, .32) !important; border-radius: 99px !important;
    color: var(--pv-gold) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important;
  }
  body.vey-renewal #notificationPanel:not(#pv-x) .notification-entry.tone-muted > em { display: none !important; }
  @media (max-width: 760px) {
    body.vey-renewal #notificationPanel:not(#pv-x):not([hidden]) { top: 64px !important; right: 12px !important; left: 12px !important; width: auto !important; max-height: calc(100dvh - 170px) !important; }
  }
  /* ---------- Posteingang / Hall of Heroes: Leer-Zustände ---------- */
  body.vey-renewal #view:not(#pv-x) .hero-community .community-inbox:has(> .community-empty) { display: grid !important; place-items: center !important; min-height: 0 !important; }
  body.vey-renewal #view:not(#pv-x) .hero-community .community-empty {
    display: grid !important; justify-items: center !important; align-content: center !important; gap: 8px !important; width: min(460px, 100%) !important; margin: 18px auto !important; padding: 26px 22px !important;
    border: 1px solid var(--dg-tile-line) !important; border-radius: 16px !important; background: radial-gradient(90% 70% at 50% 0%, rgba(232, 196, 128, .09), transparent 70%), var(--dg-tile) !important;
    color: var(--pv-muted) !important; font: 500 12.5px/1.5 var(--pv-font) !important; text-align: center !important; outline: 0 !important;
  }
  body.vey-renewal #view:not(#pv-x) .hero-community .community-inbox > .community-empty::before {
    content: "" !important; display: block !important; width: 64px !important; height: 64px !important; margin-bottom: 6px !important; border-radius: 50% !important; border: 1px solid rgba(232, 196, 128, .4) !important;
    background: url("./assets/ui/icons-v2/hdr-mail.webp") center / 42px no-repeat, radial-gradient(circle, rgba(232, 196, 128, .2), rgba(20, 18, 26, .9) 72%) !important; box-shadow: 0 0 30px -10px rgba(232, 196, 128, .6) !important;
  }
  body.vey-renewal #view:not(#pv-x) .hero-community .community-empty h2 { display: block !important; margin: 0 !important; color: var(--dg-title) !important; font: 600 21px/1.2 var(--pv-display) !important; }
  body.vey-renewal #view:not(#pv-x) .hero-community .community-empty p { display: block !important; margin: 0 !important; color: var(--pv-muted) !important; font: 500 12.5px/1.5 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x) .hero-community .community-empty > button {
    all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; margin-top: 8px !important; padding: 0 22px !important; cursor: pointer !important;
    border: 1px solid #f6dd9c !important; border-radius: 99px !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; color: #1a1408 !important; font: 800 11px/1 var(--pv-font) !important; letter-spacing: .12em !important;
    box-shadow: 0 8px 20px -10px rgba(232, 196, 128, .8) !important;
  }
  body.vey-renewal #view:not(#pv-x) .hero-community .community-empty > button:hover { filter: brightness(1.07) !important; }
  body.vey-renewal #view:not(#pv-x) .hero-community .community-roster > .community-empty { width: 100% !important; margin: 0 !important; padding: 6px 4px !important; border: 0 !important; background: none !important; justify-items: start !important; text-align: left !important; }
  body.vey-renewal #view:not(#pv-x) .hero-community .community-roster:has(> .community-empty:only-child) { padding: 10px 14px !important; }
  /* ---------- Seitenleiste: Held mittig (alte 128-px-Spalte aus vey-responsive.css schob Bild/Name nach rechts über den Rand) ---------- */
  @media (min-width: 761px) {
    html body.vey-renewal.hero-docked .sidebar > .global-hero { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: none !important; grid-template-areas: none !important; min-width: 0 !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero > * { grid-column: 1 !important; grid-row: auto !important; grid-area: auto !important; justify-self: center !important; max-width: 100% !important; min-width: 0 !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__identity { width: 100% !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__identity b { max-width: 100% !important; text-align: center !important; }
    html body.vey-renewal.hero-docked .sidebar > .global-hero .global-hero__power { max-width: 100% !important; overflow: hidden !important; }
  }
  /* ---------- Tägliche Belohnungen: Glücksrad mit Zierrand + Kalender füllt die Spalte ---------- */
  body.vey-renewal .daily-wheel__disc { width: min(300px, 100%) !important; filter: drop-shadow(0 14px 26px rgba(0, 0, 0, .75)) drop-shadow(0 0 22px rgba(232, 196, 128, .28)) !important; }
  body.vey-renewal .daily-wheel__label { fill: #fff3cf !important; font: 800 8px/1 Manrope, sans-serif !important; letter-spacing: .05em !important; paint-order: stroke !important; stroke: rgba(10, 6, 16, .85) !important; stroke-width: 2.2px !important; }
  body.vey-renewal .daily-wheel__label.is-jackpot { fill: #ffd6f5 !important; }
  body.vey-renewal .daily-wheel__art { filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .8)) !important; }
  body.vey-renewal .daily-wheel__stud { fill: #fff3cf !important; filter: drop-shadow(0 0 2px rgba(255, 236, 180, .95)) !important; }
  body.vey-renewal .daily-wheel__stud.is-violet { fill: #e2c4ff !important; filter: drop-shadow(0 0 2.5px rgba(192, 132, 255, .95)) !important; }
  body.vey-renewal .daily-wheel__pointer {
    top: -2px !important; width: 28px !important; height: 38px !important; border: 0 !important; transform: translateX(-50%) !important;
    background: linear-gradient(180deg, #fff0c4 0%, #e2b65e 45%, #8a5a1c 100%) !important; clip-path: polygon(50% 100%, 0 30%, 16% 0, 84% 0, 100% 30%) !important;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .85)) !important;
  }
  body.vey-renewal .daily-wheel__pointer::after { content: "" !important; position: absolute !important; left: 50% !important; top: 7px !important; width: 10px !important; height: 10px !important; transform: translateX(-50%) rotate(45deg) !important; background: radial-gradient(circle at 35% 35%, #f6e6ff, #9b4fe0 70%) !important; }
  body.vey-renewal .daily-grid > section.daily-calendar { grid-template-rows: auto minmax(0, 1fr) auto auto !important; align-content: stretch !important; }
  body.vey-renewal .daily-calendar ol { grid-auto-rows: 1fr !important; }
  body.vey-renewal .daily-calendar li { align-content: center !important; }
  body.vey-renewal .daily-calendar li img { width: 46px !important; height: 46px !important; }
  body.vey-renewal .daily-calendar li.is-grand img { width: 58px !important; height: 58px !important; }
  /* ---------- Guide / Info / Chronik-Fenster (experience.js) im Veydris-Panel ---------- */
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) {
    width: min(920px, calc(100vw - 24px)) !important; max-height: calc(100dvh - 32px) !important; padding: 0 !important; overflow: auto !important; overscroll-behavior: contain !important;
    border: 1px solid var(--dg-line) !important; border-radius: 18px !important; background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important;
    color: var(--pv-text) !important; font: 500 13px/1.55 var(--pv-font) !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important;
  }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x)[open] { animation: dg-pop .26s cubic-bezier(.2, .9, .3, 1.15) both !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x)::backdrop { background: var(--dg-backdrop) !important; backdrop-filter: blur(5px) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading {
    position: sticky !important; top: 0 !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important;
    padding: 18px 20px 14px 24px !important; border-bottom: 1px solid var(--dg-tile-line) !important; background: linear-gradient(180deg, #1d1a27, #16141e) !important;
  }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading::after { content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; right: 12% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(243, 213, 142, .9), transparent) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading small { color: var(--dg-eyebrow) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .22em !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading h2 { margin: 4px 0 0 !important; color: var(--dg-title) !important; font: 600 26px/1.15 var(--pv-display) !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .6) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading [data-experience="close"] {
    all: unset !important; box-sizing: border-box !important; display: grid !important; place-items: center !important; flex: 0 0 34px !important; width: 34px !important; height: 34px !important; cursor: pointer !important;
    border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 50% !important; background: rgba(255, 255, 255, .04) !important; color: transparent !important; font-size: 0 !important;
  }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading [data-experience="close"]::before { content: "×" !important; display: block !important; color: var(--pv-text) !important; font: 500 19px/1 var(--pv-font) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading [data-experience="close"]:is(:hover, :focus-visible) { border-color: rgba(243, 213, 142, .55) !important; outline: 0 !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading [data-experience="close"]:is(:hover, :focus-visible)::before { color: var(--pv-gold) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-tabs {
    display: flex !important; flex-wrap: nowrap !important; gap: 4px !important; margin: 14px 24px 0 !important; padding: 4px !important; overflow-x: auto !important; scrollbar-width: none !important;
    border: 1px solid var(--dg-tile-line) !important; border-radius: 14px !important; background: rgba(255, 255, 255, .03) !important;
  }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-tabs > .button {
    all: unset !important; box-sizing: border-box !important; flex: 1 1 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: max-content !important;
    padding: 9px 16px !important; border-radius: 10px !important; cursor: pointer !important; white-space: nowrap !important; color: var(--pv-muted) !important; font: 700 11.5px/1.1 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important;
  }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-tabs > .button:hover { color: var(--pv-text) !important; background: rgba(255, 255, 255, .04) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-tabs > .button[aria-current="page"] { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; box-shadow: 0 6px 16px -10px rgba(243, 213, 142, .7) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-tabs > .button:focus-visible { outline: 2px solid rgba(243, 213, 142, .6) !important; outline-offset: 1px !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-body { padding: 6px 24px 22px !important; background: none !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-body .button {
    border: 1px solid rgba(232, 196, 128, .22) !important; border-image: none !important; border-radius: 11px !important; clip-path: none !important; filter: none !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 38px !important; padding: 6px 16px !important; cursor: pointer !important;
    color: #efe7d6 !important; background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    font: 700 11.5px/1.2 var(--pv-font) !important; letter-spacing: .07em !important; text-transform: uppercase !important; text-shadow: none !important; white-space: normal !important; text-align: center !important;
  }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-body .button::before, html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-body .button::after { content: none !important; display: none !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-body .button:hover:not(:disabled) { border-color: rgba(232, 196, 128, .55) !important; background: rgba(232, 196, 128, .1) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-body .button.primary { color: #1a1408 !important; border-color: #f6dd9c !important; background: linear-gradient(180deg, #fbe7b0 0%, #e9c27a 45%, #c48f45 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 8px 22px -10px rgba(243, 213, 142, .65) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-body .button:disabled { opacity: .45 !important; cursor: not-allowed !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-card { margin: 14px 0 !important; padding: 18px 20px !important; border: 1px solid var(--dg-tile-line) !important; border-radius: 14px !important; background: var(--dg-tile) !important; box-shadow: none !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-card h3 { margin: 0 0 8px !important; color: var(--dg-title) !important; font: 600 19px/1.2 var(--pv-display) !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-body h3 { color: var(--dg-title) !important; font-family: var(--pv-display) !important; font-weight: 600 !important; letter-spacing: .01em !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-card p { color: #cfc5b1 !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-card a { color: var(--pv-gold) !important; text-underline-offset: 3px !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-hero small, html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-event-map > small { color: var(--dg-eyebrow) !important; font-weight: 700 !important; letter-spacing: .2em !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-hero h3 { color: var(--dg-title) !important; font-family: var(--pv-display) !important; font-weight: 600 !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-hero progress { accent-color: #e2b65e !important; }
  html body.vey-renewal dialog.experience-dialog:not(#pv-x) details > summary { color: var(--pv-gold) !important; cursor: pointer !important; }
  @media (max-width: 640px) {
    html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading { padding: 14px 14px 12px 16px !important; }
    html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-heading h2 { font-size: 21px !important; }
    html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-tabs { margin: 12px 14px 0 !important; }
    html body.vey-renewal dialog.experience-dialog:not(#pv-x) > .experience-body { padding: 4px 14px 18px !important; }
    html body.vey-renewal dialog.experience-dialog:not(#pv-x) .experience-card { padding: 14px !important; }
  }
}

@layer pv {
  /* ================= Neue Knöpfe (19.10.): eigene VEYDRIS-Platten (assets/ui/controls/plate-*-v4.webp) =================
     3-Slice: Zier-Kappen links/rechts bleiben scharf, nur die ruhige Mitte dehnt sich. --cap = Kappenbreite am Knopf. */
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(.mobile-advanced-toggle):not(:is(.inventory-tabs, .forge-filters) > *):not(#vb) {
    --cap: 33px; --bw: 15px; --out: 9px;
    position: relative !important; overflow: hidden !important; isolation: isolate !important; white-space: nowrap !important;
    min-height: 40px !important; min-width: 92px !important; padding: 0 3px !important;
    border-style: solid !important; border-color: transparent !important; border-radius: 0 !important; border-width: 0 var(--bw) !important;
    border-image: var(--plate) 0 var(--sl) 0 var(--sr) fill / 0 var(--cap) / var(--out) 3px stretch !important;
    margin-top: var(--out); margin-bottom: var(--out);
    background: none !important; box-shadow: none !important; clip-path: none !important; outline: none !important;
    font-family: var(--vm-font, Manrope, sans-serif) !important; font-weight: 800 !important; letter-spacing: .08em !important;
    text-shadow: 0 1px 2px #000, 0 0 8px rgba(0, 0, 0, .7) !important;
    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .55)) !important;
    transition: filter .18s ease, transform .12s ease !important;
  }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button.primary:not(#vb) { --plate: url("./assets/ui/controls/plate-primary-v4.webp"); --sl: 87; --sr: 88; --glow: rgba(90, 240, 225, .55); color: #fff4d2 !important; -webkit-text-fill-color: #fff4d2 !important; }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button:is(.ghost, .metal):not(.mobile-advanced-toggle):not(:is(.inventory-tabs, .forge-filters) > *):not(#vb) { --plate: url("./assets/ui/controls/plate-secondary-v4.webp"); --sl: 83; --sr: 84; --glow: rgba(243, 190, 100, .5); color: #f3d58e !important; -webkit-text-fill-color: #f3d58e !important; }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button.apex:not(#vb) { --plate: url("./assets/ui/controls/plate-apex-v4.webp"); --sl: 106; --sr: 106; --cap: 38px; --bw: 17px; --glow: rgba(190, 120, 255, .6); color: #f6eaff !important; -webkit-text-fill-color: #f6eaff !important; }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button.salvage:not(#vb) { --plate: url("./assets/ui/controls/plate-danger-v4.webp"); --sl: 81; --sr: 81; --glow: rgba(255, 90, 70, .55); color: #ffe6de !important; -webkit-text-fill-color: #ffe6de !important; }
  /* Glanz-Streif über das Mittelfeld */
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(.mobile-advanced-toggle):not(:is(.inventory-tabs, .forge-filters) > *):not(#vb)::before {
    content: "" !important; display: block !important; position: absolute !important; top: 24% !important; bottom: 24% !important; left: -70% !important; width: 40% !important; z-index: -1 !important; pointer-events: none !important;
    background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .38) 50%, transparent) !important; border: 0 !important; border-image: none !important;
    transform: skewX(-18deg) !important; transition: left .6s cubic-bezier(.2, .8, .2, 1) !important;
  }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(.mobile-advanced-toggle):not(:is(.inventory-tabs, .forge-filters) > *):not(#vb)::after { content: none !important; display: none !important; }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(.mobile-advanced-toggle):not(:is(.inventory-tabs, .forge-filters) > *):not(#vb):hover:not(:disabled)::before { left: 130% !important; }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(.mobile-advanced-toggle):not(:is(.inventory-tabs, .forge-filters) > *):not(#vb):hover:not(:disabled) {
    filter: brightness(1.14) saturate(1.1) drop-shadow(0 0 7px var(--glow)) drop-shadow(0 3px 4px rgba(0, 0, 0, .55)) !important; transform: translateY(-1px) !important;
  }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(.mobile-advanced-toggle):not(:is(.inventory-tabs, .forge-filters) > *):not(#vb):active:not(:disabled) { transform: translateY(1px) scale(.985) !important; filter: brightness(.95) drop-shadow(0 1px 2px rgba(0, 0, 0, .6)) !important; }
  html body.vey-renewal :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer, #currentObjective) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(.mobile-advanced-toggle):not(:is(.inventory-tabs, .forge-filters) > *):not(#vb):disabled { filter: grayscale(.85) brightness(.62) !important; cursor: not-allowed !important; }
  /* kleine Knöpfe in Karten: schmalere Kappen */
  html body.vey-renewal:not(#vb2) #view :is(.collection-entity-card, .elixir-card, .ach-card, .slot-picker li, .pit-card, .citadel-building, .cs2-card, .merchant-card) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(#vb) { --cap: 28px; --bw: 13px; --out: 7px; min-height: 34px !important; }

  /* =================   /* enge Karten + Handy: weniger Sperrung, schmalere Kappen, damit Preise/Labels nie abgeschnitten werden */
  html body.vey-renewal:not(#vb2) #view :is(.collection-card-footer, .champion-actions, .cs2-payment, .sanctum-rune) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(#vb) { --bw: 11px; font-size: 10px !important; letter-spacing: .03em !important; }
  @media (max-width: 760px) {
    html body.vey-renewal:not(#vb2) :is(#view, .daily-layer, .vey-confirm-layer, .slot-picker, #phase5Feedback, .loot-celebration, .returning-summary, #accountLayer) .button:is(.primary, .ghost, .metal, .apex, .salvage):not(#vb) { --cap: 28px; --bw: 10px; --out: 7px; letter-spacing: .02em !important; font-size: 9.5px !important; }
    html body.vey-renewal:not(#vb2) #view .collection-card-footer .button:is(.primary, .ghost, .metal, .apex, .salvage):not(#vb) { white-space: normal !important; line-height: 1.15 !important; text-align: center !important; min-height: 40px !important; }
  }
  /* Kopfzeile: kleine Platte */
  html body.vey-renewal .topbar #currentObjective .button.objective-command:not(#vb) {
    position: relative !important; height: 26px !important; min-height: 26px !important; padding: 0 9px !important; margin: 0 !important; white-space: nowrap !important;
    border-style: solid !important; border-color: transparent !important; border-radius: 0 !important; border-width: 0 11px !important;
    border-image: url("./assets/ui/controls/plate-primary-v4.webp") 0 87 0 88 fill / 0 22px / 5px 2px stretch !important;
    background: none !important; box-shadow: none !important; color: #fff4d2 !important; -webkit-text-fill-color: #fff4d2 !important;
    font: 800 10px/1 var(--vm-font, Manrope, sans-serif) !important; letter-spacing: .08em !important; text-shadow: 0 1px 2px #000 !important;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .5)) !important; transition: filter .18s ease !important;
  }
  html body.vey-renewal .topbar #currentObjective .button.objective-command:not(#vb):hover { filter: brightness(1.15) drop-shadow(0 0 6px rgba(90, 240, 225, .5)) !important; }
  html body.vey-renewal .topbar #currentObjective .button.objective-command:not(#vb)::before, html body.vey-renewal .topbar #currentObjective .button.objective-command:not(#vb)::after { content: none !important; display: none !important; }

Zierecken auf Karten und Panels ================= */
  html body.vey-renewal #view :is(.pit-card, .citadel-building, .tower-foe, .tower-board, .pit-log, .pit-board, .ach-hero, .cs2-card, .tower-hero, .pit-hero, .citadel-works__hero, .mount-card, .companion-card, .daily-grid > section) { position: relative !important; }
  html body.vey-renewal :is(#view, .daily-layer) :is(.pit-card, .citadel-building, .tower-foe, .tower-board, .pit-log, .pit-board, .ach-hero, .cs2-card, .tower-hero, .pit-hero, .citadel-works__hero, .daily-grid > section)::before {
    content: "" !important; position: absolute !important; inset: 5px !important; z-index: 4 !important; display: block !important; pointer-events: none !important; border-radius: inherit !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg transform='rotate%280 13 13%29' fill='none' stroke='%2523e8c480' stroke-linecap='round'%3E%3Cpath d='M2 24V10Q2 2 10 2H24' stroke-width='1.4' stroke-opacity='.85'/%3E%3Cpath d='M6 24V12Q6 6 12 6H24' stroke-width='.8' stroke-opacity='.4'/%3E%3Cpath d='M2 2l3 3' stroke-width='1.2'/%3E%3C/g%3E%3Cpath transform='rotate%280 13 13%29' d='M2 0.5l1.6 1.6L2 3.7 0.4 2.1z' fill='%2523f3d58e'/%3E%3C/svg%3E") left top / 22px 22px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg transform='rotate%2890 13 13%29' fill='none' stroke='%2523e8c480' stroke-linecap='round'%3E%3Cpath d='M2 24V10Q2 2 10 2H24' stroke-width='1.4' stroke-opacity='.85'/%3E%3Cpath d='M6 24V12Q6 6 12 6H24' stroke-width='.8' stroke-opacity='.4'/%3E%3Cpath d='M2 2l3 3' stroke-width='1.2'/%3E%3C/g%3E%3Cpath transform='rotate%2890 13 13%29' d='M2 0.5l1.6 1.6L2 3.7 0.4 2.1z' fill='%2523f3d58e'/%3E%3C/svg%3E") right top / 22px 22px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg transform='rotate%28180 13 13%29' fill='none' stroke='%2523e8c480' stroke-linecap='round'%3E%3Cpath d='M2 24V10Q2 2 10 2H24' stroke-width='1.4' stroke-opacity='.85'/%3E%3Cpath d='M6 24V12Q6 6 12 6H24' stroke-width='.8' stroke-opacity='.4'/%3E%3Cpath d='M2 2l3 3' stroke-width='1.2'/%3E%3C/g%3E%3Cpath transform='rotate%28180 13 13%29' d='M2 0.5l1.6 1.6L2 3.7 0.4 2.1z' fill='%2523f3d58e'/%3E%3C/svg%3E") right bottom / 22px 22px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg transform='rotate%28270 13 13%29' fill='none' stroke='%2523e8c480' stroke-linecap='round'%3E%3Cpath d='M2 24V10Q2 2 10 2H24' stroke-width='1.4' stroke-opacity='.85'/%3E%3Cpath d='M6 24V12Q6 6 12 6H24' stroke-width='.8' stroke-opacity='.4'/%3E%3Cpath d='M2 2l3 3' stroke-width='1.2'/%3E%3C/g%3E%3Cpath transform='rotate%28270 13 13%29' d='M2 0.5l1.6 1.6L2 3.7 0.4 2.1z' fill='%2523f3d58e'/%3E%3C/svg%3E") left bottom / 22px 22px no-repeat !important;
    opacity: .85 !important;
  }
  /* ---------- Schnellreise (Wayfinder) ---------- */
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) {
    width: min(560px, calc(100vw - 24px)) !important; max-height: min(680px, calc(100dvh - 32px)) !important; padding: 18px 18px 12px !important; overflow: hidden !important;
    border: 1px solid var(--dg-line) !important; border-radius: 18px !important; background: var(--dg-panel) !important; box-shadow: var(--dg-shadow) !important; color: var(--pv-text) !important; font: 500 13px/1.45 var(--pv-font) !important;
  }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x)[open] { display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) auto !important; gap: 12px !important; animation: dg-pop .22s cubic-bezier(.2, .9, .3, 1.15) both !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x)::backdrop { background: var(--dg-backdrop) !important; backdrop-filter: blur(5px) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x)::before { content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; right: 12% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(243, 213, 142, .9), transparent) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) > header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 !important; padding: 0 2px !important; border: 0 !important; background: none !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) > header::before, html body.vey-renewal dialog#journeyAtlas:not(#pv-x) > header::after { content: none !important; display: none !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) > header > div { display: grid !important; grid-template-columns: 38px auto !important; column-gap: 12px !important; align-items: center !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) > header > div::before {
    content: "" !important; grid-row: 1 / 3 !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; border: 1px solid rgba(232, 196, 128, .35) !important;
    background: url("./assets/ui/icons-v2/hdr-travel.webp") center / 28px no-repeat, radial-gradient(circle, rgba(232, 196, 128, .18), rgba(20, 18, 26, .9) 72%) !important;
  }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-eyebrow { display: block !important; color: var(--dg-eyebrow) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .22em !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) > header h2 { margin: 0 !important; color: var(--dg-title) !important; font: 600 23px/1.15 var(--pv-display) !important; text-shadow: none !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) #journeyAtlasClose {
    all: unset !important; box-sizing: border-box !important; display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; cursor: pointer !important;
    border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 50% !important; background: rgba(255, 255, 255, .04) !important; color: var(--pv-text) !important; font: 500 18px/1 var(--pv-font) !important;
  }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) #journeyAtlasClose:is(:hover, :focus-visible) { border-color: rgba(243, 213, 142, .55) !important; color: var(--pv-gold) !important; outline: 0 !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-search {
    display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 14px !important; height: 46px !important;
    border: 1px solid rgba(232, 196, 128, .3) !important; border-radius: 99px !important; background: rgba(5, 5, 9, .55) !important; box-shadow: none !important;
  }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-search:focus-within { border-color: rgba(243, 213, 142, .75) !important; box-shadow: 0 0 0 3px rgba(232, 196, 128, .14) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-search > span { color: var(--pv-gold) !important; font: 600 18px/1 var(--pv-font) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-search input { all: unset !important; flex: 1 1 auto !important; min-width: 0 !important; height: 100% !important; color: var(--pv-text) !important; font: 500 16px/1 var(--pv-font) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-search input::placeholder { color: rgba(207, 197, 177, .55) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destinations { display: grid !important; align-content: start !important; gap: 6px !important; min-height: 0 !important; margin: 0 -4px !important; padding: 2px 4px !important; overflow: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination {
    all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; min-height: 54px !important;
    padding: 6px 12px 6px 8px !important; cursor: pointer !important; border: 1px solid var(--dg-tile-line) !important; border-radius: 12px !important; background: var(--dg-tile) !important; transition: border-color .12s, background .12s !important;
  }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination::before, html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination::after { content: none !important; display: none !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination:hover { border-color: rgba(232, 196, 128, .35) !important; background: rgba(232, 196, 128, .05) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination.selected { border-color: rgba(243, 213, 142, .75) !important; background: linear-gradient(90deg, rgba(243, 213, 142, .14), rgba(243, 213, 142, .03)) !important; box-shadow: 0 0 22px -12px rgba(243, 213, 142, .9) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination > i { all: unset !important; display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(232, 196, 128, .14), transparent 70%) !important; color: var(--pv-gold) !important; font: 700 11px/1 var(--pv-font) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination > i img { display: block !important; width: 34px !important; height: 34px !important; object-fit: contain !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .75)) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination > span { all: unset !important; display: grid !important; gap: 1px !important; min-width: 0 !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination b { all: unset !important; display: block !important; color: #f6ead0 !important; font: 700 13.5px/1.25 var(--pv-font) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination.selected b { color: var(--pv-gold) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-destination small { all: unset !important; display: block !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: var(--pv-muted) !important; font: 500 11.5px/1.35 var(--pv-font) !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) .journey-search-empty { margin: 8px 0 !important; color: var(--pv-muted) !important; text-align: center !important; }
  html body.vey-renewal dialog#journeyAtlas:not(#pv-x) > footer { margin: 0 !important; padding: 8px 2px 0 !important; border-top: 1px solid var(--dg-tile-line) !important; color: var(--pv-muted) !important; font: 600 10.5px/1.3 var(--pv-font) !important; letter-spacing: .06em !important; text-align: center !important; }
  @media (max-width: 640px) { html body.vey-renewal dialog#journeyAtlas:not(#pv-x) > footer { display: none !important; } html body.vey-renewal dialog#journeyAtlas:not(#pv-x)[open] { grid-template-rows: auto auto minmax(0, 1fr) !important; } }
}
@layer pv {
  /* enge Karten-Knöpfe: kleiner, damit Preis + Rauten Platz haben */
  html body.vey-renewal #view :is(.collection-entity-card, .elixir-card, .ach-card, .slot-picker li) .button:not(#vb) { font-size: 10px !important; letter-spacing: .03em !important; padding-left: 4px !important; padding-right: 4px !important; }
  /* ---------- Inventar: „Store spare gear“ + „Salvage weaker“ teilten sich dieselbe Rasterzelle (Text übereinander) ---------- */
  @media (min-width: 1025px) and (min-height: 600px) {
    body.vey-renewal #view:not(#pv-x) .content:has(> .armory-command) .armory-command > button.button.salvage { justify-self: start !important; }
    body.vey-renewal #view:not(#pv-x) .content:has(> .armory-command) .armory-command > button.button.metal { justify-self: end !important; }
  }
  /* ---------- Toast: altes „✦“ (vey-game-shell.css) lag über dem ersten Buchstaben ---------- */
  body.vey-renewal #toast.toast::before, body.vey-renewal #toast.toast::after { content: none !important; display: none !important; }
}

@layer pv {
  /* Tagesbelohnung fertig abgeholt: klarer Weiter-Knopf (20.10.2026) */
  html body.vey-renewal .daily-layer .daily-done { grid-column: 1 / -1 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-top: 4px !important; padding: 12px 16px !important; border-radius: 14px !important; border: 1px solid rgba(232, 196, 128, .3) !important; background: radial-gradient(80% 140% at 100% 50%, rgba(90, 240, 225, .1), transparent 70%), rgba(255, 255, 255, .03) !important; }
  html body.vey-renewal .daily-layer .daily-done > span { color: #e8dcc0 !important; font: 600 13px/1.4 var(--vm-font, Manrope, sans-serif) !important; }
  @media (max-width: 640px) { html body.vey-renewal .daily-layer .daily-done { flex-direction: column !important; text-align: center !important; } }
}
@layer pv {
  /* Startwaffe wählen = der eine klare nächste Schritt für neue Helden → Haupt-Platte */
  html body.vey-renewal:not(#vb3) #view .starter-weapon .button:is(.metal, .craft, .ghost):not(#vb) { --plate: url("./assets/ui/controls/plate-primary-v4.webp"); --sl: 87; --sr: 88; --glow: rgba(90, 240, 225, .55); color: #fff4d2 !important; -webkit-text-fill-color: #fff4d2 !important; }
}
@layer pv {
  /* Platten auch für Knöpfe ohne primary/ghost-Klasse (Zitadelle, Held, Schmiede, Weltboss, Aufstieg, Talente) – Knopf-Regel 20.10.2026 */
  html body.vey-renewal:not(#vb4) #view :is(.journey-hero__action, .button.craft, .button.world-boss-attack, .button.ascend-button, .vx-btn, .talent-arsenal-link, .talent-command__hero [data-shell-view="classes"]) {
    --cap: 33px; --bw: 15px; --out: 9px;
    --plate: url("./assets/ui/controls/plate-secondary-v4.webp"); --sl: 83; --sr: 84; --glow: rgba(243, 190, 100, .5);
    position: relative !important; overflow: hidden !important; isolation: isolate !important; white-space: nowrap !important; min-height: 40px !important; min-width: 92px !important; padding: 0 4px !important;
    border-style: solid !important; border-color: transparent !important; border-radius: 0 !important; border-width: 0 var(--bw) !important;
    border-image: var(--plate) 0 var(--sl) 0 var(--sr) fill / 0 var(--cap) / var(--out) 3px stretch !important;
    margin-top: var(--out); margin-bottom: var(--out);
    background: none !important; box-shadow: none !important; clip-path: none !important; outline: none !important;
    color: #f3d58e !important; -webkit-text-fill-color: #f3d58e !important;
    font-family: var(--vm-font, Manrope, sans-serif) !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important;
    text-shadow: 0 1px 2px #000, 0 0 8px rgba(0, 0, 0, .7) !important; filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .55)) !important; transition: filter .18s ease, transform .12s ease !important;
  }
  html body.vey-renewal:not(#vb4) #view :is(.journey-next__action, .button.craft, .button.world-boss-attack, .vx-btn.gold, .journey-hero__action.primary) { --plate: url("./assets/ui/controls/plate-primary-v4.webp"); --sl: 87; --sr: 88; --glow: rgba(90, 240, 225, .55); color: #fff4d2 !important; -webkit-text-fill-color: #fff4d2 !important; }
  html body.vey-renewal:not(#vb4) #view .button.ascend-button { --plate: url("./assets/ui/controls/plate-apex-v4.webp"); --sl: 106; --sr: 106; --cap: 38px; --bw: 17px; --glow: rgba(190, 120, 255, .6); color: #f6eaff !important; -webkit-text-fill-color: #f6eaff !important; }
  html body.vey-renewal:not(#vb4) #view :is(.journey-hero__action, .button.craft, .button.world-boss-attack, .button.ascend-button, .vx-btn, .talent-arsenal-link)::before,
  html body.vey-renewal:not(#vb4) #view :is(.journey-hero__action, .button.craft, .button.world-boss-attack, .button.ascend-button, .vx-btn, .talent-arsenal-link)::after { content: none !important; display: none !important; }
  html body.vey-renewal:not(#vb4) #view :is(.journey-hero__action, .button.craft, .button.world-boss-attack, .button.ascend-button, .vx-btn, .talent-arsenal-link):hover:not(:disabled) { filter: brightness(1.14) saturate(1.1) drop-shadow(0 0 7px var(--glow)) drop-shadow(0 3px 4px rgba(0, 0, 0, .55)) !important; transform: translateY(-1px) !important; background: none !important; }
  html body.vey-renewal:not(#vb4) #view :is(.journey-hero__action, .button.craft, .button.world-boss-attack, .button.ascend-button, .vx-btn, .talent-arsenal-link):disabled { filter: grayscale(.85) brightness(.62) !important; }
}
@layer vp2 {
  /* gleiche Platten für .vx-btn (Held-Ansicht liegt in @layer vp2, das bei !important vor pv gewinnt) */
  html body.vey-renewal:not(#vb4) #view .vx-btn {
    --cap: 33px; --bw: 15px; --out: 9px;
    --plate: url("./assets/ui/controls/plate-secondary-v4.webp"); --sl: 83; --sr: 84; --glow: rgba(243, 190, 100, .5);
    position: relative !important; overflow: hidden !important; isolation: isolate !important; white-space: nowrap !important; min-height: 40px !important; min-width: 92px !important; padding: 0 4px !important;
    border-style: solid !important; border-color: transparent !important; border-radius: 0 !important; border-width: 0 var(--bw) !important;
    border-image: var(--plate) 0 var(--sl) 0 var(--sr) fill / 0 var(--cap) / var(--out) 3px stretch !important;
    margin-top: var(--out); margin-bottom: var(--out);
    background: none !important; box-shadow: none !important; clip-path: none !important; outline: none !important;
    color: #f3d58e !important; -webkit-text-fill-color: #f3d58e !important;
    font-family: var(--vm-font, Manrope, sans-serif) !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important;
    text-shadow: 0 1px 2px #000, 0 0 8px rgba(0, 0, 0, .7) !important; filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .55)) !important; transition: filter .18s ease, transform .12s ease !important;
  }
  html body.vey-renewal:not(#vb4) #view .vx-btn.gold { --plate: url("./assets/ui/controls/plate-primary-v4.webp"); --sl: 87; --sr: 88; --glow: rgba(90, 240, 225, .55); color: #fff4d2 !important; -webkit-text-fill-color: #fff4d2 !important; }
  html body.vey-renewal:not(#vb4) #view .vx-btn::before,
  html body.vey-renewal:not(#vb4) #view .vx-btn::after { content: none !important; display: none !important; }
  html body.vey-renewal:not(#vb4) #view .vx-btn:hover:not(:disabled) { filter: brightness(1.14) saturate(1.1) drop-shadow(0 0 7px var(--glow)) drop-shadow(0 3px 4px rgba(0, 0, 0, .55)) !important; transform: translateY(-1px) !important; background: none !important; }
  html body.vey-renewal:not(#vb4) #view .vx-btn:disabled { filter: grayscale(.85) brightness(.62) !important; }
}