/* VEYDRIS – laufende Expedition als Bühne (19.10.2026, Wunsch: „Hintergrund = Region, alles mittig,
   Ladebalken + Text, was passiert, ist die Hauptszene“).
   Markup: adventureActiveMarkup() / expeditionJourneyMarkup(…, stage) / expeditionSceneMarkup() in app.js.
   Live-Werte setzt updateExpeditionLivePresentation() über data-Haken – Klassen hier nur für die Optik.
   Alles in @layer pv, drei IDs im Präfix, damit ältere Expeditions-Regeln (pages-v2, journey-live) nicht greifen. */
@layer pv {
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .expedition-screen.xs-stage {
    --xs-glass: rgba(12, 11, 18, .68);
    --xs-line: rgba(232, 196, 128, .2);
    --xs-gold: #f3d58e;
    position: relative !important; display: grid !important; box-sizing: border-box !important;
    grid-template-columns: 250px minmax(0, 1fr) 300px !important; grid-template-rows: max-content minmax(min-content, 1fr) minmax(150px, clamp(230px, 34vh, 380px)) !important;
    grid-template-areas: "tabs tabs tabs" "scene scene scene" "left log loot" !important;
    gap: 12px 14px !important; min-height: 0 !important; padding: 10px 14px 14px !important; overflow: hidden !important;
    border: 1px solid rgba(232, 196, 128, .22) !important; border-radius: 18px !important; box-shadow: 0 30px 70px -40px #000 !important;
    background:
      radial-gradient(ellipse 62% 48% at 50% 36%, rgba(8, 7, 12, .08), rgba(8, 7, 12, .5) 100%),
      linear-gradient(180deg, rgba(8, 7, 12, .5) 0%, rgba(8, 7, 12, .06) 18%, rgba(8, 7, 12, .1) 52%, rgba(8, 7, 12, .9) 100%),
      var(--region-art) center 42% / cover no-repeat, #0b0a10 !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .expedition-screen.xs-stage::before,
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .expedition-screen.xs-stage::after { content: none !important; display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .expedition-screen.xs-stage > .adventure-tabs { grid-area: tabs !important; }

  /* ================= Bühne (Mitte) ================= */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-scene {
    grid-area: scene !important; position: relative !important; display: grid !important; justify-items: center !important; align-content: center !important; gap: 8px !important;
    min-width: 0 !important; margin: 0 !important; padding: 2px 0 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; backdrop-filter: none !important;
    grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: none !important; grid-template-rows: none !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-scene > * { grid-area: auto !important; grid-column: 1 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-scene::before, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-scene::after { content: none !important; display: none !important; }

  /* Titel + Uhr */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-title { display: grid !important; justify-items: center !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; text-align: center !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-title > .eyebrow { display: block !important; color: rgba(243, 213, 142, .85) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .24em !important; text-shadow: 0 1px 6px #000 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-title > .eyebrow b { color: #8ff0c4 !important; font: inherit !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage.is-complete .xs-title > .eyebrow b { color: var(--xs-gold) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-title > h1 {
    margin: 0 !important; color: #fbecc6 !important; font: 600 34px/1.08 var(--pv-display) !important; letter-spacing: .02em !important; white-space: nowrap !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .9), 0 0 30px rgba(243, 213, 142, .25) !important; -webkit-text-fill-color: currentColor !important; background: none !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-clock {
    display: inline-flex !important; align-items: baseline !important; gap: 10px !important; margin: 4px 0 0 !important; padding: 4px 16px 5px !important; border-radius: 99px !important;
    border: 1px solid rgba(232, 196, 128, .28) !important; background: rgba(8, 7, 12, .55) !important; backdrop-filter: blur(6px) !important; box-shadow: none !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-clock b { color: #fff6e0 !important; font: 800 22px/1.1 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; letter-spacing: .01em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-clock small { color: var(--pv-muted) !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; font-variant-numeric: tabular-nums !important; }

  /* Reiseleiste: Zitadelle → Held → Rückkehr */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-journey {
    display: grid !important; gap: 0 !important; width: min(1060px, 100%) !important; margin: 0 !important; padding: 0 6px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; backdrop-filter: none !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-journey::before, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-journey::after { content: none !important; display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-journey > header { display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-journey > p { display: none !important; margin: 0 !important; color: rgba(231, 222, 204, .7) !important; font: 600 10.5px/1.3 var(--pv-font) !important; letter-spacing: .08em !important; text-align: center !important; text-shadow: 0 1px 6px #000 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-axis { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto !important; align-items: center !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage :is(.journey-road-origin, .journey-road-destination) {
    position: static !important; display: grid !important; justify-items: center !important; gap: 3px !important; transform: none !important;
    color: rgba(243, 213, 142, .9) !important; font: 800 9.5px/1 var(--pv-font) !important; letter-spacing: .18em !important; text-shadow: 0 1px 6px #000 !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage :is(.journey-road-origin, .journey-road-destination) > i {
    display: block !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; border: 1px solid rgba(232, 196, 128, .45) !important;
    background: url("./assets/ui/icons-v2/nav-citadel.webp") center / 30px no-repeat, radial-gradient(circle, rgba(40, 32, 20, .95), rgba(10, 9, 14, .95)) !important; box-shadow: 0 6px 16px -6px #000 !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-road-destination > i { background: url("./assets/ui/progression-icons-v3/treasure-trail.webp") center / 30px no-repeat, radial-gradient(circle, rgba(40, 32, 20, .95), rgba(10, 9, 14, .95)) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage.is-complete .journey-road-destination > i { border-color: rgba(143, 240, 196, .7) !important; box-shadow: 0 0 22px -4px rgba(143, 240, 196, .7) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track {
    position: relative !important; display: block !important; height: 12px !important; margin: 32px 0 46px !important; padding: 0 !important; overflow: visible !important;
    border: 1px solid rgba(232, 196, 128, .32) !important; border-radius: 99px !important; background: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(20, 16, 10, .7)) !important;
    box-shadow: 0 0 0 4px rgba(8, 7, 12, .35), 0 10px 30px -10px #000 !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track::before, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track::after { content: none !important; display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track > i[data-expedition-track] {
    position: absolute !important; top: 1px !important; bottom: 1px !important; left: 1px !important; display: block !important; max-width: calc(100% - 2px) !important; border-radius: 99px !important;
    background: linear-gradient(90deg, #7a5420, #e2b65e 70%, #fff0c4) !important; box-shadow: 0 0 14px rgba(243, 213, 142, .65) !important; transition: width 1s linear !important;
  }
  /* Ereignisse hängen unter der Leiste */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker {
    position: absolute !important; top: calc(100% + 12px) !important; bottom: auto !important; left: var(--journey-position) !important; z-index: 2 !important; transform: translateX(-50%) !important;
    display: grid !important; place-items: center !important; width: 32px !important; height: 32px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important;
    border: 1px solid rgba(232, 196, 128, .45) !important; border-radius: 50% !important; background: rgba(12, 10, 18, .9) !important; box-shadow: 0 4px 10px -4px #000 !important; color: var(--xs-gold) !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker::before {
    content: "" !important; position: absolute !important; left: 50% !important; bottom: 100% !important; width: 1px !important; height: 12px !important; transform: none !important; border: 0 !important;
    background: linear-gradient(180deg, rgba(243, 213, 142, .1), rgba(243, 213, 142, .7)) !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker::after { content: none !important; display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker .expedition-event-icon { display: block !important; width: 26px !important; height: 26px !important; margin: 0 !important; background: var(--event-icon) center / contain no-repeat !important; border: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker:is(:hover, :focus-visible) { border-color: var(--xs-gold) !important; transform: translateX(-50%) scale(1.12) !important; outline: 0 !important; z-index: 4 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker.special { border-color: rgba(214, 170, 255, .75) !important; box-shadow: 0 0 14px -2px rgba(176, 98, 255, .8) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker.just-arrived { animation: xs-arrive .7s cubic-bezier(.2, .9, .3, 1.3) both !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker.journey-pending {
    top: 50% !important; bottom: auto !important; transform: translate(30px, -50%) !important; z-index: 4 !important; width: 38px !important; height: 38px !important; border-color: #ff9c8a !important;
    background: radial-gradient(circle, #5a1d16, #200b09) !important; color: #ffd0c6 !important; font: 700 17px/1 var(--pv-font) !important; box-shadow: 0 0 20px -2px rgba(255, 110, 90, .85) !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker.journey-pending::before { content: none !important; display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker.journey-pending:is(:hover, :focus-visible) { transform: translate(30px, -50%) scale(1.1) !important; }
  /* Der Held reitet auf der Leiste */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track > u[data-expedition-runner] {
    position: absolute !important; top: 50% !important; left: var(--journey-position) !important; z-index: 3 !important; display: block !important; width: 60px !important; height: 60px !important; margin: 0 !important;
    transform: translate(-50%, -50%) !important; border: 2px solid #f3d58e !important; border-radius: 50% !important; text-decoration: none !important; transition: left 1s linear !important;
    background: var(--traveler-portrait) center 16% / 170% no-repeat, radial-gradient(circle, #3a2c18, #120e16) !important;
    box-shadow: 0 0 0 4px rgba(8, 7, 12, .75), 0 0 26px 2px rgba(243, 213, 142, .55), 0 10px 22px -6px #000 !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track > u[data-expedition-runner]::before {
    content: "" !important; position: absolute !important; right: 100% !important; top: 50% !important; width: 90px !important; height: 3px !important; margin-right: 4px !important; transform: translateY(-50%) !important; border-radius: 99px !important;
    background: linear-gradient(90deg, transparent, rgba(255, 240, 196, .75)) !important; filter: blur(.5px) !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track > u[data-expedition-runner] > i {
    position: absolute !important; right: -10px !important; bottom: -8px !important; display: none !important; width: 30px !important; height: 30px !important; border-radius: 50% !important;
    border: 1px solid rgba(232, 196, 128, .6) !important; background: var(--traveler-mount, none) center / 120% no-repeat, #15111d !important; box-shadow: 0 3px 8px -2px #000 !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage[style*="--traveler-mount"] .journey-track > u[data-expedition-runner] > i { display: block !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage:is(.event-pulse, .event-resolving) .journey-track > u[data-expedition-runner] { box-shadow: 0 0 0 4px rgba(8, 7, 12, .75), 0 0 34px 6px rgba(243, 213, 142, .8), 0 10px 22px -6px #000 !important; }

  /* Was gerade passiert */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-vignette {
    display: block !important; width: min(860px, 100%) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; backdrop-filter: none !important;
    grid-template-columns: none !important; animation: none !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-vignette::before, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-vignette::after { content: none !important; display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; justify-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; text-align: center !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > * { grid-column: 1 !important; grid-row: auto !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > .eyebrow {
    display: inline-flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; color: var(--xs-gold) !important; font: 800 10.5px/1.2 var(--pv-font) !important; letter-spacing: .24em !important; text-shadow: 0 1px 6px #000 !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > .eyebrow::before, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > .eyebrow::after {
    content: "" !important; display: block !important; width: 46px !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(243, 213, 142, .8)) !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > .eyebrow::after { background: linear-gradient(90deg, rgba(243, 213, 142, .8), transparent) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > p[data-journey-narrative] {
    max-width: 62ch !important; margin: 0 !important; padding: 0 !important; color: #fbf1da !important; font: 500 19px/1.45 var(--pv-font) !important; font-style: italic !important; letter-spacing: .005em !important;
    text-shadow: 0 2px 4px #000, 0 0 22px rgba(0, 0, 0, .95) !important; background: none !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > .button {
    min-height: 50px !important; margin-top: 6px !important; padding-left: 34px !important; padding-right: 34px !important; font-size: 13px !important; letter-spacing: .12em !important;
    border-color: transparent !important; outline: 0 !important; box-shadow: 0 14px 34px -14px rgba(243, 213, 142, .75) !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-vignette.paused .journey-story > .eyebrow { color: #ffab98 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-vignette.paused .journey-story > .eyebrow::before { background: linear-gradient(90deg, transparent, rgba(255, 156, 138, .85)) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-vignette.paused .journey-story > .eyebrow::after { background: linear-gradient(90deg, rgba(255, 156, 138, .85), transparent) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-vignette.finished .journey-story > .eyebrow { color: #8ff0c4 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-choice {
    display: grid !important; justify-items: center !important; gap: 8px !important; padding: 14px 18px !important; border: 1px solid rgba(192, 132, 255, .45) !important; border-radius: 16px !important;
    background: rgba(16, 10, 26, .75) !important; backdrop-filter: blur(8px) !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-choice h3 { margin: 0 !important; color: #e9d6ff !important; font: 600 20px/1.2 var(--pv-display) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-choice p { margin: 0 !important; color: var(--pv-muted) !important; font: 500 12px/1.4 var(--pv-font) !important; }

  /* Live-Zustand unter dem Text */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live {
    display: inline-flex !important; align-items: center !important; gap: 10px !important; margin: 2px 0 0 !important; padding: 6px 16px 6px 12px !important; border-radius: 99px !important;
    border: 1px solid rgba(143, 240, 196, .35) !important; background: rgba(8, 7, 12, .6) !important; backdrop-filter: blur(6px) !important; box-shadow: none !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live > i { display: block !important; width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #6cf0a9 !important; box-shadow: 0 0 10px #6cf0a9 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live > span { display: flex !important; align-items: baseline !important; gap: 10px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live small { color: #8ff0c4 !important; font: 800 9.5px/1.2 var(--pv-font) !important; letter-spacing: .18em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live b { color: #f3ecdc !important; font: 600 12.5px/1.2 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live.complete { border-color: rgba(243, 213, 142, .45) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live.complete > i { background: var(--xs-gold) !important; box-shadow: 0 0 10px var(--xs-gold) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live.complete small { color: var(--xs-gold) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage:has(.journey-vignette.paused) .xs-live { border-color: rgba(255, 156, 138, .45) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage:has(.journey-vignette.paused) .xs-live > i { background: #ff9c8a !important; box-shadow: 0 0 10px #ff9c8a !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage:has(.journey-vignette.paused) .xs-live small { color: #ffab98 !important; }

  /* Versteckte Instanz + Truhen-Wahl in der Mitte */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-scene > :is(.journey-instance-panel, .journey-chest-stage) {
    width: min(860px, 100%) !important; margin: 0 !important; border: 1px solid rgba(192, 132, 255, .38) !important; border-radius: 16px !important; background: rgba(14, 10, 22, .74) !important; backdrop-filter: blur(8px) !important;
  }

  /* ================= Glas-Felder unten ================= */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > :is(.xs-side, .xs-log) {
    position: relative !important; display: grid !important; align-content: start !important; gap: 10px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 14px !important; overflow: auto !important;
    border: 1px solid var(--xs-line) !important; border-radius: 16px !important; background: var(--xs-glass) !important; backdrop-filter: blur(10px) !important; box-shadow: 0 18px 40px -26px #000 !important;
    scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > :is(.xs-side, .xs-log)::before, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > :is(.xs-side, .xs-log)::after { content: none !important; display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-side--left { grid-area: left !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-log { grid-area: log !important; grid-template-rows: auto minmax(0, 1fr) !important; overflow: hidden !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-side--right { grid-area: loot !important; grid-template-rows: auto auto minmax(0, 1fr) auto !important; }

  /* Links: Reiseart, Zahlen, Sofort beenden, Warteschlange */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > span { display: grid !important; gap: 1px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > span small { color: var(--dg-eyebrow, #e3bd72) !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .18em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > span b { color: var(--pv-text) !important; font: 700 13px/1.3 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > div { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4px !important; padding: 3px !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 12px !important; background: rgba(0, 0, 0, .3) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > div > .button {
    all: unset !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; border-radius: 9px !important; cursor: pointer !important;
    color: var(--pv-muted) !important; font: 800 10.5px/1 var(--pv-font) !important; letter-spacing: .14em !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > div > .button:hover { color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > div > .button.selected { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; box-shadow: 0 6px 14px -8px rgba(243, 213, 142, .8) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > div > .button:focus-visible { outline: 2px solid rgba(243, 213, 142, .6) !important; outline-offset: 1px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > p { margin: 0 !important; color: var(--pv-muted) !important; font: 500 11px/1.4 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-facts { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; margin: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-facts > div { display: grid !important; gap: 2px !important; padding: 7px 10px !important; border: 1px solid rgba(255, 255, 255, .06) !important; border-radius: 10px !important; background: rgba(255, 255, 255, .035) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-facts dt { color: var(--pv-muted) !important; font: 700 9px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-facts dd { margin: 0 !important; color: var(--pv-text) !important; font: 800 15px/1.15 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--left > .expedition-skip { width: 100% !important; min-width: 0 !important; white-space: nowrap !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue { display: grid !important; gap: 8px !important; margin: 0 !important; padding: 10px 0 0 !important; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, .07) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > header { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > header > span { display: grid !important; gap: 1px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > header small { color: var(--dg-eyebrow, #e3bd72) !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .18em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > header b { color: var(--pv-text) !important; font: 700 12.5px/1.3 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > header > .button { width: 100% !important; min-width: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > p { margin: 0 !important; color: var(--pv-muted) !important; font: 500 10.5px/1.4 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > ol { display: grid !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > ol > li { display: grid !important; grid-template-columns: 20px minmax(0, 1fr) auto 24px !important; align-items: center !important; gap: 6px !important; padding: 4px 6px !important; border-radius: 8px !important; background: rgba(255, 255, 255, .04) !important; font: 600 11px/1.3 var(--pv-font) !important; }

  /* Mitte: Chronik – neuestes Ereignis groß oben */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-log > header { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-log > header > span { display: grid !important; gap: 1px !important; min-width: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-log > header small { color: var(--dg-eyebrow, #e3bd72) !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .2em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-log > header h2 { margin: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #f6e2ae !important; font: 600 18px/1.2 var(--pv-display) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-log > header > em { flex: 0 0 auto !important; padding: 2px 10px !important; border: 1px solid rgba(232, 196, 128, .25) !important; border-radius: 99px !important; color: var(--pv-muted) !important; font: 700 9.5px/1.4 var(--pv-font) !important; font-style: normal !important; letter-spacing: .12em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-log > ol { display: grid !important; align-content: start !important; grid-auto-rows: max-content !important; gap: 6px !important; min-height: 0 !important; max-height: none !important; margin: 0 -4px 0 0 !important; padding: 0 4px 0 0 !important; overflow-y: auto !important; list-style: none !important; scrollbar-width: thin !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event {
    display: grid !important; grid-template-columns: 46px 34px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 7px 10px !important; outline: 0 !important;
    border: 1px solid rgba(255, 255, 255, .06) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .03) !important; box-shadow: none !important; opacity: .82 !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event::before, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event::after { content: none !important; display: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event > time { color: var(--pv-muted) !important; font: 700 10.5px/1.2 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event > .expedition-event-icon { display: block !important; width: 34px !important; height: 34px !important; margin: 0 !important; background: var(--event-icon) center / contain no-repeat !important; border: 0 !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .7)) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event > span { display: grid !important; gap: 1px !important; min-width: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event > span > b { color: #f3e8cf !important; font: 700 13px/1.3 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event > span > small { color: var(--pv-muted) !important; font: 500 11.5px/1.4 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event:first-child { grid-template-columns: 46px 46px minmax(0, 1fr) !important; padding: 10px 12px !important; opacity: 1 !important; border-color: rgba(243, 213, 142, .5) !important; background: linear-gradient(90deg, rgba(243, 213, 142, .12), rgba(243, 213, 142, .02)) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event:first-child > .expedition-event-icon { width: 46px !important; height: 46px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event:first-child > span > b { color: #fff3d6 !important; font-size: 14.5px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event:first-child > span > small { color: #ddd2bc !important; font-size: 12.5px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event.boss-discovery { border-color: rgba(255, 140, 110, .55) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event.just-arrived { animation: xs-arrive .7s cubic-bezier(.2, .9, .3, 1.3) both !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event:focus-visible { border-color: var(--xs-gold) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-event-finds summary { color: var(--xs-gold) !important; font: 700 10.5px/1.4 var(--pv-font) !important; cursor: pointer !important; }

  /* Rechts: Beutel */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right > header { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right > header > span { display: grid !important; gap: 1px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right > header small { color: #ffb4a6 !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .18em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage.is-complete .xs-side--right > header small { color: #8ff0c4 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right > header h2 { margin: 0 !important; color: #f6e2ae !important; font: 600 18px/1.2 var(--pv-display) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right > header > b { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; white-space: nowrap !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right .expedition-loot-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-content: start !important; gap: 6px !important; min-height: 0 !important; overflow-y: auto !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right .expedition-loot-grid > * { min-width: 0 !important; border-radius: 12px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right .expedition-loot-grid .empty-state { grid-column: 1 / -1 !important; padding: 12px !important; border: 1px solid rgba(255, 255, 255, .06) !important; border-style: solid !important; background: none !important; color: var(--pv-muted) !important; font: 500 12px/1.4 var(--pv-font) !important; text-align: center !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right > footer { display: grid !important; gap: 8px !important; margin: 0 !important; padding: 8px 0 0 !important; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, .07) !important; background: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right > footer > span { color: var(--pv-muted) !important; font: 500 11px/1.4 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right > footer > .button { width: 100% !important; min-width: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right .loot-sell-tools { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right .loot-sell-tools > span { grid-column: 1 / -1 !important; color: var(--pv-muted) !important; font: 500 11px/1.4 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-side--right .loot-sell-tools > .button { min-width: 0 !important; font-size: 9.5px !important; white-space: normal !important; }

  @keyframes xs-arrive { from { transform: translateX(-50%) scale(.4); opacity: 0; } to { opacity: 1; } }
  @media (prefers-reduced-motion: reduce) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage :is(.journey-marker, .expedition-event).just-arrived { animation: none !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage :is(.journey-track > u[data-expedition-runner], .journey-track > i[data-expedition-track]) { transition: none !important; }
  }

  /* ================= Weniger Höhe (1280×720, 1366×768) ================= */
  @media (min-width: 1025px) and (max-height: 820px) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .expedition-screen.xs-stage { gap: 10px 12px !important; padding: 8px 12px 12px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-scene { gap: 6px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-title > h1 { font-size: 28px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-clock { margin-top: 2px !important; padding: 2px 14px 3px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-clock b { font-size: 18px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track { margin: 28px 0 42px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track > u[data-expedition-runner] { width: 52px !important; height: 52px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > p[data-journey-narrative] { font-size: 17px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > .button { min-height: 44px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-mode > p { display: none !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-queue > p { display: none !important; }
  }

  /* ================= Tablet ================= */
  @media (min-width: 761px) and (max-width: 1024px) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .expedition-screen.xs-stage {
      height: auto !important; overflow: visible !important; grid-template-columns: minmax(0, 1fr) 280px !important; grid-template-rows: none !important;
      grid-template-areas: "tabs tabs" "scene scene" "log loot" "left loot" !important;
    }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > :is(.xs-side, .xs-log) { overflow: visible !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-log > ol { max-height: 420px !important; }
  }

  /* ================= Handy ================= */
  @media (max-width: 760px) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .expedition-screen.xs-stage {
      height: auto !important; min-height: 0 !important; overflow: visible !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: none !important;
      grid-template-areas: "tabs" "scene" "log" "loot" "left" !important; gap: 12px !important; padding: 8px 10px 14px !important; border-radius: 16px !important;
      background:
        linear-gradient(180deg, rgba(8, 7, 12, .45) 0%, rgba(8, 7, 12, .1) 22%, rgba(8, 7, 12, .55) 48%, rgba(8, 7, 12, .92) 70%),
        var(--region-art) center top / auto 560px no-repeat, #0b0a10 !important;
    }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-title > h1 { font-size: 26px !important; white-space: normal !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-clock b { font-size: 18px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-journey { padding: 0 !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-axis { gap: 8px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage :is(.journey-road-origin, .journey-road-destination) { font-size: 8px !important; letter-spacing: .12em !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage :is(.journey-road-origin, .journey-road-destination) > i { width: 32px !important; height: 32px !important; background-size: 18px, auto !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-road-destination > i { background-size: 24px, auto !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track { margin: 26px 0 40px !important; height: 10px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track > u[data-expedition-runner] { width: 46px !important; height: 46px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track > u[data-expedition-runner]::before { width: 50px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker { width: 26px !important; height: 26px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-marker .expedition-event-icon { width: 20px !important; height: 20px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > p[data-journey-narrative] { font-size: 16px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > .button { width: 100% !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-live > span { flex-direction: column !important; align-items: flex-start !important; gap: 1px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > :is(.xs-side, .xs-log) { overflow: visible !important; padding: 12px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage > .xs-log > ol { max-height: 360px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event { grid-template-columns: 40px 30px minmax(0, 1fr) !important; gap: 8px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event:first-child { grid-template-columns: 40px 40px minmax(0, 1fr) !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event:first-child > .expedition-event-icon { width: 40px !important; height: 40px !important; }
  }
  /* Alte Regeln (pages-v2: time über volle Breite am Handy, Feed-Kopf als Spalte) neutralisieren */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .expedition-event > * { grid-column: auto !important; grid-row: auto !important; grid-area: auto !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-log > header { flex-direction: row !important; text-align: left !important; }
  @media (max-width: 760px) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage :is(.journey-road-origin, .journey-road-destination) { font-size: 0 !important; letter-spacing: 0 !important; gap: 0 !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-log > header h2 { font-size: 16px !important; }
  }
  /* Truhen-Wahl auf der Bühne */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage { display: grid !important; justify-items: center !important; gap: 10px !important; padding: 16px 18px !important; text-align: center !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage > header { display: grid !important; justify-items: center !important; gap: 2px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage > header .eyebrow { display: block !important; color: #e2c68a !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage > header h2 { display: block !important; margin: 2px 0 !important; color: #f6e2ae !important; font: 600 22px/1.2 var(--pv-display) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage > header p, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage > .journey-chest-hint { display: block !important; margin: 0 !important; color: var(--pv-muted) !important; font: 500 12px/1.45 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-choices { display: grid !important; grid-template-columns: repeat(3, 120px) !important; justify-content: center !important; gap: 18px !important; margin: 4px 0 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-choice {
    all: unset !important; box-sizing: border-box !important; position: relative !important; display: grid !important; justify-items: center !important; gap: 2px !important; padding: 6px !important; cursor: pointer !important;
    border: 1px solid rgba(232, 196, 128, .3) !important; border-radius: 16px !important; background: radial-gradient(70% 60% at 50% 60%, rgba(243, 213, 142, .12), transparent 70%), rgba(10, 9, 14, .6) !important;
    transition: transform .18s, border-color .18s !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-choice:hover:not(:disabled) { border-color: #f3d58e !important; transform: translateY(-4px) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-choice:focus-visible { outline: 2px solid #ffe1a4 !important; outline-offset: 3px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-choice:disabled { cursor: default !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-choice > b { display: block !important; color: #f3e8cf !important; font: 800 10.5px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; padding: 2px 0 4px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-art { position: relative !important; display: block !important; width: 104px !important; height: 104px !important; isolation: isolate !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-art > i { position: absolute !important; inset: 0 !important; display: block !important; pointer-events: none !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-art > .chest-closed { background: url("./assets/treasures/journey-chest-atlas-v1.webp") left center / 200% 100% no-repeat !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-art > .chest-open { opacity: 0 !important; background: url("./assets/treasures/journey-chest-atlas-v1.webp") right center / 200% 100% no-repeat !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-art > .chest-light { z-index: -1 !important; opacity: 0 !important; background: radial-gradient(ellipse, #ffe7a8aa, #e2ac3e22 50%, transparent 72%) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage.revealed .journey-chest-choice.chosen .chest-open, body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage.revealed .journey-chest-choice.chosen .chest-light { opacity: 1 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage.revealed .journey-chest-choice.chosen .chest-closed { opacity: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage.revealed .journey-chest-choice:not(.chosen) { opacity: .3 !important; filter: grayscale(.8) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage.revealed .journey-chest-choice.chosen { border-color: #eac981 !important; box-shadow: 0 0 30px -8px rgba(243, 213, 142, .8) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-rewards { display: grid !important; justify-items: center !important; gap: 6px !important; width: min(560px, 100%) !important; margin: 0 !important; padding: 12px 14px !important; border: 1px solid rgba(232, 196, 128, .3) !important; border-radius: 14px !important; background: rgba(10, 9, 14, .6) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-rewards ul { display: grid !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; color: #f0e2c6 !important; font: 600 12.5px/1.45 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-rewards > p { margin: 0 !important; color: var(--pv-muted) !important; font: 500 11px/1.4 var(--pv-font) !important; }
  @media (max-width: 760px) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-choices { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-art { width: 100% !important; height: auto !important; aspect-ratio: 1 !important; }
  }
  @media (min-width: 1025px) and (max-height: 820px) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage { gap: 6px !important; padding: 10px 16px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-stage > header h2 { font-size: 19px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-art { width: 78px !important; height: 78px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-chest-choices { grid-template-columns: repeat(3, 100px) !important; }
  }
  /* Versteckte Instanz: kompakt, eigener violetter Balken */
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel {
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "head head" "track track" "copy copy" "loot leave" !important; align-items: center !important; gap: 8px 14px !important; padding: 12px 16px !important; text-align: left !important;
  }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > header { grid-area: head !important; display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 10px !important; margin: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > header > div { display: grid !important; gap: 1px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > header small { color: #d9b8ff !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .18em !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > header h2 { margin: 0 !important; color: #efe0ff !important; font: 600 19px/1.15 var(--pv-display) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > header > b { color: #e4cdff !important; font: 800 18px/1 var(--pv-font) !important; font-variant-numeric: tabular-nums !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > .instance-track { grid-area: track !important; position: relative !important; display: block !important; height: 8px !important; overflow: hidden !important; border-radius: 99px !important; border: 1px solid rgba(192, 132, 255, .35) !important; background: rgba(0, 0, 0, .5) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > .instance-track > i { display: block !important; height: 100% !important; border-radius: 99px !important; background: linear-gradient(90deg, #5d2fa0, #c084ff) !important; box-shadow: 0 0 10px rgba(192, 132, 255, .7) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > p { grid-area: copy !important; margin: 0 !important; color: var(--pv-muted) !important; font: 500 11.5px/1.4 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > .expedition-loot-grid { grid-area: loot !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; min-width: 0 !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > .expedition-loot-grid > * { width: 74px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; padding: 6px !important; border-radius: 12px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > .expedition-loot-grid img { width: 38px !important; height: 38px !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > .expedition-loot-grid .empty-state { width: auto !important; padding: 6px 10px !important; color: var(--pv-muted) !important; font: 500 11.5px/1.3 var(--pv-font) !important; }
  body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > .button { grid-area: leave !important; justify-self: end !important; min-width: 0 !important; white-space: nowrap !important; }
  @media (max-width: 760px) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "head" "track" "copy" "loot" "leave" !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-instance-panel > .button { justify-self: stretch !important; }
  }
  @media (min-width: 1025px) and (min-height: 900px) {
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .xs-title > h1 { font-size: 40px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-track > u[data-expedition-runner] { width: 70px !important; height: 70px !important; }
    body.vey-renewal #view:not(#pv-x):not(#pv-y) .xs-stage .journey-story > p[data-journey-narrative] { font-size: 21px !important; }
  }
}