/* VEYDRIS · Seiten v2 (2026-10-18): Abenteuer, Reittiere, Begleiter, Schmiede, Rifts, Kampf Gleiche Optik wie Profil/Held (profile-v2.css). Eigene Kaskaden-Ebene, damit die vielen ungeschichteten !important-Regeln der alten Stylesheets hier nicht mehr greifen. */ @layer pv { body.vey-renewal #view { --pv-gold: var(--vm-gold-hi, #f3d58e); --pv-gold-dim: rgba(232, 196, 128, .55); --pv-line: rgba(232, 196, 128, .16); --pv-text: var(--vm-text, #efe7d6); --pv-muted: var(--vm-muted, #a59c8b); --pv-panel: linear-gradient(180deg, rgba(28, 26, 38, .92), rgba(14, 13, 20, .96)); --pv-tile: rgba(255, 255, 255, .035); --pv-font: var(--vm-font, Manrope, system-ui, sans-serif); --pv-display: var(--vm-display, Cinzel, Georgia, serif); } /* ---------------- gemeinsame Bausteine ---------------- */ body.vey-renewal #view .pv-btn, body.vey-renewal #view .expedition-screen.select :is(.button, .journey-mode button), body.vey-renewal #view .pv-page .button { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; height: 40px !important; padding: 0 18px !important; border-radius: 11px !important; cursor: pointer !important; white-space: nowrap !important; font: 700 12px/1 var(--pv-font) !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s, transform .15s, filter .15s !important; } body.vey-renewal #view :is(.pv-btn, .expedition-screen.select .button, .expedition-screen.select .journey-mode button, .pv-page .button):hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view :is(.pv-btn.gold, .expedition-screen.select .button.primary, .pv-page .button.primary) { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; box-shadow: 0 8px 20px -10px rgba(243, 213, 142, .6) !important; } body.vey-renewal #view :is(.pv-btn.gold, .expedition-screen.select .button.primary, .pv-page .button.primary):hover { transform: translateY(-1px) !important; filter: brightness(1.06) !important; } body.vey-renewal #view :is(.pv-btn, .expedition-screen.select .button, .pv-page .button):disabled { opacity: .45 !important; cursor: not-allowed !important; transform: none !important; } body.vey-renewal #view .expedition-screen.select .journey-mode button.selected { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } /* Unterreiter (Explore/Campaign/…) als ruhige Segmentleiste */ body.vey-renewal #view .adventure-tabs { all: unset !important; box-sizing: border-box !important; display: flex !important; gap: 4px !important; padding: 4px !important; border-radius: 14px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; overflow-x: auto !important; scrollbar-width: none !important; height: auto !important; min-height: 0 !important; align-self: start !important; } body.vey-renewal #view .adventure-tabs > button { all: unset !important; box-sizing: border-box !important; flex: 1 0 auto !important; text-align: center !important; padding: 10px 16px !important; border-radius: 10px !important; cursor: pointer !important; font: 700 12px/1 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; transition: background .15s, color .15s !important; height: auto !important; min-height: 0 !important; } body.vey-renewal #view .adventure-tabs > button:hover { color: var(--pv-text) !important; background: rgba(255, 255, 255, .04) !important; } body.vey-renewal #view .adventure-tabs > button.active { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; } body.vey-renewal #view .adventure-tabs > button::before, body.vey-renewal #view .adventure-tabs > button::after { content: none !important; display: none !important; } /* ================= ABENTEUER · Erkunden ================= */ body.vey-renewal #view .expedition-screen.select { display: grid !important; grid-template: none !important; grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: max-content !important; height: auto !important; min-height: 0 !important; gap: 14px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 0 !important; background: none !important; border: 0 !important; } body.vey-renewal #view .expedition-screen.select::before, body.vey-renewal #view .expedition-screen.select::after { display: none !important; } body.vey-renewal #view .expedition-screen.select .adventure-explore { display: grid !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; } body.vey-renewal #view .expedition-screen.select :where(.adventure-focus-nav, .adventure-region-focus, .adventure-expedition-dock, .journey-preparation), body.vey-renewal #view .expedition-screen.select :where(.adventure-focus-nav, .adventure-region-focus, .adventure-expedition-dock, .journey-preparation) :where(*:not(.button):not(button)), body.vey-renewal #view .expedition-screen.select :where(.adventure-focus-nav, .adventure-region-focus, .adventure-expedition-dock, .journey-preparation) *::before, body.vey-renewal #view .expedition-screen.select :where(.adventure-focus-nav, .adventure-region-focus, .adventure-expedition-dock, .journey-preparation) *::after, body.vey-renewal #view .expedition-screen.select :where(.adventure-focus-nav, .adventure-region-focus, .adventure-expedition-dock, .journey-preparation)::before, body.vey-renewal #view .expedition-screen.select :where(.adventure-focus-nav, .adventure-region-focus, .adventure-expedition-dock, .journey-preparation)::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .expedition-screen.select :where(.adventure-focus-nav, .adventure-region-focus, .adventure-expedition-dock, .journey-preparation) :where(div, section, header, aside, article, p, h1, h2, h3, nav, dl, ol, ul, li, details, summary) { display: block !important; } /* Regions-Navigation: Pfeile links/rechts, Name in der Mitte */ body.vey-renewal #view .expedition-screen.select .adventure-focus-nav { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto auto !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; border-radius: 16px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-rune { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 40px !important; padding: 0 14px 0 6px !important; border-radius: 12px !important; cursor: pointer !important; font: 700 11px/1 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; border: 1px solid transparent !important; } body.vey-renewal #view .expedition-screen.select .adventure-rune.next { padding: 0 6px 0 14px !important; } body.vey-renewal #view .expedition-screen.select .adventure-rune:hover { color: var(--pv-text) !important; border-color: var(--pv-line) !important; background: rgba(255, 255, 255, .03) !important; } body.vey-renewal #view .expedition-screen.select .adventure-rune > i { all: unset !important; display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: rgba(232, 196, 128, .1) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .adventure-rune > i::before { content: "‹" !important; display: block !important; font: 700 20px/1 var(--pv-font) !important; color: var(--pv-gold) !important; margin-top: -2px !important; } body.vey-renewal #view .expedition-screen.select .adventure-rune.next > i::before { content: "›" !important; } body.vey-renewal #view .expedition-screen.select .adventure-focus-title { text-align: center !important; } body.vey-renewal #view .expedition-screen.select .adventure-focus-title small { display: block !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .adventure-focus-title b { display: block !important; font: 600 20px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } /* Region: großes Bild links, Info-Karte rechts */ body.vey-renewal #view .expedition-screen.select .adventure-region-focus { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px !important; gap: 14px !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-artwork { display: block !important; min-height: 300px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(180deg, transparent 55%, rgba(8, 8, 12, .55)), var(--region-art) center / cover no-repeat !important; box-shadow: 0 24px 50px -30px #000 !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-info { display: grid !important; align-content: start !important; gap: 12px !important; padding: 16px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-info > header { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-info > header small { display: block !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .16em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-info > header h1 { display: block !important; font: 600 26px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; margin-top: 4px !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-info > header > b { padding: 4px 9px !important; border-radius: 99px !important; font: 800 10px/1 var(--pv-font) !important; letter-spacing: .12em !important; color: #6cf0a9 !important; background: rgba(108, 240, 169, .1) !important; border: 1px solid rgba(108, 240, 169, .35) !important; } body.vey-renewal #view .expedition-screen.select .region-core-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select :is(.region-core-stats, .adventure-boss-status) > span { display: grid !important; gap: 3px !important; padding: 8px 10px !important; border-radius: 11px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select :is(.region-core-stats, .adventure-boss-status) small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select :is(.region-core-stats, .adventure-boss-status) b { font: 800 15px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-status em { font: 500 11.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-mystery-copy { display: flex !important; gap: 8px !important; font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-mystery-copy i { color: var(--pv-gold) !important; } /* Expeditions-Kommando */ body.vey-renewal #view .expedition-screen.select :is(.adventure-expedition-dock, .journey-preparation) { display: grid !important; gap: 14px !important; padding: 18px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 24px 60px -34px #000 !important; } body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock > header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen.select .expedition-command-title > i { display: none !important; } body.vey-renewal #view .expedition-screen.select :is(.adventure-expedition-dock > header, .journey-preparation header, .combat-doctrine-command > header) small { display: block !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select :is(.adventure-expedition-dock, .journey-preparation) h2 { display: block !important; font: 600 22px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; margin-top: 2px !important; } body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock > header p { font: 500 12.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; margin-top: 2px !important; } body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock > header > b { display: grid !important; justify-items: end !important; font: 800 18px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .journey-mode { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 4px 14px !important; padding: 12px 14px !important; border-radius: 14px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .journey-mode > span small { display: block !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .journey-mode > span b { font: 700 14px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .journey-mode > div { display: flex !important; gap: 6px !important; grid-row: 1 / span 2 !important; grid-column: 2 !important; } body.vey-renewal #view .expedition-screen.select .journey-mode > p { font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } /* Missionskarte mit großem Bild und Pfeilen links/rechts */ body.vey-renewal #view .expedition-screen.select .mission-board { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) 72px !important; grid-template-areas: "prev card next" "pips pips pips" !important; align-items: center !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__card { grid-area: card !important; position: relative !important; display: grid !important; align-items: end !important; min-height: 340px !important; border-radius: 18px !important; overflow: hidden !important; background: linear-gradient(90deg, rgba(8, 8, 12, .94) 0%, rgba(8, 8, 12, .78) 38%, rgba(8, 8, 12, .1) 68%), var(--mission-art) right center / cover no-repeat, #15131c !important; border: 1px solid var(--pv-gold-dim) !important; box-shadow: 0 26px 60px -30px #000, inset 0 0 0 1px rgba(255, 255, 255, .03) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy { display: grid !important; gap: 10px !important; max-width: 430px !important; padding: 24px 26px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy h2 { font: 600 30px/1.1 var(--pv-display) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy > p { font: 500 13.5px/1.45 var(--pv-font) !important; color: #cfc6b3 !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats > div { display: grid !important; gap: 3px !important; padding: 8px 12px !important; border-radius: 11px !important; background: rgba(255, 255, 255, .06) !important; border: 1px solid var(--pv-line) !important; backdrop-filter: blur(6px) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats dt { display: block !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats dd { display: block !important; font: 800 16px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats dd small { font: 700 11px/1 var(--pv-font) !important; color: #6cf0a9 !important; margin-left: 4px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__finds { display: flex !important; gap: 6px !important; font: 600 12.5px/1.4 var(--pv-font) !important; color: #8fe0b0 !important; } body.vey-renewal #view .expedition-screen.select .mission-board__finds::before { content: "◆" !important; color: #6cf0a9 !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy .button.primary { height: 46px !important; justify-self: start !important; padding: 0 26px !important; font-size: 13px !important; } body.vey-renewal #view .expedition-screen.select .mission-rune { all: unset !important; box-sizing: border-box !important; display: grid !important; justify-items: center !important; gap: 6px !important; cursor: pointer !important; font: 700 10.5px/1.2 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-muted) !important; text-align: center !important; } body.vey-renewal #view .expedition-screen.select .mission-rune.previous { grid-area: prev !important; } body.vey-renewal #view .expedition-screen.select .mission-rune.next { grid-area: next !important; } body.vey-renewal #view .expedition-screen.select .mission-rune > i { all: unset !important; display: grid !important; place-items: center !important; width: 52px !important; height: 52px !important; border-radius: 50% !important; background: radial-gradient(circle at 50% 35%, rgba(243, 213, 142, .22), rgba(20, 18, 26, .95) 70%) !important; border: 1.5px solid var(--pv-gold-dim) !important; box-shadow: 0 10px 22px -12px #000 !important; transition: transform .15s, border-color .15s !important; } body.vey-renewal #view .expedition-screen.select .mission-rune > i::before { content: "‹" !important; font: 700 30px/1 var(--pv-font) !important; color: var(--pv-gold) !important; margin-top: -3px !important; } body.vey-renewal #view .expedition-screen.select .mission-rune.next > i::before { content: "›" !important; } body.vey-renewal #view .expedition-screen.select .mission-rune:hover > i { transform: scale(1.06) !important; border-color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .mission-rune:hover { color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__pips { grid-area: pips !important; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__pips > button { all: unset !important; box-sizing: border-box !important; display: grid !important; justify-items: center !important; gap: 2px !important; min-width: 92px !important; padding: 8px 12px !important; border-radius: 12px !important; cursor: pointer !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; font: 800 13px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; transition: border-color .15s, background .15s !important; } body.vey-renewal #view .expedition-screen.select .mission-board__pips > button small { font: 600 10px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__pips > button:hover { border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__pips > button:is(.active, [aria-pressed="true"], [aria-current]) { border-color: var(--pv-gold) !important; background: rgba(232, 196, 128, .12) !important; box-shadow: inset 0 0 0 1px var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .journey-preflight { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; padding-top: 12px !important; border-top: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .journey-preflight small { display: block !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .journey-preflight b { font: 700 14px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } /* Vorbereitung: Build + Doktrin */ body.vey-renewal #view .expedition-screen.select .journey-preparation > header, body.vey-renewal #view .expedition-screen.select .journey-preparation > div:first-child { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen.select .journey-build-readout { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen.select .journey-build-readout > div { display: grid !important; align-content: start !important; gap: 6px !important; padding: 12px 14px !important; border-radius: 14px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .journey-build-readout small { font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .journey-build-readout :is(b, li) { font: 700 14px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .journey-build-readout :is(p, span) { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .journey-build-readout .button { justify-self: start !important; height: 34px !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine-command { display: grid !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine-command > header { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: 6px 20px !important; align-items: end !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine-command > header p { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 34px minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; padding: 12px 14px !important; border-radius: 14px !important; cursor: pointer !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine:hover { border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine.active { border-color: var(--pv-gold) !important; background: rgba(232, 196, 128, .09) !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine > i { display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border-radius: 10px !important; background: rgba(232, 196, 128, .1) !important; color: var(--pv-gold) !important; font-style: normal !important; font-size: 16px !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine > span { display: grid !important; gap: 2px !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine small { font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine b { font: 700 14px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine em { font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine strong { font: 800 9.5px/1 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .journey-idle-rules summary { cursor: pointer !important; font: 600 12.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .journey-idle-rules[open] > :not(summary) { display: block !important; margin-top: 8px !important; font: 500 12.5px/1.5 var(--pv-font) !important; color: var(--pv-muted) !important; } @media (max-width: 760px) { body.vey-renewal #view .expedition-screen.select .adventure-focus-nav { grid-template-columns: auto minmax(0, 1fr) auto !important; } body.vey-renewal #view .expedition-screen.select .adventure-focus-nav .adventure-all-regions { grid-column: 1 / -1 !important; justify-self: stretch !important; } body.vey-renewal #view .expedition-screen.select .adventure-rune > span { display: none !important; } body.vey-renewal #view .expedition-screen.select .adventure-rune { padding: 0 !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-focus { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-artwork { min-height: 180px !important; } body.vey-renewal #view .expedition-screen.select .mission-board { grid-template-columns: 44px minmax(0, 1fr) 44px !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .mission-rune > i { width: 40px !important; height: 40px !important; } body.vey-renewal #view .expedition-screen.select .mission-rune > span { font-size: 9px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__card { min-height: 0 !important; background: linear-gradient(180deg, rgba(8, 8, 12, .2) 0%, rgba(8, 8, 12, .9) 42%), var(--mission-art) center top / cover no-repeat, #15131c !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy { padding: 120px 14px 14px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy h2 { font-size: 22px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__pips > button { min-width: 0 !important; flex: 1 1 64px !important; padding: 6px 4px !important; font-size: 12px !important; } body.vey-renewal #view .expedition-screen.select .journey-mode { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .journey-mode > div { grid-row: auto !important; grid-column: auto !important; } body.vey-renewal #view .expedition-screen.select :is(.journey-build-readout, .combat-doctrine-grid) { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine-command > header { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select :is(.adventure-expedition-dock, .journey-preparation) { padding: 12px !important; } body.vey-renewal #view .expedition-screen.select .journey-preflight { flex-direction: column !important; align-items: stretch !important; } } body.vey-renewal #view .expedition-screen.select, body.vey-renewal #view .expedition-screen.select .adventure-explore, body.vey-renewal #view .expedition-screen.select .adventure-explore > * { min-width: 0 !important; max-width: 100% !important; width: auto !important; } body.vey-renewal #view .expedition-screen.select .adventure-explore { grid-template-columns: minmax(0, 1fr) !important; } @media (max-width: 760px) { body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock > header { flex-direction: column !important; align-items: flex-start !important; } body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock > header > b { justify-items: start !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats dd { font-size: 14px !important; } } @media (max-width: 760px) { body.vey-renewal #view .expedition-screen.select .mission-board { grid-template-columns: 44px minmax(0, 1fr) 44px !important; grid-template-areas: "card card card" "prev pips next" !important; } body.vey-renewal #view .expedition-screen.select .mission-rune > span { display: none !important; } body.vey-renewal #view .expedition-screen.select .mission-board__pips > button { flex: 1 1 52px !important; } body.vey-renewal #view .expedition-screen.select .journey-preparation > :is(header, div:first-child) { flex-direction: column !important; align-items: flex-start !important; } body.vey-renewal #view .expedition-screen.select .journey-preparation .button { white-space: normal !important; height: auto !important; min-height: 38px !important; padding: 8px 14px !important; text-align: center !important; } } /* ================= ORTE (gemeinsamer Seitenkopf) ================= */ body.vey-renewal #view .immersive-location { display: grid !important; grid-template: none !important; grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: max-content !important; gap: 14px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 0 !important; height: auto !important; min-height: 0 !important; background: none !important; border: 0 !important; } body.vey-renewal #view .immersive-location::before, body.vey-renewal #view .immersive-location::after { display: none !important; } body.vey-renewal #view .immersive-location > .location-hero { all: unset !important; box-sizing: border-box !important; position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: end !important; gap: 16px !important; min-height: 168px !important; padding: 22px 24px !important; border-radius: 20px !important; overflow: hidden !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(10, 9, 14, .94) 0%, rgba(10, 9, 14, .7) 45%, rgba(10, 9, 14, .25) 100%), var(--location-art) center 40% / cover no-repeat, #15131c !important; box-shadow: 0 24px 60px -34px #000 !important; } body.vey-renewal #view .immersive-location > .location-hero > :is(.location-hero__shade, .location-particles) { display: none !important; } body.vey-renewal #view .immersive-location .location-hero__heading { all: unset !important; display: grid !important; gap: 4px !important; max-width: 640px !important; } body.vey-renewal #view .immersive-location .location-hero__heading .eyebrow { all: unset !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .immersive-location .location-hero__heading h1 { all: unset !important; display: block !important; font: 600 36px/1.1 var(--pv-display) !important; color: var(--pv-gold) !important; text-shadow: 0 2px 12px rgba(0, 0, 0, .7) !important; } body.vey-renewal #view .immersive-location .location-hero__heading p { all: unset !important; display: block !important; font: 500 13.5px/1.5 var(--pv-font) !important; color: #d6cdb9 !important; } body.vey-renewal #view .immersive-location .location-stats { all: unset !important; display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; } body.vey-renewal #view .immersive-location .location-stat { all: unset !important; display: grid !important; gap: 3px !important; min-width: 96px !important; padding: 8px 12px !important; border-radius: 12px !important; background: rgba(10, 9, 14, .72) !important; border: 1px solid var(--pv-line) !important; backdrop-filter: blur(6px) !important; } body.vey-renewal #view .immersive-location .location-stat small { all: unset !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .immersive-location .location-stat b { all: unset !important; font: 800 15px/1.15 var(--pv-font) !important; color: var(--pv-text) !important; white-space: nowrap !important; } body.vey-renewal #view .immersive-location .location-hero__actions { all: unset !important; display: flex !important; gap: 8px !important; grid-column: 1 / -1 !important; } body.vey-renewal #view .immersive-location > :is(label.elixir-strength, p) { all: unset !important; display: flex !important; align-items: center !important; gap: 10px !important; font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; padding: 0 6px !important; } body.vey-renewal #view .immersive-location > label.elixir-strength select { all: unset !important; box-sizing: border-box !important; height: 36px !important; padding: 0 34px 0 12px !important; border-radius: 10px !important; cursor: pointer !important; font: 700 13px/36px var(--pv-font) !important; color: var(--pv-text) !important; border: 1px solid var(--pv-line) !important; background: rgba(255, 255, 255, .05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d58e' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center / 14px no-repeat !important; } /* ================= SAMMLUNG (Reittiere & Begleiter) ================= */ body.vey-renewal #view .active-collection-showcase { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 220px minmax(0, 1fr) auto !important; align-items: center !important; gap: 22px !important; padding: 16px 22px 16px 16px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-gold-dim) !important; box-shadow: 0 24px 60px -34px #000 !important; } body.vey-renewal #view .active-collection-showcase > .active-collection-portrait { all: unset !important; display: block !important; height: 200px !important; border-radius: 16px !important; background: radial-gradient(ellipse 60% 40% at 50% 88%, rgba(0, 0, 0, .55), transparent 70%), radial-gradient(circle at 50% 42%, rgba(232, 196, 128, .18), transparent 66%), var(--collection-art) center 70% / contain no-repeat, linear-gradient(180deg, #1d1b26, #111018) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .active-collection-showcase > div:not(.active-collection-portrait) { all: unset !important; display: grid !important; gap: 6px !important; min-width: 0 !important; } body.vey-renewal #view .active-collection-showcase .eyebrow { all: unset !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .active-collection-showcase h2 { all: unset !important; display: block !important; font: 600 30px/1.1 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .active-collection-showcase p { all: unset !important; display: block !important; font: 500 13px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view :is(.active-collection-showcase, .collection-entity-card) .collection-bonus-list { all: unset !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } body.vey-renewal #view :is(.active-collection-showcase, .collection-entity-card) .collection-bonus-list > span { all: unset !important; padding: 4px 10px !important; border-radius: 99px !important; font: 700 12px/1.3 var(--pv-font) !important; color: #8fe0b0 !important; background: rgba(108, 240, 169, .08) !important; border: 1px solid rgba(108, 240, 169, .3) !important; } body.vey-renewal #view :is(.active-collection-showcase, .collection-entity-card, .stable-collection, .mount-discoveries, .immersive-location) .button { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; padding: 6px 16px !important; border-radius: 11px !important; cursor: pointer !important; text-align: center !important; font: 700 11.5px/1.25 var(--pv-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s, filter .15s !important; } body.vey-renewal #view :is(.active-collection-showcase, .collection-entity-card, .stable-collection, .mount-discoveries, .immersive-location) .button:hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view :is(.active-collection-showcase, .collection-entity-card, .stable-collection, .mount-discoveries, .immersive-location) .button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view :is(.active-collection-showcase, .collection-entity-card, .stable-collection, .mount-discoveries, .immersive-location) .button.primary:hover { filter: brightness(1.06) !important; } body.vey-renewal #view :is(.active-collection-showcase, .collection-entity-card, .stable-collection, .mount-discoveries, .immersive-location) .button:disabled { opacity: .5 !important; cursor: not-allowed !important; } body.vey-renewal #view :is(.stable-collection, .mount-discoveries, .companion-collection, .shared-collection-screen) { all: unset !important; box-sizing: border-box !important; display: grid !important; gap: 14px !important; padding: 18px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .location-section-heading { all: unset !important; display: grid !important; gap: 2px !important; } body.vey-renewal #view .location-section-heading .eyebrow { all: unset !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .location-section-heading h2 { all: unset !important; display: block !important; font: 600 22px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .mount-discoveries > summary { all: unset !important; display: flex !important; align-items: center !important; gap: 10px !important; cursor: pointer !important; font: 700 12px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .mount-discoveries > summary::before { content: "▸" !important; transition: transform .15s !important; } body.vey-renewal #view .mount-discoveries[open] > summary::before { transform: rotate(90deg) !important; } body.vey-renewal #view .collection-card-grid { all: unset !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(218px, 1fr)) !important; gap: 12px !important; } body.vey-renewal #view .collection-entity-card, body.vey-renewal #view .collection-entity-card * { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .collection-entity-card :where(div, header, footer, p, h3, ul, li, section) { display: block !important; } body.vey-renewal #view .collection-entity-card { --pv-r: rgba(255, 255, 255, .18); position: relative !important; display: grid !important; grid-template-rows: auto 1fr auto !important; border-radius: 16px !important; overflow: hidden !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid color-mix(in srgb, var(--pv-r) 70%, transparent) !important; box-shadow: 0 16px 34px -24px #000 !important; transition: transform .15s, box-shadow .15s !important; } body.vey-renewal #view .collection-entity-card:hover { transform: translateY(-2px) !important; box-shadow: 0 0 0 1px var(--pv-r), 0 20px 40px -24px #000 !important; } body.vey-renewal #view .collection-entity-card[data-rarity="uncommon"] { --pv-r: #5fc46a; } body.vey-renewal #view .collection-entity-card[data-rarity="rare"] { --pv-r: #4f8dff; } body.vey-renewal #view .collection-entity-card[data-rarity="epic"] { --pv-r: #b062ff; } body.vey-renewal #view .collection-entity-card[data-rarity="legendary"] { --pv-r: #ff9a3c; } body.vey-renewal #view .collection-entity-card[data-rarity="mythic"] { --pv-r: #ff4f6a; } body.vey-renewal #view .collection-entity-card[data-rarity="eternal"] { --pv-r: #5ff0e6; } body.vey-renewal #view .collection-entity-card.active-mount, body.vey-renewal #view .collection-entity-card.active-companion { border-color: var(--pv-gold) !important; box-shadow: 0 0 0 1px var(--pv-gold-dim), 0 18px 40px -24px rgba(243, 213, 142, .35) !important; } body.vey-renewal #view .collection-entity-card > .collection-art { position: relative !important; display: block !important; height: 168px !important; cursor: pointer !important; background: radial-gradient(ellipse 55% 30% at 50% 92%, rgba(0, 0, 0, .55), transparent 70%), radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--pv-r) 24%, transparent), transparent 68%), var(--collection-art) center 75% / contain no-repeat, linear-gradient(180deg, #24212f, #16141d) !important; border-bottom: 1px solid var(--pv-line) !important; } body.vey-renewal #view .collection-entity-card.locked-mount > .collection-art, body.vey-renewal #view .collection-entity-card.locked-companion > .collection-art { filter: saturate(.85) !important; } body.vey-renewal #view .collection-entity-card .collection-level-badge { position: absolute !important; top: 8px !important; right: 8px !important; padding: 2px 7px !important; border-radius: 7px !important; font: 800 10px/1.3 var(--pv-font) !important; color: var(--pv-gold) !important; background: rgba(8, 8, 12, .8) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .collection-entity-card .collection-card-copy { display: grid !important; align-content: start !important; gap: 6px !important; padding: 12px 14px 4px !important; } body.vey-renewal #view .collection-entity-card .collection-card-kicker { display: flex !important; justify-content: space-between !important; gap: 6px !important; } body.vey-renewal #view .collection-entity-card .collection-rarity-gem { font: 800 10px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--pv-r) !important; } body.vey-renewal #view .collection-entity-card[data-rarity="common"] .collection-rarity-gem { color: #c9c2b3 !important; } body.vey-renewal #view .collection-entity-card .collection-kind { font: 600 10px/1.3 var(--pv-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card h3 { font: 600 17px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .collection-entity-card .collection-card-copy > p { font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card .collection-card-details { display: grid !important; gap: 6px !important; } body.vey-renewal #view .collection-entity-card .collection-headline-stat { display: flex !important; align-items: baseline !important; gap: 6px !important; } body.vey-renewal #view .collection-entity-card .collection-headline-stat b { font: 800 22px/1 var(--pv-font) !important; color: #6cf0a9 !important; } body.vey-renewal #view .collection-entity-card .collection-headline-stat span { font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card .collection-stat-rows { display: grid !important; gap: 2px !important; margin-top: 4px !important; } body.vey-renewal #view .collection-entity-card .collection-stat-rows li { display: flex !important; gap: 8px !important; font: 500 12px/1.35 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card .collection-stat-rows li b { min-width: 38px !important; font-weight: 800 !important; color: var(--pv-text) !important; } body.vey-renewal #view .collection-entity-card .collection-card-details > .collection-bonus-list { display: none !important; } body.vey-renewal #view .collection-entity-card .collection-farm-guide { display: flex !important; justify-content: space-between !important; align-items: end !important; gap: 8px !important; padding-top: 6px !important; border-top: 1px solid rgba(255, 255, 255, .06) !important; } body.vey-renewal #view .collection-entity-card .collection-farm-guide > span { display: grid !important; gap: 1px !important; } body.vey-renewal #view .collection-entity-card .collection-farm-guide small { font: 700 9px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card .collection-farm-guide b { font: 600 11.5px/1.35 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .collection-entity-card .collection-farm-guide em { font: 700 9.5px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; white-space: nowrap !important; } body.vey-renewal #view .collection-entity-card .collection-comparison { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } body.vey-renewal #view .collection-entity-card .collection-comparison > span { display: grid !important; gap: 1px !important; padding: 6px 8px !important; border-radius: 9px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .collection-entity-card .collection-comparison :is(small, em) { font: 600 10px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card .collection-comparison b { font: 700 11.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .collection-entity-card .collection-card-footer { display: grid !important; gap: 6px !important; padding: 10px 14px 14px !important; } body.vey-renewal #view .collection-entity-card .collection-card-status { font: 800 10px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: #6cf0a9 !important; } body.vey-renewal #view .collection-entity-card .collection-card-footer > small { font: 500 10.5px/1.35 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card .collection-card-footer .button { width: 100% !important; } @media (max-width: 760px) { body.vey-renewal #view .immersive-location > .location-hero { grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; padding: 18px 16px !important; } body.vey-renewal #view .immersive-location .location-hero__heading h1 { font-size: 28px !important; } body.vey-renewal #view .immersive-location .location-stats { justify-content: flex-start !important; } body.vey-renewal #view .immersive-location .location-stat { min-width: 0 !important; flex: 1 1 40% !important; } body.vey-renewal #view .active-collection-showcase { grid-template-columns: minmax(0, 1fr) !important; padding: 12px !important; gap: 12px !important; } body.vey-renewal #view .active-collection-showcase h2 { font-size: 24px !important; } body.vey-renewal #view .collection-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .collection-entity-card > .collection-art { height: 120px !important; } body.vey-renewal #view .collection-entity-card .collection-card-copy { padding: 10px 10px 2px !important; } body.vey-renewal #view .collection-entity-card .collection-card-footer { padding: 8px 10px 10px !important; } body.vey-renewal #view .collection-entity-card h3 { font-size: 14.5px !important; } body.vey-renewal #view :is(.stable-collection, .mount-discoveries, .companion-collection, .shared-collection-screen) { padding: 12px !important; } } /* ================= BEGLEITER ================= */ body.vey-renewal #view :is(.sanctuary-collection, .companion-discoveries) { all: unset !important; box-sizing: border-box !important; display: grid !important; gap: 14px !important; } body.vey-renewal #view .sanctuary-collection { padding: 18px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .companion-discoveries > summary { all: unset !important; display: flex !important; align-items: center !important; gap: 10px !important; cursor: pointer !important; font: 700 12px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-gold) !important; padding-top: 6px !important; border-top: 1px solid var(--pv-line) !important; } body.vey-renewal #view .companion-discoveries > summary::before { content: "▸" !important; transition: transform .15s !important; } body.vey-renewal #view .companion-discoveries[open] > summary::before { transform: rotate(90deg) !important; } /* Fokus-Navigation (Pfeile + Zähler + Alle anzeigen) */ body.vey-renewal #view .vey-focus-nav { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; padding: 6px !important; border-radius: 14px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .vey-focus-nav .focus-rune { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; height: 42px !important; padding: 0 12px 0 6px !important; border-radius: 11px !important; cursor: pointer !important; font: 700 11.5px/1 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .vey-focus-nav .focus-rune.next { justify-self: end !important; padding: 0 6px 0 12px !important; } body.vey-renewal #view .vey-focus-nav .focus-rune:hover { color: var(--pv-text) !important; background: rgba(255, 255, 255, .04) !important; } body.vey-renewal #view .vey-focus-nav .focus-rune > i { all: unset !important; display: grid !important; place-items: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: rgba(232, 196, 128, .1) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .vey-focus-nav .focus-rune > i::before { content: "‹" !important; display: block !important; position: static !important; width: auto !important; height: auto !important; background: none !important; border: 0 !important; transform: none !important; font: 700 22px/1 var(--pv-font) !important; color: var(--pv-gold) !important; margin-top: -2px !important; } body.vey-renewal #view .vey-focus-nav .focus-rune.next > i::before { content: "›" !important; } body.vey-renewal #view .vey-focus-nav .focus-current { all: unset !important; display: grid !important; justify-items: center !important; gap: 2px !important; padding: 0 10px !important; } body.vey-renewal #view .vey-focus-nav .focus-current small { all: unset !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .vey-focus-nav .focus-current b { all: unset !important; font: 700 13px/1.2 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .vey-focus-nav .focus-view-all { all: unset !important; box-sizing: border-box !important; height: 38px !important; padding: 0 14px !important; border-radius: 10px !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; font: 700 11px/1 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .vey-focus-nav .focus-view-all:hover { border-color: var(--pv-gold-dim) !important; } /* Fokus-Modus: nur die aktuelle Karte, breit mit großem Bild */ body.vey-renewal #view .collection-focus-grid { all: unset !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(218px, 1fr)) !important; gap: 12px !important; } body.vey-renewal #view .collection-focus-grid.vey-focus-track { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card:not(.vey-focus-current) { display: none !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current { grid-template-columns: 300px minmax(0, 1fr) !important; grid-template-rows: 1fr auto !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current > .collection-art { grid-row: 1 / span 2 !important; height: auto !important; min-height: 340px !important; border-bottom: 0 !important; border-right: 1px solid var(--pv-line) !important; background-size: auto, auto, auto 88%, auto !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current .collection-card-copy { padding: 18px 20px 6px !important; gap: 8px !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current h3 { font-size: 26px !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current .collection-card-footer { padding: 6px 20px 18px !important; grid-template-columns: auto 1fr 1fr !important; align-items: center !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current .collection-card-details > .collection-bonus-list { display: flex !important; } body.vey-renewal #view .collection-entity-card .collection-level-track { display: grid !important; grid-template-columns: 1fr !important; gap: 5px !important; padding: 8px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .collection-entity-card .collection-level-track > span { display: flex !important; justify-content: space-between !important; } body.vey-renewal #view .collection-entity-card .collection-level-track small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card .collection-level-track b { font: 800 11.5px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .collection-entity-card .collection-level-track > i { display: block !important; height: 6px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; overflow: hidden !important; } body.vey-renewal #view .collection-entity-card .collection-level-track > i > u { display: block !important; height: 100% !important; width: var(--bond, 0%) !important; background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-mods { all: unset !important; display: grid !important; gap: 4px !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-ability { all: unset !important; display: block !important; font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-ability b { all: unset !important; font: 700 12.5px/1.45 var(--pv-font) !important; color: var(--pv-gold) !important; margin-right: 6px !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-mods > small { all: unset !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; margin-top: 2px !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-mod { all: unset !important; display: flex !important; gap: 8px !important; font: 500 12.5px/1.4 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-mod b { all: unset !important; min-width: 58px !important; font: 800 10px/1.9 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #4f8dff !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-mod.mod-tier-rare b { color: #f2d24b !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-mod.mod-tier-epic b { color: #b062ff !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-mod.mod-tier-legendary b { color: #ff9a3c !important; } body.vey-renewal #view :is(.collection-entity-card, .active-collection-showcase) .companion-mods > em { all: unset !important; font: italic 500 11px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .collection-entity-card .collection-comparison { grid-template-columns: 1fr auto 1fr !important; align-items: center !important; } body.vey-renewal #view .collection-entity-card .collection-comparison > i { color: var(--pv-gold) !important; } body.vey-renewal #view .active-collection-showcase .equipped-state { all: unset !important; padding: 5px 12px !important; border-radius: 99px !important; font: 800 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: #6cf0a9 !important; background: rgba(108, 240, 169, .1) !important; border: 1px solid rgba(108, 240, 169, .35) !important; } body.vey-renewal #view .companion-sanctuary .collection-entity-card .collection-card-details > .collection-bonus-list { display: flex !important; } @media (max-width: 760px) { body.vey-renewal #view .vey-focus-nav { grid-template-columns: auto minmax(0, 1fr) auto !important; } body.vey-renewal #view .vey-focus-nav .focus-rune > span { display: none !important; } body.vey-renewal #view .vey-focus-nav .focus-view-all { grid-column: 1 / -1 !important; justify-content: center !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current > .collection-art { grid-row: auto !important; min-height: 240px !important; border-right: 0 !important; border-bottom: 1px solid var(--pv-line) !important; } body.vey-renewal #view .vey-focus-track > .collection-entity-card.vey-focus-current .collection-card-footer { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .sanctuary-collection { padding: 12px !important; } } /* ================= SCHMIEDE ================= */ body.vey-renewal #view .content:has(> .forge-workbench) { max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 0 !important; display: grid !important; gap: 14px !important; } body.vey-renewal #view .content:has(> .forge-workbench) > .view-title { display: none !important; } body.vey-renewal #view :where(.forge-workbench), body.vey-renewal #view .forge-workbench :where(*:not(.item-slot):not(.item-slot *)), body.vey-renewal #view :where(.forge-workbench)::before, body.vey-renewal #view :where(.forge-workbench)::after, body.vey-renewal #view .forge-workbench :where(*:not(.item-slot):not(.item-slot *))::before, body.vey-renewal #view .forge-workbench :where(*:not(.item-slot):not(.item-slot *))::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .forge-workbench :where(div, section, header, footer, nav, p, h1, h2, details, summary, ul, li) { display: block !important; } body.vey-renewal #view .forge-workbench .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; } body.vey-renewal #view .forge-workbench { display: grid !important; grid-template-columns: 330px minmax(0, 1fr) !important; grid-template-areas: "master master" "filters filters" "picker anvil" !important; gap: 14px !important; align-items: start !important; } body.vey-renewal #view .forge-workbench > .forge-workbench__shade { display: none !important; } body.vey-renewal #view .forge-master { grid-area: master !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: end !important; gap: 4px 16px !important; padding: 20px 22px !important; border-radius: 20px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(10, 9, 14, .95), rgba(10, 9, 14, .55)), url("./assets/locations/forge.webp") center 40% / cover no-repeat, #15131c !important; } body.vey-renewal #view .forge-master .eyebrow { grid-column: 1 !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .forge-master h1 { grid-column: 1 !important; font: 600 34px/1.1 var(--pv-display) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .forge-master > p { grid-column: 1 !important; font: 500 13px/1.45 var(--pv-font) !important; color: #d6cdb9 !important; } body.vey-renewal #view .forge-materials { grid-column: 2 !important; grid-row: 1 / span 3 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .forge-materials > span { padding: 8px 12px !important; border-radius: 11px !important; font: 700 12.5px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; background: rgba(10, 9, 14, .72) !important; border: 1px solid var(--pv-line) !important; white-space: nowrap !important; } body.vey-renewal #view .forge-filters { grid-area: filters !important; display: flex !important; flex-wrap: wrap !important; gap: 4px !important; padding: 4px !important; border-radius: 14px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .forge-filters > button { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 9px 14px !important; border-radius: 10px !important; cursor: pointer !important; font: 700 11.5px/1 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .forge-filters > button:hover { color: var(--pv-text) !important; background: rgba(255, 255, 255, .04) !important; } body.vey-renewal #view .forge-filters > button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; } body.vey-renewal #view .forge-filters .forge-filter-count { padding: 2px 6px !important; border-radius: 99px !important; font: 800 10px/1 var(--pv-font) !important; background: rgba(255, 255, 255, .1) !important; } body.vey-renewal #view .forge-picker { grid-area: picker !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; padding: 14px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; position: sticky !important; top: 12px !important; } body.vey-renewal #view .forge-anvil { grid-area: anvil !important; display: block !important; padding: 18px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-gold-dim) !important; box-shadow: 0 24px 60px -34px #000 !important; } body.vey-renewal #view .anvil-item { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } body.vey-renewal #view .anvil-item > :is(.forge-item-focus, .forge-affix-station, footer) { grid-column: 1 / -1 !important; } body.vey-renewal #view .forge-item-focus { display: flex !important; align-items: center !important; gap: 16px !important; padding-bottom: 12px !important; border-bottom: 1px solid var(--pv-line) !important; } body.vey-renewal #view .forge-item-focus > div small { display: block !important; font: 700 11px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .forge-item-focus h2 { font: 600 26px/1.15 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .forge-item-focus .anvil-rank { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 4px !important; font: 800 22px/1 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .forge-item-focus .anvil-rank i { font-style: normal !important; color: var(--pv-muted) !important; font-size: 16px !important; } body.vey-renewal #view .anvil-item > :is(.item-mastery, .forge-upgrade-preview, .forge-affix-station) { display: grid !important; align-content: start !important; gap: 10px !important; padding: 14px !important; border-radius: 16px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .anvil-item .item-mastery > header, body.vey-renewal #view .forge-affix-station > header { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 8px !important; } body.vey-renewal #view .anvil-item :is(.item-mastery, .forge-upgrade-preview, .forge-affix-station) small { display: block !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .anvil-item :is(.item-mastery > header, .forge-affix-station > header) b { display: block !important; font: 700 15px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .anvil-item .item-mastery > header strong { display: grid !important; justify-items: end !important; font: 800 18px/1 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .anvil-item .item-mastery-rail { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 4px !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span { display: grid !important; justify-items: center !important; gap: 3px !important; padding: 6px 2px !important; border-radius: 9px !important; background: rgba(255, 255, 255, .03) !important; text-align: center !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span.reached, body.vey-renewal #view .anvil-item .item-mastery-rail > span.active { background: rgba(232, 196, 128, .1) !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span i { width: 9px !important; height: 9px !important; transform: rotate(45deg) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span b { font: 800 11px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span small { font-size: 8.5px !important; letter-spacing: .02em !important; } body.vey-renewal #view .anvil-item .item-mastery > p, body.vey-renewal #view .anvil-item .forge-upgrade-preview > p { font: 500 12px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .anvil-item .forge-upgrade-preview > p b { font-weight: 800 !important; color: var(--pv-text) !important; margin-right: 4px !important; } body.vey-renewal #view .anvil-item .item-mastery-plan { display: grid !important; gap: 6px !important; padding: 10px !important; border-radius: 12px !important; background: rgba(232, 196, 128, .06) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .anvil-item .item-mastery-plan b { font: 700 13px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .anvil-item .item-mastery-plan p { font: 600 12px/1.3 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .anvil-item .item-mastery-plan em { margin-left: 6px !important; color: #ff8a7a !important; } body.vey-renewal #view .forge-upgrade-preview > div { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } body.vey-renewal #view .forge-upgrade-preview > div > span { display: grid !important; gap: 3px !important; padding: 10px 12px !important; border-radius: 11px !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .forge-upgrade-preview > div b { font: 800 18px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .forge-upgrade-preview > div > span + span b { color: #6cf0a9 !important; } body.vey-renewal #view .forge-upgrade-preview > strong { font: 800 13px/1.3 var(--pv-font) !important; color: #6cf0a9 !important; } body.vey-renewal #view .forge-upgrade-preview > strong:not(.better) { color: var(--pv-muted) !important; } body.vey-renewal #view .forge-affix-station > header em { font: 600 11px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .forge-affix-list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .forge-affix-choice { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 2px 8px !important; padding: 10px 12px !important; border-radius: 12px !important; cursor: pointer !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pv-line) !important; border-left: 3px solid var(--roll-color, var(--pv-line)) !important; } body.vey-renewal #view .forge-affix-choice.selected { border-color: var(--pv-gold) !important; border-left-color: var(--roll-color, var(--pv-gold)) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .forge-affix-choice span { font: 700 13px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .forge-affix-choice b { font: 800 14px/1.3 var(--pv-font) !important; color: var(--roll-color, var(--pv-gold)) !important; } body.vey-renewal #view .forge-affix-choice small { grid-column: 1 / -1 !important; font-size: 9.5px !important; letter-spacing: .06em !important; } body.vey-renewal #view .forge-advanced-disclosure { border-top: 1px solid var(--pv-line) !important; padding-top: 10px !important; } body.vey-renewal #view .forge-advanced-disclosure > summary { display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; } body.vey-renewal #view .forge-advanced-disclosure > summary b { font: 700 13.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .forge-advanced-disclosure > summary i { font-style: normal !important; color: var(--pv-gold) !important; transition: transform .15s !important; } body.vey-renewal #view .forge-advanced-disclosure[open] > summary i { transform: rotate(180deg) !important; } body.vey-renewal #view .forge-change-preview { display: grid !important; grid-template-columns: 160px minmax(0, 1fr) !important; gap: 10px !important; margin-top: 10px !important; } body.vey-renewal #view .forge-change-preview > span { display: grid !important; gap: 2px !important; padding: 10px !important; border-radius: 11px !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .forge-change-preview > span b { font: 800 18px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .forge-change-preview :is(em, p) { font: 500 12px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .forge-change-preview p b { font-weight: 800 !important; color: var(--pv-text) !important; margin-right: 4px !important; } body.vey-renewal #view .forge-action-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; margin-top: 10px !important; } body.vey-renewal #view .anvil-item > footer { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; padding-top: 10px !important; border-top: 1px solid var(--pv-line) !important; font: 600 11px/1.3 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .forge-workbench .button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 8px 16px !important; border-radius: 11px !important; cursor: pointer !important; text-align: center !important; font: 700 11.5px/1.25 var(--pv-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s, filter .15s !important; } body.vey-renewal #view .forge-workbench .button:hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .forge-workbench .button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view .forge-workbench .button.primary:hover { filter: brightness(1.06) !important; } body.vey-renewal #view .forge-workbench .button.hammer-upgrade { min-height: 48px !important; font-size: 13px !important; } body.vey-renewal #view .forge-workbench .button.salvage { color: #ffb4a6 !important; border-color: rgba(255, 120, 100, .35) !important; background: rgba(255, 90, 70, .06) !important; } body.vey-renewal #view .forge-workbench .button:disabled { opacity: .45 !important; cursor: not-allowed !important; filter: none !important; } /* Item-Kacheln in Schmiede (Auswahl + Fokus) */ body.vey-renewal #view .forge-workbench :is(.forge-picker, .forge-item-focus) .item-slot { --pv-r: rgba(255, 255, 255, .22); position: relative !important; display: grid !important; place-items: center !important; aspect-ratio: 1 !important; width: 100% !important; height: auto !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border-radius: 13px !important; cursor: pointer !important; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--pv-r) 26%, transparent), transparent 70%), linear-gradient(180deg, #1d1b26, #111018) !important; border: 1.5px solid var(--pv-r) !important; box-shadow: inset 0 0 16px -6px var(--pv-r) !important; transition: transform .15s !important; outline: 0 !important; } body.vey-renewal #view .forge-workbench .forge-item-focus .item-slot { width: 86px !important; flex: 0 0 86px !important; } body.vey-renewal #view .forge-workbench .forge-picker .item-slot:hover { filter: brightness(1.12) !important; } body.vey-renewal #view .forge-workbench .forge-picker .item-slot:is(.selected, .active, [aria-pressed="true"], [aria-current="true"]) { box-shadow: 0 0 0 2px var(--pv-gold), inset 0 0 18px -4px var(--pv-r) !important; } body.vey-renewal #view .forge-workbench :is(.forge-picker, .forge-item-focus) .item-slot > img { width: 80% !important; height: 80% !important; object-fit: contain !important; position: static !important; transform: none !important; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .6)) !important; } body.vey-renewal #view .forge-workbench :is(.forge-picker, .forge-item-focus) .item-slot > span { position: absolute !important; padding: 1px 5px !important; border-radius: 6px !important; font: 800 9.5px/1.3 var(--pv-font) !important; background: rgba(8, 8, 12, .85) !important; border: 1px solid var(--pv-line) !important; color: var(--pv-gold) !important; width: auto !important; height: auto !important; min-width: 0 !important; inset: auto !important; } body.vey-renewal #view .forge-workbench :is(.forge-picker, .forge-item-focus) .item-slot > .item-slot-rank { right: 4px !important; bottom: 4px !important; } body.vey-renewal #view .forge-workbench :is(.forge-picker, .forge-item-focus) .item-slot > .item-slot-equipped { left: 4px !important; bottom: 4px !important; color: #6cf0a9 !important; } body.vey-renewal #view .forge-workbench :is(.forge-picker, .forge-item-focus) .item-slot > .item-slot-marker { left: 4px !important; top: 4px !important; } body.vey-renewal #view .forge-workbench :is(.forge-picker, .forge-item-focus) .item-slot > .item-slot-marker ~ .item-slot-marker { display: none !important; } body.vey-renewal #view .forge-workbench .item-slot.rarity-ungewöhnlich { --pv-r: #5fc46a; } body.vey-renewal #view .forge-workbench .item-slot.rarity-magisch { --pv-r: #4f8dff; } body.vey-renewal #view .forge-workbench .item-slot.rarity-selten { --pv-r: #f2d24b; } body.vey-renewal #view .forge-workbench .item-slot.rarity-episch { --pv-r: #b062ff; } body.vey-renewal #view .forge-workbench .item-slot.rarity-legendär { --pv-r: #ff9a3c; } body.vey-renewal #view .forge-workbench .item-slot.rarity-mythisch { --pv-r: #ff4f6a; } body.vey-renewal #view .forge-workbench .item-slot.rarity-ewig { --pv-r: #5ff0e6; } @media (max-width: 1100px) { body.vey-renewal #view .forge-workbench { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "master" "filters" "anvil" "picker" !important; } body.vey-renewal #view .forge-picker { position: static !important; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)) !important; } } @media (max-width: 760px) { body.vey-renewal #view .forge-workbench { grid-template-areas: "master" "filters" "picker" "anvil" !important; gap: 10px !important; } body.vey-renewal #view .forge-master { grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; } body.vey-renewal #view .forge-materials { grid-column: 1 !important; grid-row: auto !important; margin-top: 8px !important; } body.vey-renewal #view .forge-master h1 { font-size: 26px !important; } body.vey-renewal #view .forge-filters { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; } body.vey-renewal #view .forge-filters > button { flex: 0 0 auto !important; } body.vey-renewal #view .forge-picker { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; padding: 10px !important; gap: 6px !important; } body.vey-renewal #view .forge-anvil { padding: 12px !important; } body.vey-renewal #view .anvil-item { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .forge-item-focus h2 { font-size: 20px !important; } body.vey-renewal #view :is(.forge-change-preview, .forge-action-grid) { grid-template-columns: minmax(0, 1fr) !important; } } /* ================= RIFTS ================= */ body.vey-renewal #view .rift-screen { all: unset !important; box-sizing: border-box !important; display: grid !important; gap: 14px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; } body.vey-renewal #view .rift-screen :where(.rift-hero, .rift-select-stage), body.vey-renewal #view .rift-screen :where(.rift-hero, .rift-select-stage) :where(*:not(.button)), body.vey-renewal #view .rift-screen :where(.rift-hero, .rift-select-stage) :where(*)::before, body.vey-renewal #view .rift-screen :where(.rift-hero, .rift-select-stage) :where(*)::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .rift-screen :where(.rift-hero, .rift-select-stage) :where(div, section, header, nav, p, h1, h2, h3, ol, li) { display: block !important; } body.vey-renewal #view .rift-screen .rift-panel-frame-art { display: none !important; } body.vey-renewal #view .rift-screen .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; padding: 8px 18px !important; border-radius: 11px !important; cursor: pointer !important; text-align: center !important; font: 700 12px/1.25 var(--pv-font) !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s, filter .15s !important; } body.vey-renewal #view .rift-screen .button:hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .rift-screen .button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view .rift-screen .button:disabled { opacity: .45 !important; cursor: not-allowed !important; } body.vey-renewal #view .rift-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 12px 18px !important; align-items: end !important; padding: 22px 24px !important; border-radius: 20px !important; border: 1px solid rgba(154, 134, 255, .3) !important; background: linear-gradient(90deg, rgba(10, 9, 18, .96), rgba(10, 9, 18, .6)), radial-gradient(circle at 80% 30%, rgba(154, 134, 255, .3), transparent 60%), #120f1d !important; } body.vey-renewal #view .rift-hero .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; color: #b9a8ff !important; } body.vey-renewal #view .rift-hero h1 { font: 600 34px/1.1 var(--pv-display) !important; color: var(--pv-gold) !important; margin: 4px 0 !important; } body.vey-renewal #view .rift-hero > div > p { font: 500 13.5px/1.45 var(--pv-font) !important; color: #d6cdb9 !important; } body.vey-renewal #view .rift-hero > span { display: grid !important; justify-items: end !important; gap: 2px !important; padding: 10px 14px !important; border-radius: 14px !important; background: rgba(10, 9, 18, .7) !important; border: 1px solid rgba(154, 134, 255, .3) !important; } body.vey-renewal #view .rift-hero > span small, body.vey-renewal #view .rift-oath-ledger small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-hero > span b { font: 800 26px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .rift-hero > span em { font: 700 10px/1.2 var(--pv-font) !important; color: #b9a8ff !important; } body.vey-renewal #view .rift-oath-ledger { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .rift-oath-ledger > span { display: grid !important; gap: 3px !important; padding: 8px 12px !important; border-radius: 12px !important; background: rgba(10, 9, 18, .7) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .rift-oath-ledger b { font: 800 15px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .rift-select-stage { display: grid !important; grid-template-columns: 300px minmax(0, 1fr) !important; gap: 14px !important; align-items: start !important; } body.vey-renewal #view .rift-select-stage > .vey-focus-nav { display: none !important; } body.vey-renewal #view .rift-shard-grid { display: grid !important; gap: 8px !important; align-content: start !important; padding: 12px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; position: sticky !important; top: 12px !important; max-height: calc(100dvh - 140px) !important; overflow-y: auto !important; scrollbar-width: thin !important; } body.vey-renewal #view .rift-shard-grid > .rift-shard { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; border-radius: 13px !important; cursor: pointer !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s !important; } body.vey-renewal #view .rift-shard-grid > .rift-shard:hover { border-color: rgba(154, 134, 255, .5) !important; } body.vey-renewal #view .rift-shard-grid > .rift-shard.selected { border-color: #b9a8ff !important; background: rgba(154, 134, 255, .1) !important; box-shadow: inset 3px 0 0 #b9a8ff !important; } body.vey-renewal #view .rift-shard > i { display: grid !important; place-items: center !important; width: 46px !important; height: 46px !important; border-radius: 12px !important; background: radial-gradient(circle, rgba(154, 134, 255, .25), transparent 70%) !important; } body.vey-renewal #view .rift-shard > i img { display: block !important; width: 38px !important; height: 38px !important; object-fit: contain !important; } body.vey-renewal #view .rift-shard > span { display: grid !important; gap: 1px !important; min-width: 0 !important; } body.vey-renewal #view .rift-shard small { font: 800 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: #b9a8ff !important; } body.vey-renewal #view .rift-shard b { font: 700 14px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .rift-shard em { font: 600 10.5px/1.2 var(--pv-font) !important; letter-spacing: .06em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-shard u { padding: 3px 7px !important; border-radius: 99px !important; font: 800 9.5px/1 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-gold) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .rift-shard.rarity-ungewöhnlich b { color: #8fe08f !important; } body.vey-renewal #view .rift-shard.rarity-magisch b { color: #7fb0ff !important; } body.vey-renewal #view .rift-shard.rarity-selten b { color: #f2d24b !important; } body.vey-renewal #view .rift-shard.rarity-episch b { color: #c78bff !important; } body.vey-renewal #view .rift-shard.rarity-legendär b { color: #ffad5e !important; } body.vey-renewal #view .rift-shard.rarity-mythisch b { color: #ff6f86 !important; } body.vey-renewal #view .rift-shard-grid.vey-focus-track > .rift-shard { display: grid !important; } body.vey-renewal #view .rift-inspect { display: grid !important; gap: 14px !important; padding: 18px !important; border-radius: 20px !important; background: radial-gradient(circle at 12% 0%, rgba(154, 134, 255, .14), transparent 45%), var(--pv-panel) !important; border: 1px solid rgba(154, 134, 255, .35) !important; box-shadow: 0 24px 60px -34px #000 !important; } body.vey-renewal #view .rift-inspect > header { display: grid !important; grid-template-columns: 96px minmax(0, 1fr) auto !important; align-items: center !important; gap: 16px !important; } body.vey-renewal #view .rift-inspect > header > img { display: block !important; width: 96px !important; height: 96px !important; object-fit: contain !important; filter: drop-shadow(0 0 18px rgba(154, 134, 255, .45)) !important; } body.vey-renewal #view .rift-inspect > header small { display: block !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .16em !important; color: #b9a8ff !important; } body.vey-renewal #view .rift-inspect > header h2 { font: 600 30px/1.1 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .rift-inspect > header p { font: 500 13px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-inspect > header > b { display: grid !important; justify-items: end !important; gap: 2px !important; padding: 10px 14px !important; border-radius: 14px !important; font: 800 20px/1 var(--pv-font) !important; color: #ff9c8a !important; background: rgba(255, 110, 90, .08) !important; border: 1px solid rgba(255, 110, 90, .3) !important; } body.vey-renewal #view .rift-inspect > header > b small { color: var(--pv-muted) !important; letter-spacing: .08em !important; } body.vey-renewal #view .rift-mod-columns { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; } body.vey-renewal #view .rift-mod-columns > section { display: grid !important; align-content: start !important; gap: 6px !important; padding: 12px !important; border-radius: 14px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .rift-mod-columns h3 { font: 700 10.5px/1.2 var(--pv-font) !important; letter-spacing: .16em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-mod-columns > section:first-child h3 { color: #ff9c8a !important; } body.vey-renewal #view .rift-mod-columns > section:last-child h3 { color: #6cf0a9 !important; } body.vey-renewal #view .rift-mod-row { display: grid !important; grid-template-columns: 30px minmax(0, 1fr) auto !important; align-items: center !important; gap: 8px !important; padding: 6px 8px !important; border-radius: 10px !important; background: rgba(255, 255, 255, .03) !important; cursor: help !important; } body.vey-renewal #view .rift-mod-row img { display: block !important; width: 30px !important; height: 30px !important; } body.vey-renewal #view .rift-mod-row b { font: 700 12.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .rift-mod-row > small { font: 700 10.5px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-mod-row .rift-mod-meta { grid-column: 2 / -1 !important; display: none !important; gap: 8px !important; font: 600 10px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-inspect.show-advanced .rift-mod-row .rift-mod-meta { display: flex !important; } body.vey-renewal #view .rift-preparation { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; } body.vey-renewal #view .rift-preparation > div { display: grid !important; align-content: start !important; gap: 8px !important; padding: 12px !important; border-radius: 14px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .rift-preparation header small { display: block !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-preparation header h3 { font: 600 17px/1.25 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view :is(.rift-oath-options, .rift-attunement-options) { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } body.vey-renewal #view :is(.rift-oath, .rift-attunement) { display: grid !important; grid-template-columns: 28px minmax(0, 1fr) !important; align-items: start !important; gap: 8px !important; padding: 9px 10px !important; border-radius: 11px !important; cursor: pointer !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s !important; } body.vey-renewal #view :is(.rift-oath, .rift-attunement):hover { border-color: rgba(154, 134, 255, .5) !important; } body.vey-renewal #view :is(.rift-oath, .rift-attunement).active { border-color: #b9a8ff !important; background: rgba(154, 134, 255, .1) !important; } body.vey-renewal #view :is(.rift-oath, .rift-attunement) > i { display: grid !important; place-items: center !important; width: 28px !important; height: 28px !important; border-radius: 8px !important; background: rgba(154, 134, 255, .14) !important; color: #c9bcff !important; font-style: normal !important; } body.vey-renewal #view :is(.rift-oath, .rift-attunement) > span { display: grid !important; gap: 1px !important; min-width: 0 !important; } body.vey-renewal #view :is(.rift-oath, .rift-attunement) small { font: 700 9px/1.25 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view :is(.rift-oath, .rift-attunement) b { font: 700 12.5px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .rift-oath em { font: 500 11px/1.35 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-range-hint { font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-inspect > .button { justify-self: start !important; } body.vey-renewal #view .rift-inspect > .rift-open { justify-self: stretch !important; min-height: 50px !important; font-size: 13.5px !important; } body.vey-renewal #view .rift-inspect:not(.empty) { grid-template-columns: repeat(2, auto) minmax(0, 1fr) !important; } body.vey-renewal #view .rift-inspect:not(.empty) > :is(header, .rift-mod-columns, .rift-preparation, .rift-range-hint, .rift-open) { grid-column: 1 / -1 !important; } /* leerer Zustand */ body.vey-renewal #view .rift-select-stage.is-empty { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; } body.vey-renewal #view :is(.rift-vault-empty, .rift-inspect.empty) { display: grid !important; justify-items: center !important; align-content: center !important; gap: 10px !important; padding: 26px !important; text-align: center !important; } body.vey-renewal #view .rift-vault-empty { border-radius: 16px !important; } body.vey-renewal #view .rift-select-stage.is-empty .rift-shard-grid { position: static !important; max-height: none !important; } body.vey-renewal #view :is(.rift-vault-empty, .rift-inspect.empty) img { display: block !important; width: 110px !important; height: 110px !important; object-fit: contain !important; filter: drop-shadow(0 0 20px rgba(154, 134, 255, .45)) !important; } body.vey-renewal #view :is(.rift-vault-empty, .rift-inspect.empty) > small { font: 700 10.5px/1.2 var(--pv-font) !important; letter-spacing: .18em !important; color: #b9a8ff !important; } body.vey-renewal #view :is(.rift-vault-empty, .rift-inspect.empty) h2 { font: 600 24px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view :is(.rift-vault-empty, .rift-inspect.empty) > p { font: 500 13px/1.5 var(--pv-font) !important; color: var(--pv-muted) !important; max-width: 420px !important; } body.vey-renewal #view .rift-vault-empty ol { display: grid !important; gap: 6px !important; width: 100% !important; max-width: 420px !important; margin-top: 6px !important; } body.vey-renewal #view .rift-vault-empty li { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; padding: 9px 12px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; text-align: left !important; } body.vey-renewal #view .rift-vault-empty li > b { font: 800 13px/1 var(--pv-font) !important; color: #b9a8ff !important; } body.vey-renewal #view .rift-vault-empty li > span { display: grid !important; font: 700 13px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .rift-vault-empty li small { font: 500 11.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-empty-insignia > i { display: none !important; } body.vey-renewal #view .rift-empty-reward { display: flex !important; gap: 8px !important; } body.vey-renewal #view .rift-empty-reward > span { display: grid !important; gap: 2px !important; padding: 8px 14px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .rift-empty-reward small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rift-empty-reward b { font: 800 13px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } @media (max-width: 900px) { body.vey-renewal #view .rift-select-stage, body.vey-renewal #view .rift-select-stage.is-empty { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .rift-shard-grid { position: static !important; max-height: 320px !important; } } @media (max-width: 760px) { body.vey-renewal #view .rift-hero { grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; } body.vey-renewal #view .rift-hero h1 { font-size: 26px !important; } body.vey-renewal #view .rift-hero > span { justify-items: start !important; } body.vey-renewal #view .rift-oath-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .rift-inspect { padding: 12px !important; } body.vey-renewal #view .rift-inspect > header { grid-template-columns: 64px minmax(0, 1fr) !important; } body.vey-renewal #view .rift-inspect > header > img { width: 64px !important; height: 64px !important; } body.vey-renewal #view .rift-inspect > header > b { grid-column: 1 / -1 !important; justify-items: start !important; } body.vey-renewal #view :is(.rift-mod-columns, .rift-preparation) { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .rift-inspect:not(.empty) { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .rift-inspect > .button { justify-self: stretch !important; } } /* ================= ABENTEUER · Kampagne / Quests / Bosse / Chronik ================= */ body.vey-renewal #view .expedition-screen.select :where(.campaign-atlas, .adventure-quests, .adventure-bosses, .adventure-chronicle), body.vey-renewal #view .expedition-screen.select :where(.campaign-atlas, .adventure-quests, .adventure-bosses, .adventure-chronicle) :where(*:not(.button)), body.vey-renewal #view .expedition-screen.select :where(.campaign-atlas, .adventure-quests, .adventure-bosses, .adventure-chronicle) :where(*)::before, body.vey-renewal #view .expedition-screen.select :where(.campaign-atlas, .adventure-quests, .adventure-bosses, .adventure-chronicle) :where(*)::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .expedition-screen.select :where(.campaign-atlas, .adventure-quests, .adventure-bosses, .adventure-chronicle) :where(div, section, header, footer, aside, article, p, h1, h2, h3, nav, dl, ol, ul, li) { display: block !important; } body.vey-renewal #view .expedition-screen.select :is(.campaign-atlas, .adventure-quests, .adventure-bosses, .adventure-chronicle) { display: grid !important; gap: 14px !important; } body.vey-renewal #view .expedition-screen.select :is(.campaign-atlas, .adventure-quests, .adventure-chronicle) .eyebrow, body.vey-renewal #view .expedition-screen.select .adventure-chronicle > header small { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select :is(.campaign-atlas, .adventure-quests, .adventure-chronicle) h1 { font: 600 30px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; margin: 2px 0 4px !important; } body.vey-renewal #view .expedition-screen.select :is(.campaign-atlas, .adventure-quests, .adventure-chronicle) h2 { font: 600 20px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select :is(.campaign-atlas, .adventure-chronicle) header p, body.vey-renewal #view .expedition-screen.select .campaign-current-goal p { font: 500 13px/1.5 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .pv-panel, body.vey-renewal #view .expedition-screen.select .campaign-intro, body.vey-renewal #view .expedition-screen.select .campaign-current-goal, body.vey-renewal #view .expedition-screen.select .campaign-act, body.vey-renewal #view .expedition-screen.select .adventure-quests, body.vey-renewal #view .expedition-screen.select .adventure-chronicle > header, body.vey-renewal #view .expedition-screen.select .chronicle-world-map, body.vey-renewal #view .expedition-screen.select .chronicle-grid > div, body.vey-renewal #view .expedition-screen.select .chronicle-grid > aside { padding: 18px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important; } /* Kampagne */ body.vey-renewal #view .expedition-screen.select .campaign-intro { background: linear-gradient(90deg, rgba(10, 9, 14, .95), rgba(10, 9, 14, .6)), var(--region-art, none) center 40% / cover no-repeat, #15131c !important; } body.vey-renewal #view .expedition-screen.select .campaign-intro > p { max-width: 720px !important; } body.vey-renewal #view .expedition-screen.select .campaign-meter { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 10px !important; } body.vey-renewal #view .expedition-screen.select .campaign-meter progress { appearance: none !important; -webkit-appearance: none !important; display: block !important; width: 260px !important; height: 8px !important; border-radius: 99px !important; overflow: hidden !important; background: rgba(255, 255, 255, .08) !important; } body.vey-renewal #view .expedition-screen.select .campaign-meter progress::-webkit-progress-bar { background: rgba(255, 255, 255, .08) !important; } body.vey-renewal #view .expedition-screen.select .campaign-meter progress::-webkit-progress-value { background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } body.vey-renewal #view .expedition-screen.select .campaign-meter progress::-moz-progress-bar { background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } body.vey-renewal #view .expedition-screen.select .campaign-meter b { font: 700 12px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 18px !important; border-color: var(--pv-gold-dim) !important; background: linear-gradient(90deg, rgba(232, 196, 128, .1), rgba(28, 26, 38, .92)) !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal small { font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .16em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal ol { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 10px !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal li { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px 10px !important; border-radius: 99px !important; font: 600 12px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal li.done { color: #8fe0b0 !important; border-color: rgba(108, 240, 169, .35) !important; } body.vey-renewal #view .expedition-screen.select .campaign-act { display: grid !important; gap: 14px !important; } body.vey-renewal #view .expedition-screen.select .campaign-act > header p { margin-top: 2px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapters { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter { display: grid !important; grid-template-rows: 150px auto !important; border-radius: 16px !important; overflow: hidden !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid var(--pv-line) !important; transition: transform .15s, border-color .15s !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter:hover { transform: translateY(-2px) !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter.current { border-color: var(--pv-gold) !important; box-shadow: 0 0 0 1px var(--pv-gold-dim), 0 18px 40px -24px rgba(243, 213, 142, .35) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-art { background: linear-gradient(180deg, transparent 50%, rgba(18, 17, 24, .95)), var(--chapter-art) center / cover no-repeat !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter.sealed .campaign-chapter-art { filter: grayscale(.7) brightness(.6) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy { display: grid !important; gap: 8px !important; padding: 2px 16px 16px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy h3 { font: 600 19px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .campaign-status { justify-self: start !important; padding: 3px 9px !important; border-radius: 99px !important; font: 800 10px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter.open .campaign-status { color: #6cf0a9 !important; border-color: rgba(108, 240, 169, .35) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy > p { font: 500 12.5px/1.5 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy dl { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy dl > div { padding: 8px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy dt { display: block !important; font: 700 9px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy dd { display: block !important; font: 600 12px/1.35 var(--pv-font) !important; color: var(--pv-text) !important; margin-top: 2px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-foot { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; padding-top: 4px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-foot > span { font: 600 11px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } /* Quests */ body.vey-renewal #view .expedition-screen.select .adventure-quests > header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quests > header > span { padding: 6px 12px !important; border-radius: 99px !important; font: 800 11px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-gold) !important; background: rgba(232, 196, 128, .08) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgivers { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver { display: flex !important; align-items: center !important; gap: 12px !important; padding: 8px 12px 8px 8px !important; border-radius: 14px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver img { display: block !important; width: 52px !important; height: 52px !important; border-radius: 12px !important; object-fit: cover !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver span { display: grid !important; gap: 1px !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver b { font: 700 14px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver small { font: 500 11.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-filters { display: inline-flex !important; justify-self: start !important; gap: 4px !important; padding: 4px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-filters > button { padding: 8px 14px !important; border-radius: 9px !important; cursor: pointer !important; font: 700 11px/1 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-filters > button:hover { color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-filters > button.active { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card { display: grid !important; grid-template-rows: auto auto 1fr auto !important; border-radius: 16px !important; overflow: hidden !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid var(--pv-line) !important; transition: transform .15s, border-color .15s !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card:hover { transform: translateY(-2px) !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card.active { border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card.ready { border-color: #6cf0a9 !important; box-shadow: 0 0 0 1px rgba(108, 240, 169, .35) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card.complete { opacity: .7 !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-art { position: relative !important; height: 120px !important; background: linear-gradient(180deg, transparent 40%, rgba(18, 17, 24, .95)), var(--quest-art) center / cover no-repeat, #1d1b26 !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-art > span { position: absolute !important; left: 12px !important; bottom: 8px !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > header { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; padding: 10px 14px 6px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > header img { display: block !important; width: 38px !important; height: 38px !important; border-radius: 10px !important; object-fit: cover !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > header small { display: block !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > header h3 { font: 700 15px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card .quest-inspect { display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; cursor: help !important; font: 800 12px/1 var(--pv-font) !important; color: var(--pv-gold) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > ul { display: grid !important; gap: 8px !important; padding: 4px 14px 8px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card li { display: grid !important; gap: 4px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card li > span { display: flex !important; justify-content: space-between !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card li b { font: 600 12.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card li em { font: 800 11.5px/1.3 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card li > i { display: block !important; height: 5px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; overflow: hidden !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card li > i > u { display: block !important; height: 100% !important; width: var(--qp, 0%) !important; background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card .quest-category-label { justify-self: start !important; margin: 0 14px 8px !important; padding: 3px 8px !important; border-radius: 99px !important; font: 800 9.5px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: #8fd7ff !important; background: rgba(90, 170, 255, .08) !important; border: 1px solid rgba(90, 170, 255, .3) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > footer { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; padding: 10px 14px 14px !important; border-top: 1px solid rgba(255, 255, 255, .06) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > footer small { display: block !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > footer b { font: 800 12.5px/1.3 var(--pv-font) !important; color: var(--pv-gold) !important; } /* Bosse */ body.vey-renewal #view .expedition-screen.select .adventure-boss-focus { display: grid !important; grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr) !important; border-radius: 20px !important; overflow: hidden !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; box-shadow: 0 24px 60px -34px #000 !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.discovered { border-color: rgba(255, 110, 90, .4) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-art { position: relative !important; min-height: 380px !important; background: radial-gradient(ellipse 60% 35% at 50% 95%, rgba(0, 0, 0, .7), transparent 70%), var(--boss-art) center / cover no-repeat, #15131c !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.undiscovered .adventure-boss-art { filter: brightness(.25) saturate(0) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.undiscovered .adventure-boss-art > i { position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.undiscovered .adventure-boss-art > i::before { content: "?" !important; font: 600 120px/1 var(--pv-display) !important; color: rgba(243, 213, 142, .5) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy { display: grid !important; align-content: center !important; gap: 10px !important; padding: 26px !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: #ff9c8a !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy h1 { font: 600 34px/1.1 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy > p { font: 500 13.5px/1.5 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy dl { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy dl > div { padding: 8px 12px !important; border-radius: 11px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy dt { display: block !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy dd { display: block !important; font: 700 13.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy .button { justify-self: start !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy .combat-preview { display: grid !important; gap: 6px !important; padding: 10px 12px !important; border-radius: 12px !important; background: rgba(255, 110, 90, .05) !important; border: 1px solid rgba(255, 110, 90, .25) !important; font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy .combat-preview :is(b, strong) { font-weight: 700 !important; color: var(--pv-text) !important; } /* Chronik */ body.vey-renewal #view .expedition-screen.select .adventure-chronicle > header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 16px !important; } body.vey-renewal #view .expedition-screen.select .adventure-chronicle > header > span { display: grid !important; gap: 2px !important; } body.vey-renewal #view .expedition-screen.select .adventure-chronicle > header dl { display: grid !important; grid-template-columns: repeat(4, minmax(80px, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .adventure-chronicle > header dl > div, body.vey-renewal #view .expedition-screen.select .chronicle-season { padding: 8px 12px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-chronicle dt { display: block !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .adventure-chronicle dd { display: block !important; font: 800 17px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-world-map { display: grid !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-world-map > div { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region { display: grid !important; grid-template-columns: 32px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; padding: 10px !important; border-radius: 12px !important; cursor: pointer !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region:hover { border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region > i { display: grid !important; place-items: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; font: 800 13px/1 var(--pv-font) !important; font-style: normal !important; color: var(--pv-gold) !important; background: rgba(232, 196, 128, .08) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region > span { display: grid !important; gap: 1px !important; min-width: 0 !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region b { font: 700 12.5px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region small { font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region.unknown b { color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px !important; gap: 14px !important; align-items: start !important; } body.vey-renewal #view .expedition-screen.select .chronicle-grid > div, body.vey-renewal #view .expedition-screen.select .chronicle-grid > aside { display: grid !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story { display: grid !important; gap: 10px !important; padding: 12px !important; border-radius: 14px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story > header { display: flex !important; align-items: center !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story > header img { display: block !important; width: 40px !important; height: 40px !important; border-radius: 10px !important; object-fit: cover !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story > header span { display: grid !important; gap: 1px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story small { font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story b { font: 700 14px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story ol { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story li { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: 6px !important; align-items: start !important; padding: 8px !important; border-radius: 10px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story li > i { font-style: normal !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story li span { display: grid !important; gap: 1px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story li b { font-size: 12px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story li.locked { opacity: .6 !important; } body.vey-renewal #view .expedition-screen.select .chronicle-decisions { display: grid !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-decisions li, body.vey-renewal #view .expedition-screen.select .chronicle-peace { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-season { display: grid !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-season small { font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-season b { font: 700 14px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-season progress { appearance: none !important; -webkit-appearance: none !important; display: block !important; width: 100% !important; height: 6px !important; border-radius: 99px !important; overflow: hidden !important; background: rgba(255, 255, 255, .08) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-season progress::-webkit-progress-bar { background: rgba(255, 255, 255, .08) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-season progress::-webkit-progress-value { background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } @media (max-width: 760px) { body.vey-renewal #view .expedition-screen.select :is(.campaign-intro, .campaign-current-goal, .campaign-act, .adventure-quests, .adventure-chronicle > header, .chronicle-world-map, .chronicle-grid > div, .chronicle-grid > aside) { padding: 12px !important; } body.vey-renewal #view .expedition-screen.select :is(.campaign-atlas, .adventure-quests, .adventure-chronicle) h1 { font-size: 23px !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal { flex-direction: column !important; align-items: stretch !important; } body.vey-renewal #view .expedition-screen.select .campaign-meter progress { width: 140px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapters, body.vey-renewal #view .expedition-screen.select .adventure-quest-grid { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgivers { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quests > header, body.vey-renewal #view .expedition-screen.select .adventure-chronicle > header { flex-direction: column !important; align-items: flex-start !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-art { min-height: 240px !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy { padding: 16px !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy h1 { font-size: 26px !important; } body.vey-renewal #view .expedition-screen.select .chronicle-world-map > div { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-grid { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-story ol { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen.select .adventure-chronicle > header dl { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; } } /* ================= ABENTEUER · Laufende Expedition & Bericht ================= */ body.vey-renewal #view .expedition-screen:is(.active, .report) { display: grid !important; grid-template: none !important; grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: max-content !important; gap: 14px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 0 !important; height: auto !important; min-height: 0 !important; background: none !important; border: 0 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report)::before, body.vey-renewal #view .expedition-screen:is(.active, .report)::after { display: none !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) > :where(*:not(.button):not(.item-slot):not(.item-slot *):not(.adventure-tabs):not(.adventure-tabs *):not([data-expedition-track])), body.vey-renewal #view .expedition-screen:is(.active, .report) :where(*:not(.button):not(.item-slot):not(.item-slot *):not(.adventure-tabs):not(.adventure-tabs *):not([data-expedition-track])), body.vey-renewal #view .expedition-screen:is(.active, .report) :where(*:not(.button):not(.item-slot):not(.item-slot *):not(.adventure-tabs):not(.adventure-tabs *):not([data-expedition-track]))::before, body.vey-renewal #view .expedition-screen:is(.active, .report) :where(*:not(.button):not(.item-slot):not(.item-slot *):not(.adventure-tabs):not(.adventure-tabs *):not([data-expedition-track]))::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :where(div, section, header, footer, aside, article, p, h1, h2, h3, nav, dl, ol, ul, li, details, summary, main) { display: block !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .button { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 40px !important; padding: 8px 18px !important; border-radius: 11px !important; cursor: pointer !important; text-align: center !important; font: 700 12px/1.25 var(--pv-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s, filter .15s !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .button:hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; box-shadow: 0 8px 20px -10px rgba(243, 213, 142, .6) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .button:disabled { opacity: .45 !important; cursor: not-allowed !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.eyebrow, .journey-eyebrow) { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) h1 { font: 600 32px/1.12 var(--pv-display) !important; color: var(--pv-gold) !important; margin: 2px 0 4px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) h2 { font: 600 20px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-mission-visual, .adventure-active-grid > *, .expedition-loot-bag, .journey-return, .journey-debrief, .journey-discovery, .journey-report-details, .expedition-report-quests, .expedition-total-loot, .expedition-report-actions) { padding: 18px !important; border-radius: 20px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-battle-reports:empty { display: none !important; } /* Kopf der laufenden Expedition */ body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-mission-visual { display: grid !important; gap: 16px !important; background: linear-gradient(90deg, rgba(10, 9, 14, .95), rgba(10, 9, 14, .55)), var(--mission-region-art) center 40% / cover no-repeat, #15131c !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-active-header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 16px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-active-header p { font: 500 13px/1.45 var(--pv-font) !important; color: #d6cdb9 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-active-utility { display: flex !important; align-items: center !important; gap: 14px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-clock { display: grid !important; justify-items: end !important; gap: 2px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-clock b { font: 800 34px/1 var(--pv-font) !important; color: var(--pv-text) !important; font-variant-numeric: tabular-nums !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-clock small { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-journey { display: grid !important; gap: 12px !important; padding: 14px !important; border-radius: 16px !important; background: rgba(10, 9, 14, .72) !important; border: 1px solid var(--pv-line) !important; backdrop-filter: blur(6px) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-journey > header { display: grid !important; grid-template-columns: 2fr repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-journey > header > span { display: grid !important; gap: 2px !important; padding: 8px 12px !important; border-radius: 11px !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-journey > header small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-journey > header b { font: 800 15px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-progress-accessible { display: none !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-axis { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; padding: 18px 4px 10px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-axis > b { font: 700 10.5px/1 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-track { position: relative !important; display: block !important; height: 8px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-track > i { position: absolute !important; inset: 0 auto 0 0 !important; display: block !important; border-radius: 99px !important; background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; box-shadow: 0 0 12px rgba(243, 213, 142, .5) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-marker { position: absolute !important; top: 50% !important; left: var(--journey-position) !important; transform: translate(-50%, -50%) !important; display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; cursor: pointer !important; background: #15131c !important; border: 1.5px solid var(--pv-gold-dim) !important; z-index: 1 !important; transition: transform .15s !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-marker:hover { transform: translate(-50%, -50%) scale(1.15) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-marker.special { width: 38px !important; height: 38px !important; border-color: #ff9c8a !important; box-shadow: 0 0 14px rgba(255, 120, 100, .45) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event-icon { display: block !important; width: 22px !important; height: 22px !important; flex: 0 0 auto !important; background: var(--event-icon) center / contain no-repeat !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-marker.special .expedition-event-icon { width: 28px !important; height: 28px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-track > u { position: absolute !important; top: 50% !important; left: var(--journey-position, 0%) !important; transform: translate(-50%, -50%) !important; display: block !important; width: 14px !important; height: 14px !important; border-radius: 50% !important; background: #f3d58e !important; box-shadow: 0 0 0 4px rgba(243, 213, 142, .25), 0 0 16px #f3d58e !important; z-index: 2 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-journey > p { font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; text-align: center !important; } /* Region + Ereignisse */ body.vey-renewal #view .expedition-screen:is(.active, .report) .adventure-active-grid { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; gap: 14px !important; align-items: start !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-region-panel { display: grid !important; gap: 10px !important; padding: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-region-art { height: 260px !important; border-radius: 14px !important; background: var(--region-art) center / cover no-repeat, #15131c !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-region-panel dl { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-region-panel dl > div, body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return dl > div, body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-stats > span { display: grid !important; gap: 2px !important; padding: 8px 12px !important; border-radius: 11px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(dt, .expedition-report-stats small) { display: block !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(dd, .expedition-report-stats b) { display: block !important; font: 800 15px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-feed { display: grid !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-feed > header { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-feed > header small { display: block !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-live-signal { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 12px !important; border-radius: 12px !important; background: rgba(108, 240, 169, .06) !important; border: 1px solid rgba(108, 240, 169, .3) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-live-signal > i { display: block !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #6cf0a9 !important; box-shadow: 0 0 0 4px rgba(108, 240, 169, .18), 0 0 12px #6cf0a9 !important; animation: pv-pulse 1.6s ease-in-out infinite !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-live-signal small { color: #6cf0a9 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-live-signal b { display: block !important; font: 700 12.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-feed > ol { display: grid !important; gap: 6px !important; max-height: 420px !important; overflow-y: auto !important; scrollbar-width: thin !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event { display: grid !important; grid-template-columns: 62px 34px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event:first-child { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .07) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event.boss-discovery { border-color: rgba(255, 120, 100, .45) !important; background: rgba(255, 110, 90, .07) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event time { font: 700 11px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; font-variant-numeric: tabular-nums !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event .expedition-event-icon { width: 34px !important; height: 34px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event > span { display: grid !important; gap: 2px !important; min-width: 0 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event b { font: 700 13.5px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event small { font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } /* Beute */ body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-loot-bag, .expedition-total-loot) { display: grid !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-loot-bag, .expedition-total-loot) > header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-loot-bag, .expedition-total-loot) > header small { display: block !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-loot-bag, .expedition-total-loot) > header > b { font: 800 11px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-total-loot > header p, body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-loot-bag > footer { font: 500 12px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-loot-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-loot-slot { position: relative !important; display: grid !important; justify-items: center !important; align-content: center !important; gap: 2px !important; aspect-ratio: 1 !important; padding: 6px !important; border-radius: 13px !important; background: radial-gradient(circle at 50% 38%, rgba(232, 196, 128, .1), transparent 70%), linear-gradient(180deg, #1d1b26, #111018) !important; border: 1px solid var(--pv-line) !important; cursor: pointer !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-loot-slot > i { display: block !important; width: 52% !important; aspect-ratio: 1 !important; background: var(--loot-art) center / contain no-repeat !important; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .6)) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-loot-slot > b { position: absolute !important; top: 5px !important; right: 7px !important; font: 800 11px/1.2 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-loot-slot > small { font: 600 10px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; text-align: center !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-loot-slot.equipment { padding: 0 !important; border: 0 !important; background: none !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-loot-slot.equipment, .journey-find) > .item-slot { --pv-r: rgba(255, 255, 255, .22); position: relative !important; display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; aspect-ratio: 1 !important; padding: 0 !important; margin: 0 !important; border-radius: 13px !important; cursor: pointer !important; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--pv-r) 26%, transparent), transparent 70%), linear-gradient(180deg, #1d1b26, #111018) !important; border: 1.5px solid var(--pv-r) !important; box-shadow: inset 0 0 16px -6px var(--pv-r) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-loot-slot.equipment, .journey-find) > .item-slot > img { width: 78% !important; height: 78% !important; object-fit: contain !important; position: static !important; transform: none !important; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .6)) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-loot-slot.equipment, .journey-find) > .item-slot > span { position: absolute !important; left: 4px !important; top: 4px !important; padding: 1px 5px !important; border-radius: 6px !important; font: 800 9.5px/1.3 var(--pv-font) !important; background: rgba(8, 8, 12, .85) !important; border: 1px solid var(--pv-line) !important; color: #6cf0a9 !important; width: auto !important; height: auto !important; inset: 4px auto auto 4px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-loot-slot.equipment, .journey-find) > .item-slot > span ~ span { display: none !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .item-slot.rarity-ungewöhnlich { --pv-r: #5fc46a; } body.vey-renewal #view .expedition-screen:is(.active, .report) .item-slot.rarity-magisch { --pv-r: #4f8dff; } body.vey-renewal #view .expedition-screen:is(.active, .report) .item-slot.rarity-selten { --pv-r: #f2d24b; } body.vey-renewal #view .expedition-screen:is(.active, .report) .item-slot.rarity-episch { --pv-r: #b062ff; } body.vey-renewal #view .expedition-screen:is(.active, .report) .item-slot.rarity-legendär { --pv-r: #ff9a3c; } body.vey-renewal #view .expedition-screen:is(.active, .report) .item-slot.rarity-mythisch { --pv-r: #ff4f6a; } body.vey-renewal #view .expedition-screen:is(.active, .report) .item-slot.rarity-ewig { --pv-r: #5ff0e6; } /* Bericht */ body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px !important; align-items: center !important; gap: 18px !important; padding: 26px !important; border-color: var(--pv-gold-dim) !important; background: linear-gradient(90deg, rgba(10, 9, 14, .95), rgba(10, 9, 14, .6)), var(--return-art) center 40% / cover no-repeat, #15131c !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return h1 { font-size: 36px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return p { font: 500 13.5px/1.45 var(--pv-font) !important; color: #d6cdb9 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-delivered { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin-top: 10px !important; padding: 5px 12px !important; border-radius: 99px !important; font: 700 12px/1.3 var(--pv-font) !important; color: #6cf0a9 !important; background: rgba(108, 240, 169, .08) !important; border: 1px solid rgba(108, 240, 169, .35) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return dl { display: grid !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return dl > div { display: flex !important; justify-content: space-between !important; align-items: center !important; background: rgba(10, 9, 14, .72) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return dd { color: #6cf0a9 !important; font-size: 18px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-debrief { display: grid !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-debrief > header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-debrief > header p, body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-debrief > footer { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) auto !important; align-items: center !important; gap: 14px !important; padding: 10px 14px 10px 10px !important; border-radius: 14px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find.is-candidate { border-color: rgba(108, 240, 169, .45) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find > .item-slot { width: 72px !important; height: 72px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find > div { display: grid !important; gap: 2px !important; min-width: 0 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find h3 { font: 700 15px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find p { font: 700 12px/1.3 var(--pv-font) !important; color: #6cf0a9 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find > div > span { font: 500 11.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find > b { display: grid !important; justify-items: end !important; font: 800 18px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-discovery { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) auto !important; align-items: center !important; gap: 14px !important; border-color: rgba(255, 120, 100, .4) !important; background: linear-gradient(90deg, rgba(255, 110, 90, .08), rgba(28, 26, 38, .92)) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-discovery > span { display: grid !important; place-items: center !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; font-size: 20px !important; color: #ff9c8a !important; background: rgba(255, 110, 90, .1) !important; border: 1px solid rgba(255, 110, 90, .35) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-discovery small { display: block !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: #ff9c8a !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-discovery p { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-report-details { display: grid !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-report-details > summary { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; cursor: pointer !important; font: 700 13.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-report-details > summary > span:last-child { font: 600 11.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-report-details > summary::after { content: "+" !important; font: 700 18px/1 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-report-details[open] > summary::after { content: "–" !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-report-details:not([open]) > :not(summary) { display: none !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-stats { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-quests { display: grid !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-quests > div { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-quests article { display: grid !important; gap: 2px !important; padding: 10px 12px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-quests article b { font: 700 13.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-quests article span { display: flex !important; justify-content: space-between !important; font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-quests article strong { font: 800 12px/1.4 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-actions > p { flex-basis: 100% !important; text-align: right !important; font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-actions .button.primary { min-height: 46px !important; padding: 0 24px !important; font-size: 13px !important; } @keyframes pv-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } } @media (max-width: 760px) { body.vey-renewal #view .expedition-screen:is(.active, .report) :is(.expedition-mission-visual, .adventure-active-grid > *, .expedition-loot-bag, .journey-return, .journey-debrief, .journey-discovery, .journey-report-details, .expedition-report-quests, .expedition-total-loot, .expedition-report-actions) { padding: 12px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) h1 { font-size: 24px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-active-header, body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-active-utility { flex-direction: column !important; align-items: stretch !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-clock { justify-items: start !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-journey > header { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-journey > header > span:first-child { grid-column: 1 / -1 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .adventure-active-grid { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-region-art { height: 160px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-feed > header { flex-direction: column !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event { grid-template-columns: 30px minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event time { grid-column: 1 / -1 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-event .expedition-event-icon { width: 30px !important; height: 30px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-loot-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return { grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-return h1 { font-size: 26px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-debrief > header { flex-direction: column !important; align-items: stretch !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find-grid { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find { grid-template-columns: 60px minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find > .item-slot { width: 60px !important; height: 60px !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-find > b { grid-column: 1 / -1 !important; justify-items: start !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-discovery { grid-template-columns: 40px minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .journey-discovery .button { grid-column: 1 / -1 !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-actions { flex-direction: column !important; align-items: stretch !important; } body.vey-renewal #view .expedition-screen:is(.active, .report) .expedition-report-actions > p { text-align: center !important; } } /* ================= LIVE-EVENTS: eine schlanke Zeile ================= */ body.vey-renewal #view .live-event-banner, body.vey-renewal #view .live-event-banner * { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .live-event-banner { display: flex !important; align-items: center !important; gap: 8px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto 12px !important; padding: 6px 8px !important; border-radius: 14px !important; overflow-x: auto !important; scrollbar-width: none !important; background: linear-gradient(90deg, rgba(108, 240, 169, .07), rgba(28, 26, 38, .9)) !important; border: 1px solid rgba(108, 240, 169, .22) !important; } body.vey-renewal #view .live-event-banner__pulse { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 4px 10px !important; border-radius: 99px !important; font: 800 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: #0d1a12 !important; background: #6cf0a9 !important; } body.vey-renewal #view .live-event { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 8px !important; padding: 2px 10px 2px 2px !important; border-right: 1px solid var(--pv-line) !important; } body.vey-renewal #view .live-event:last-child { border-right: 0 !important; } body.vey-renewal #view .live-event > header { display: flex !important; align-items: baseline !important; gap: 6px !important; white-space: nowrap !important; } body.vey-renewal #view .live-event > header b { font: 700 12.5px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .live-event > header small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #6cf0a9 !important; } body.vey-renewal #view .live-event > p { display: none !important; } body.vey-renewal #view .live-event > div { display: flex !important; gap: 4px !important; } body.vey-renewal #view .live-event > div > span { display: inline-block !important; white-space: nowrap !important; padding: 2px 7px !important; border-radius: 99px !important; font: 700 10.5px/1.3 var(--pv-font) !important; color: #8fe0b0 !important; background: rgba(108, 240, 169, .08) !important; border: 1px solid rgba(108, 240, 169, .25) !important; } /* ================= CITADEL: Stadtübersicht auf einem Bildschirm ================= */ body.vey-renewal #view .citadel-home { all: unset !important; box-sizing: border-box !important; display: block !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; } body.vey-renewal #view .citadel-scene, body.vey-renewal #view .citadel-scene :where(*:not(.button)), body.vey-renewal #view .citadel-scene :where(*)::before, body.vey-renewal #view .citadel-scene :where(*)::after, body.vey-renewal #view .citadel-scene::before, body.vey-renewal #view .citadel-scene::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .citadel-scene :where(div, section, header, footer, aside, article, p, h1, h2, h3, ol, li) { display: block !important; } body.vey-renewal #view .citadel-scene .citadel-progression-layers { display: none !important; } body.vey-renewal #view .citadel-scene { display: grid !important; grid-template-columns: minmax(0, 1fr) 380px !important; grid-template-rows: auto auto auto auto minmax(0, 1fr) auto !important; grid-template-areas: "head rec" "hero next" "hero brief" "hero play" "hero ." "dist dist" !important; gap: 12px !important; height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; min-height: 460px !important; } body.vey-renewal #view .citadel-scene .journey-overview { display: contents !important; } body.vey-renewal #view .citadel-scene .journey-section-heading { display: none !important; } body.vey-renewal #view .citadel-scene .button { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 38px !important; padding: 6px 16px !important; border-radius: 11px !important; cursor: pointer !important; text-align: center !important; font: 700 11.5px/1.25 var(--pv-font) !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s, filter .15s, transform .15s !important; } body.vey-renewal #view .citadel-scene .button:hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .citadel-scene .button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; box-shadow: 0 8px 20px -10px rgba(243, 213, 142, .6) !important; } body.vey-renewal #view .citadel-scene .button.primary:hover { transform: translateY(-1px) !important; filter: brightness(1.06) !important; } body.vey-renewal #view .citadel-scene .button:disabled { opacity: .4 !important; cursor: not-allowed !important; transform: none !important; } body.vey-renewal #view .citadel-scene :is(.journey-eyebrow, .eyebrow) { font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .citadel-scene :is(.journey-next, .campaign-brief, .journey-play) { padding: 14px 16px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; min-height: 0 !important; overflow: hidden !important; } body.vey-renewal #view .citadel-scene :is(.journey-next, .campaign-brief, .journey-play) h2 { font: 600 19px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; margin: 2px 0 4px !important; } body.vey-renewal #view .citadel-scene :is(.journey-next, .campaign-brief, .journey-play) p { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .citadel-scene .journey-heading { grid-area: head !important; display: flex !important; align-items: flex-end !important; gap: 16px !important; } body.vey-renewal #view .citadel-scene .journey-heading h1 { font: 600 30px/1.05 var(--pv-display) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .citadel-scene .journey-heading p { font: 500 12.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .citadel-scene .journey-chapter { display: none !important; } body.vey-renewal #view .citadel-scene .journey-records { grid-area: rec !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; align-self: end !important; } body.vey-renewal #view .citadel-scene .journey-records > div { display: grid !important; gap: 1px !important; padding: 6px 8px !important; border-radius: 11px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; min-width: 0 !important; } body.vey-renewal #view .citadel-scene .journey-records small { font: 700 8.5px/1.2 var(--pv-font) !important; letter-spacing: .06em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .citadel-scene .journey-records b { font: 800 16px/1.15 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .citadel-scene .journey-records em { display: none !important; } body.vey-renewal #view .citadel-scene .journey-hero { grid-area: hero !important; position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; min-height: 0 !important; border-radius: 20px !important; overflow: hidden !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(0deg, rgba(10, 9, 14, .92) 0%, rgba(10, 9, 14, .2) 55%, rgba(10, 9, 14, .35) 100%), url("./assets/world/citadel-city-v1.webp") 55% 45% / cover no-repeat, #181923 !important; box-shadow: 0 24px 60px -34px #000 !important; } body.vey-renewal #view .citadel-scene .journey-hero__shade { display: none !important; } body.vey-renewal #view .citadel-scene .journey-hero__copy { display: grid !important; gap: 8px !important; padding: 26px 28px !important; max-width: 520px !important; } body.vey-renewal #view .citadel-scene .journey-hero__copy h2 { font: 600 34px/1.1 var(--pv-display) !important; color: var(--pv-gold) !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .8) !important; } body.vey-renewal #view .citadel-scene .journey-hero__copy p { font: 500 14px/1.5 var(--pv-font) !important; color: #e3dac6 !important; } body.vey-renewal #view .citadel-scene .journey-hero__copy .button { display: none !important; justify-self: start !important; min-height: 46px !important; padding: 0 24px !important; font-size: 13px !important; margin-top: 4px !important; } body.vey-renewal #view .citadel-scene .journey-hero__caption { position: absolute !important; top: 16px !important; right: 18px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px 11px !important; border-radius: 99px !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-gold) !important; background: rgba(10, 9, 14, .7) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .citadel-scene .journey-hero__caption i { display: block !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #6cf0a9 !important; box-shadow: 0 0 8px #6cf0a9 !important; } body.vey-renewal #view .citadel-scene .journey-next { grid-area: next !important; display: grid !important; align-content: start !important; gap: 6px !important; border-color: var(--pv-gold-dim) !important; background: linear-gradient(160deg, rgba(232, 196, 128, .1), rgba(28, 26, 38, .94) 55%) !important; } body.vey-renewal #view .citadel-scene .journey-next > header { display: flex !important; justify-content: space-between !important; } body.vey-renewal #view .citadel-scene .journey-next > header i { color: var(--pv-gold) !important; } body.vey-renewal #view .citadel-scene .journey-loop { display: flex !important; gap: 6px !important; margin: 2px 0 4px !important; } body.vey-renewal #view .citadel-scene .journey-loop li { flex: 1 1 0 !important; padding: 5px 6px !important; border-radius: 9px !important; font: 600 10.5px/1.25 var(--pv-font) !important; color: var(--pv-muted) !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .citadel-scene .journey-loop li span { display: block !important; font: 800 9px/1.2 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .citadel-scene .journey-next .button { width: 100% !important; color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view .citadel-scene .journey-next > footer { display: none !important; } body.vey-renewal #view .citadel-scene .campaign-brief { grid-area: brief !important; display: grid !important; gap: 8px !important; } body.vey-renewal #view .citadel-scene .campaign-brief > div:first-child p { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body.vey-renewal #view .citadel-scene .campaign-brief > div:last-child { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 4px 10px !important; padding-top: 8px !important; border-top: 1px solid rgba(255, 255, 255, .06) !important; } body.vey-renewal #view .citadel-scene .campaign-brief small { grid-column: 1 !important; font: 700 9px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .citadel-scene .campaign-brief b { grid-column: 1 !important; font: 600 12.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .citadel-scene .campaign-brief .button { grid-column: 2 !important; grid-row: 1 / span 2 !important; } body.vey-renewal #view .citadel-scene .journey-play { grid-area: play !important; display: grid !important; grid-template-columns: 1fr 1fr !important; align-content: start !important; gap: 6px !important; } body.vey-renewal #view .citadel-scene .journey-play > div { grid-column: 1 / -1 !important; } body.vey-renewal #view .citadel-scene .journey-play > div p { display: none !important; } body.vey-renewal #view .citadel-scene .journey-play .button.primary { grid-column: 1 / -1 !important; min-height: 44px !important; font-size: 12.5px !important; } body.vey-renewal #view .citadel-scene .citadel-districts { grid-area: dist !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .citadel-scene .journey-district { position: relative !important; display: block !important; height: 92px !important; border-radius: 14px !important; overflow: hidden !important; cursor: pointer !important; border: 1px solid var(--pv-line) !important; transition: transform .15s, border-color .15s !important; } body.vey-renewal #view .citadel-scene .journey-district:hover { transform: translateY(-2px) !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .citadel-scene .journey-district > img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } body.vey-renewal #view .citadel-scene .journey-district__veil { position: absolute !important; inset: 0 !important; display: block !important; background: linear-gradient(0deg, rgba(10, 9, 14, .95) 10%, rgba(10, 9, 14, .25) 80%) !important; } body.vey-renewal #view .citadel-scene .journey-district__body { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: grid !important; gap: 1px !important; padding: 8px 10px !important; } body.vey-renewal #view .citadel-scene .journey-district small { font: 700 8.5px/1.25 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-gold) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vey-renewal #view .citadel-scene .journey-district b { font: 600 14px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vey-renewal #view .citadel-scene .journey-district :is(em, .journey-district__link) { display: none !important; } /* knappe Bildschirmhöhen */ @media (min-width: 1025px) and (max-height: 860px) { body.vey-renewal #view .citadel-scene .journey-loop, body.vey-renewal #view .citadel-scene .campaign-brief > div:first-child p { display: none !important; } body.vey-renewal #view .citadel-scene .journey-district { height: 74px !important; } body.vey-renewal #view .citadel-scene .journey-hero__copy h2 { font-size: 28px !important; } } /* kleinere Breiten: normal scrollen statt quetschen */ @media (max-width: 1024px) { body.vey-renewal #view .citadel-scene { height: auto !important; min-height: 0 !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: none !important; grid-template-areas: "head" "rec" "hero" "next" "brief" "play" "dist" !important; } body.vey-renewal #view .citadel-scene .journey-hero { min-height: 300px !important; } body.vey-renewal #view .citadel-scene .citadel-districts { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 760px) { body.vey-renewal #view .citadel-scene .journey-heading { flex-direction: column !important; align-items: flex-start !important; } body.vey-renewal #view .citadel-scene .journey-heading h1 { font-size: 26px !important; } body.vey-renewal #view .citadel-scene .journey-records { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .citadel-scene .journey-hero { min-height: 260px !important; } body.vey-renewal #view .citadel-scene .journey-hero__copy { padding: 18px !important; } body.vey-renewal #view .citadel-scene .journey-hero__copy h2 { font-size: 26px !important; } body.vey-renewal #view .citadel-scene .citadel-districts { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .citadel-scene .journey-district { height: 84px !important; } } body.vey-renewal { --pv-max: 1320px; } @media (min-width: 1700px) { body.vey-renewal { --pv-max: 1820px; } } @media (min-width: 1025px) and (max-height: 860px) { body.vey-renewal #view .citadel-scene .journey-play > div, body.vey-renewal #view .citadel-scene .journey-next > p { display: none !important; } body.vey-renewal #view .citadel-scene :is(.journey-next, .campaign-brief, .journey-play) { padding: 10px 14px !important; } } /* Kopfzeile: Brotkrumen weg (Unterreiter zeigen den Ort), Ziel-Knopf im gleichen Gold-Stil */ body.vey-renewal .topbar .crumb { display: none !important; } body.vey-renewal .topbar #currentObjective .objective-command { all: unset !important; box-sizing: border-box !important; flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; height: 28px !important; padding: 0 12px !important; border-radius: 8px !important; cursor: pointer !important; font: 800 10.5px/1 var(--vm-font, Manrope, sans-serif) !important; letter-spacing: .08em !important; text-transform: uppercase !important; white-space: nowrap !important; color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; } body.vey-renewal .topbar #currentObjective .objective-command::before, body.vey-renewal .topbar #currentObjective .objective-command::after { content: none !important; display: none !important; } body.vey-renewal .topbar #currentObjective .objective-command small { display: none !important; } body.vey-renewal .topbar #currentObjective .objective-command span { all: unset !important; } /* ================= DESKTOP-EINPASSUNG: Abenteuer ================= */ @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen:is(.select, .active, .report) { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)); height: var(--pv-h) !important; max-height: var(--pv-h) !important; grid-template-rows: none !important; display: flex !important; flex-direction: column !important; gap: 10px !important; overflow: hidden !important; } body.vey-renewal #view .expedition-screen:is(.select, .active, .report) > * { flex: 0 0 auto !important; } body.vey-renewal #view .expedition-screen > .adventure-tabs > button { padding: 8px 14px !important; } body.vey-renewal #view .expedition-screen.select > section:not(.adventure-explore) { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; align-content: start !important; } body.vey-renewal #view .expedition-screen.select > .adventure-bosses { overflow: hidden !important; display: flex !important; flex-direction: column !important; } body.vey-renewal #view .expedition-screen.select > .adventure-bosses > .adventure-boss-focus { flex: 1 1 auto !important; min-height: 0 !important; } body.vey-renewal #view .expedition-screen.select > .adventure-bosses .adventure-boss-art { min-height: 0 !important; } /* Erkunden: Missionstafel links, Region + Vorbereitung rechts */ body.vey-renewal #view .expedition-screen.select > .adventure-explore { flex: 1 1 auto !important; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 360px !important; grid-template-rows: auto auto minmax(0, 1fr) !important; grid-template-areas: "nav nav" "dock region" "dock prep" !important; gap: 10px 12px !important; } body.vey-renewal #view .expedition-screen.select .adventure-focus-nav { grid-area: nav !important; padding: 4px 8px !important; } body.vey-renewal #view .expedition-screen.select .adventure-focus-title b { font-size: 17px !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-focus { grid-area: region !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; border-radius: 18px !important; overflow: hidden !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-artwork { min-height: 0 !important; height: 96px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-info { border: 0 !important; border-radius: 0 !important; padding: 10px 14px 12px !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-info > header h1 { font-size: 20px !important; } body.vey-renewal #view .expedition-screen.select .adventure-mystery-copy { display: none !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-status > span { display: flex !important; align-items: baseline !important; gap: 8px !important; padding: 6px 10px !important; } body.vey-renewal #view .expedition-screen.select .journey-preparation { grid-area: prep !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; padding: 12px 14px !important; gap: 10px !important; align-content: start !important; } body.vey-renewal #view .expedition-screen.select .journey-preparation h2 { font-size: 17px !important; } body.vey-renewal #view .expedition-screen.select .journey-preparation > :is(header, div:first-child) { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .journey-build-readout { grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .journey-build-readout > div { padding: 9px 11px !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine-command > header { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine-command > header p { display: none !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 5px !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine { padding: 8px 10px !important; grid-template-columns: 28px minmax(0, 1fr) auto !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine > i { width: 28px !important; height: 28px !important; } body.vey-renewal #view .expedition-screen.select .combat-doctrine em { font-size: 11px !important; } body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock { grid-area: dock !important; min-height: 0 !important; display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) auto !important; gap: 10px !important; padding: 14px 16px !important; } body.vey-renewal #view .expedition-screen.select .journey-mode { padding: 8px 12px !important; } body.vey-renewal #view .expedition-screen.select .journey-mode > p { display: none !important; } body.vey-renewal #view .expedition-screen.select .mission-board { min-height: 0 !important; grid-template-rows: minmax(0, 1fr) auto !important; } body.vey-renewal #view .expedition-screen.select .mission-board__card { min-height: 0 !important; height: 100% !important; align-items: center !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy { padding: 18px 22px !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy h2 { font-size: 26px !important; } body.vey-renewal #view .expedition-screen.select .journey-preflight { display: none !important; } /* Laufende Expedition: Kopf oben, Ereignisse links, Region + Beute rechts */ body.vey-renewal #view .expedition-screen.active { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px !important; grid-template-rows: auto auto minmax(0, 1fr) !important; grid-template-areas: "tabs tabs" "visual visual" "grid loot" !important; gap: 10px 12px !important; } body.vey-renewal #view .expedition-screen.active > .adventure-tabs { grid-area: tabs !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual { grid-area: visual !important; padding: 14px 18px !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen.active > .adventure-active-grid { grid-area: grid !important; min-height: 0 !important; grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.active > .adventure-active-grid > .expedition-region-panel { display: none !important; } body.vey-renewal #view .expedition-screen.active .expedition-feed { min-height: 0 !important; height: 100% !important; grid-template-rows: auto minmax(0, 1fr) !important; } body.vey-renewal #view .expedition-screen.active .expedition-feed > ol { max-height: none !important; min-height: 0 !important; } body.vey-renewal #view .expedition-screen.active > .expedition-loot-bag { grid-area: loot !important; min-height: 0 !important; overflow-y: auto !important; align-content: start !important; background: linear-gradient(180deg, rgba(10, 9, 14, .3), rgba(14, 13, 20, .96) 130px), var(--region-art) center top / 100% auto no-repeat, #15131c !important; padding-top: 110px !important; } body.vey-renewal #view .expedition-screen.active .expedition-loot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen.active .expedition-journey { padding: 10px 12px !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.active .journey-axis { padding: 14px 4px 6px !important; } /* Bericht: zwei Spalten, Aktionen unten fest */ body.vey-renewal #view .expedition-screen.report { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important; grid-auto-rows: max-content !important; grid-auto-flow: row dense !important; align-content: start !important; gap: 10px 12px !important; overflow-y: auto !important; scrollbar-width: thin !important; } body.vey-renewal #view .expedition-screen.report > :is(.adventure-tabs, .journey-return, .expedition-report-actions) { grid-column: 1 / -1 !important; } body.vey-renewal #view .expedition-screen.report > :is(.journey-debrief, .journey-discovery, .journey-report-details, .journey-battle-reports) { grid-column: 1 !important; } body.vey-renewal #view .expedition-screen.report > :is(.expedition-total-loot, .expedition-report-quests) { grid-column: 2 !important; } body.vey-renewal #view .expedition-screen.report > .journey-return { padding: 16px 22px !important; } body.vey-renewal #view .expedition-screen.report > .journey-return h1 { font-size: 28px !important; } body.vey-renewal #view .expedition-screen.report > .expedition-report-actions { position: sticky !important; bottom: 0 !important; z-index: 2 !important; padding: 10px 14px !important; flex-wrap: nowrap !important; } body.vey-renewal #view .expedition-screen.report > .expedition-report-actions > p { flex-basis: auto !important; margin-right: auto !important; order: -1 !important; text-align: left !important; } } @media (min-width: 1025px) and (min-height: 600px) and (max-height: 820px) { body.vey-renewal #view .expedition-screen.select .region-core-stats { display: none !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-artwork { height: 70px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy > p { display: none !important; } body.vey-renewal #view .expedition-screen.active .expedition-active-header p { display: none !important; } } @media (min-width: 1025px) and (min-height: 600px) and (max-height: 820px) { body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock > header p, body.vey-renewal #view .expedition-screen.select .mission-board__copy .eyebrow, body.vey-renewal #view .expedition-screen.select .mission-board__finds { display: none !important; } body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock { padding: 10px 14px !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .adventure-expedition-dock h2 { font-size: 18px !important; } body.vey-renewal #view .expedition-screen.select .journey-mode { padding: 5px 10px !important; } body.vey-renewal #view .expedition-screen.select .journey-mode button { height: 32px !important; min-height: 0 !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats > div { padding: 5px 8px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy { max-width: 520px !important; padding: 12px 18px !important; gap: 6px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy h2 { font-size: 22px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy .button.primary { height: 40px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__pips > button { padding: 5px 10px !important; } } body.vey-renewal #view .expedition-screen.report .expedition-total-loot > header { display: grid !important; justify-content: start !important; gap: 2px !important; } body.vey-renewal #view .expedition-screen.report .expedition-report-quests { align-content: start !important; } /* ================= DESKTOP-EINPASSUNG: Reittiere, Begleiter, Schmiede, Rifts ================= */ body.vey-renewal #view .pv-side-col, body.vey-renewal #view .pv-scroll-col { all: unset !important; box-sizing: border-box !important; display: grid !important; gap: 14px !important; align-content: start !important; min-width: 0 !important; } body.vey-renewal #view .pv-side-col > :is(label, p) { padding: 0 4px !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)); height: var(--pv-h) !important; overflow: hidden !important; grid-template-columns: 320px minmax(0, 1fr) !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 12px !important; } body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) > .location-hero { grid-column: 1 / -1 !important; min-height: 0 !important; padding: 14px 20px !important; } body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) .location-hero__heading h1 { font-size: 28px !important; } body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) .location-hero__heading p { display: none !important; } body.vey-renewal #view :is(.pv-side-col, .pv-scroll-col, .companion-sanctuary, .companions-location > .active-collection-showcase) { min-height: 0 !important; max-height: 100% !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; } body.vey-renewal #view .pv-scroll-col { padding-right: 4px !important; } body.vey-renewal #view .pv-scroll-col > :is(.stable-collection, .mount-discoveries) { padding: 14px !important; } body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) .active-collection-showcase { grid-template-columns: minmax(0, 1fr) !important; align-content: start !important; gap: 10px !important; padding: 12px !important; } body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) .active-collection-showcase > .active-collection-portrait { height: clamp(150px, calc(var(--pv-h) - 470px), 300px) !important; } body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) .active-collection-showcase h2 { font-size: 24px !important; } body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) .active-collection-showcase .button { width: 100% !important; } body.vey-renewal #view .immersive-location:is(.mounts-location, .companions-location) .active-collection-showcase .equipped-state { justify-self: start !important; } body.vey-renewal #view .companions-location > .location-hero .location-hero__actions { grid-column: auto !important; } body.vey-renewal #view .companion-sanctuary { padding: 14px !important; align-content: start !important; } body.vey-renewal #view .companion-sanctuary .vey-focus-track > .collection-entity-card.vey-focus-current > .collection-art { min-height: 260px !important; } /* Schmiede */ body.vey-renewal #view .content:has(> .forge-workbench) { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)); height: var(--pv-h) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; } body.vey-renewal #view .content:has(> .forge-workbench) > .forge-workbench { flex: 1 1 auto !important; min-height: 0 !important; grid-template-rows: auto auto minmax(0, 1fr) !important; } body.vey-renewal #view .forge-workbench > .forge-master { padding: 12px 18px !important; } body.vey-renewal #view .forge-workbench > .forge-master h1 { font-size: 26px !important; } body.vey-renewal #view .forge-workbench > .forge-master > p { display: none !important; } body.vey-renewal #view .forge-workbench > :is(.forge-picker, .forge-anvil) { min-height: 0 !important; max-height: 100% !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; position: static !important; align-self: stretch !important; } body.vey-renewal #view .forge-workbench > .forge-picker { align-content: start !important; } body.vey-renewal #view .forge-workbench > .forge-anvil { padding: 14px !important; } /* Rifts */ body.vey-renewal #view .rift-screen { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)); height: var(--pv-h) !important; overflow: hidden !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 12px !important; } body.vey-renewal #view .rift-screen > .rift-hero { padding: 12px 18px !important; grid-template-columns: minmax(0, 1fr) auto auto !important; align-items: center !important; } body.vey-renewal #view .rift-screen > .rift-hero h1 { font-size: 26px !important; margin: 2px 0 0 !important; } body.vey-renewal #view .rift-screen > .rift-hero > div > p { display: none !important; } body.vey-renewal #view .rift-screen > .rift-hero > span { padding: 6px 12px !important; } body.vey-renewal #view .rift-screen > .rift-hero > span b { font-size: 20px !important; } body.vey-renewal #view .rift-screen .rift-oath-ledger { grid-column: auto !important; grid-template-columns: repeat(4, auto) !important; } body.vey-renewal #view .rift-screen .rift-oath-ledger > span { padding: 6px 10px !important; } body.vey-renewal #view .rift-screen > :is(.rift-select-stage, .rift-run, .rift-cache-reveal) { min-height: 0 !important; } body.vey-renewal #view .rift-select-stage { height: 100% !important; } body.vey-renewal #view .rift-select-stage > :is(.rift-shard-grid, .rift-inspect) { max-height: 100% !important; height: 100% !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(154, 134, 255, .35) transparent !important; position: static !important; } body.vey-renewal #view .rift-select-stage > .rift-inspect { align-content: start !important; padding: 14px 16px !important; gap: 10px !important; } body.vey-renewal #view .rift-screen > :is(.rift-run, .rift-cache-reveal) { overflow-y: auto !important; } } @media (min-width: 1025px) and (min-height: 600px) and (max-height: 820px) { body.vey-renewal #view .rift-select-stage .rift-inspect > header > img { width: 64px !important; height: 64px !important; } body.vey-renewal #view .rift-select-stage .rift-inspect > header { grid-template-columns: 64px minmax(0, 1fr) auto !important; } body.vey-renewal #view .rift-select-stage .rift-oath em { display: none !important; } body.vey-renewal #view .rift-range-hint { display: none !important; } } @media (min-width: 1025px) { body.vey-renewal #view .expedition-screen:is(.select, .active, .report) > .adventure-tabs { align-self: stretch !important; } } @media (min-width: 1025px) and (min-height: 600px) { html body.vey-renewal #view { padding-bottom: 14px !important; } } /* ================= INVENTAR & LAGER ================= */ body.vey-renewal #view .content:has(> .armory-command) { max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 0 !important; display: grid !important; gap: 12px !important; } body.vey-renewal #view .content:has(> .armory-command) :where(.armory-command, .armory-command *:not(.item-slot):not(.item-slot *):not(.button), .inventory-utility-tabs, .inventory-utility-tabs *, .crafting-panel, .crafting-panel *, .loadout-panel, .loadout-panel *:not(.button)), body.vey-renewal #view .content:has(> .armory-command) :where(.armory-command, .armory-command *:not(.item-slot):not(.item-slot *), .crafting-panel, .crafting-panel *, .loadout-panel, .loadout-panel *)::before, body.vey-renewal #view .content:has(> .armory-command) :where(.armory-command, .armory-command *:not(.item-slot):not(.item-slot *), .crafting-panel, .crafting-panel *, .loadout-panel, .loadout-panel *)::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .content:has(> .armory-command) :where(.armory-command, .crafting-panel, .loadout-panel) :where(div, section, header, nav, p, h2, details, summary, article) { display: block !important; } body.vey-renewal #view .content:has(> .armory-command) > .view-title, body.vey-renewal #view .content:has(> .armory-command) .armory-command__hero, body.vey-renewal #view .content:has(> .armory-command) .inventory-trade-hint { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) .button { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 34px !important; padding: 4px 14px !important; border-radius: 10px !important; cursor: pointer !important; white-space: nowrap !important; font: 700 11px/1.2 var(--pv-font) !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s, filter .15s !important; } body.vey-renewal #view .content:has(> .armory-command) .button:hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .content:has(> .armory-command) .button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view .content:has(> .armory-command) .button.salvage { color: #ffb4a6 !important; border-color: rgba(255, 120, 100, .35) !important; background: rgba(255, 90, 70, .06) !important; } body.vey-renewal #view .content:has(> .armory-command) .button:disabled { opacity: .45 !important; cursor: not-allowed !important; } body.vey-renewal #view .content:has(> .armory-command) .eyebrow { font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .content:has(> .armory-command) h2 { font: 600 19px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipped-panel, .inventory-zone, .crafting-panel, .loadout-panel) { display: grid !important; align-content: start !important; gap: 10px !important; padding: 14px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important; min-width: 0 !important; } /* Unterreiter (Equipment/Monster Loot/…) */ body.vey-renewal #view .content:has(> .armory-command) > nav.community-tabs { all: unset !important; box-sizing: border-box !important; display: flex !important; gap: 4px !important; padding: 4px !important; border-radius: 14px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.community-tabs > button { all: unset !important; box-sizing: border-box !important; flex: 1 1 0 !important; text-align: center !important; padding: 9px 14px !important; border-radius: 10px !important; cursor: pointer !important; font: 700 11.5px/1 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.community-tabs > button:hover { color: var(--pv-text) !important; background: rgba(255, 255, 255, .04) !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.community-tabs > button:is(.active, [aria-selected="true"], [aria-pressed="true"]) { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; } /* Angelegt */ body.vey-renewal #view .content:has(> .armory-command) .equipped-panel .section-head { display: grid !important; gap: 2px !important; } body.vey-renewal #view .content:has(> .armory-command) .equipped-panel .section-head small { font: 700 10.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .content:has(> .armory-command) .equipment-summary { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px 6px !important; } body.vey-renewal #view .content:has(> .armory-command) .equipment-slot { display: grid !important; justify-items: center !important; gap: 3px !important; min-width: 0 !important; } body.vey-renewal #view .content:has(> .armory-command) .equipment-slot > small { order: 2 !important; font: 600 10px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; } /* Leiste über Tasche/Lager */ body.vey-renewal #view .content:has(> .armory-command) .armory-command > .inventory-tabs { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } body.vey-renewal #view .content:has(> .armory-command) .armory-command > .inventory-tabs .button { min-height: 32px !important; } /* Tasche & Lager */ body.vey-renewal #view .content:has(> .armory-command) .inventory-zone > .capacity-head { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-zone > .capacity-head h2 { font: 800 20px/1.1 var(--pv-font) !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-zone > .capacity-head small { display: block !important; font: 500 11px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-zone__hint { font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.loot-fortune, .loot-upgrade-focus) { display: grid !important; grid-template-columns: 28px minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; border-radius: 12px !important; background: rgba(154, 134, 255, .06) !important; border: 1px solid rgba(154, 134, 255, .22) !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.loot-fortune, .loot-upgrade-focus) > i { display: grid !important; place-items: center !important; width: 28px !important; height: 28px !important; border-radius: 8px !important; background: rgba(154, 134, 255, .15) !important; color: #c9bcff !important; font-style: normal !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.loot-fortune, .loot-upgrade-focus) > div { display: grid !important; gap: 1px !important; min-width: 0 !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.loot-fortune, .loot-upgrade-focus) small { font: 700 9px/1.25 var(--pv-font) !important; letter-spacing: .1em !important; color: #b9a8ff !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.loot-fortune, .loot-upgrade-focus) b { font: 700 11.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.loot-fortune, .loot-upgrade-focus) em { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.loot-fortune, .loot-upgrade-focus) strong { display: grid !important; justify-items: end !important; font: 800 15px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-management-disclosure > summary { display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; padding: 6px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; font: 600 11.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-management-disclosure > summary * { font: inherit !important; color: inherit !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-management-disclosure[open] > :not(summary) { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 10px !important; margin-top: 8px !important; font: 600 11px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-management-disclosure[open] :is(label, div, span) { display: inline-flex !important; align-items: center !important; gap: 6px !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-management-disclosure select { height: 30px !important; padding: 0 26px 0 10px !important; border-radius: 9px !important; cursor: pointer !important; font: 700 11.5px/30px var(--pv-font) !important; color: var(--pv-text) !important; border: 1px solid var(--pv-line) !important; background: rgba(255, 255, 255, .05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d58e' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 8px center / 12px no-repeat !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)) !important; gap: 8px 6px !important; align-content: start !important; } body.vey-renewal #view .content:has(> .armory-command) .equipment-transfer { display: grid !important; justify-items: center !important; gap: 3px !important; min-width: 0 !important; } body.vey-renewal #view .content:has(> .armory-command) .equipment-transfer > button:not(.item-slot) { cursor: pointer !important; padding: 2px 8px !important; border-radius: 7px !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .06em !important; color: var(--pv-muted) !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .content:has(> .armory-command) .equipment-transfer > button:not(.item-slot):hover { color: var(--pv-text) !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .content:has(> .armory-command) .equipment-transfer > small { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) .capacity-grid-expand { display: block !important; cursor: pointer !important; text-align: center !important; padding: 8px !important; border-radius: 10px !important; font: 700 11px/1.2 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-gold) !important; border: 1px dashed var(--pv-gold-dim) !important; } /* Kacheln */ body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot { --pv-r: rgba(255, 255, 255, .2); position: relative !important; display: grid !important; place-items: center !important; width: 100% !important; max-width: 76px !important; height: auto !important; aspect-ratio: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border-radius: 12px !important; cursor: pointer !important; overflow: visible !important; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--pv-r) 26%, transparent), transparent 70%), linear-gradient(180deg, #1d1b26, #111018) !important; border: 1.5px solid var(--pv-r) !important; box-shadow: inset 0 0 14px -6px var(--pv-r) !important; transition: transform .15s !important; outline: 0 !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot::before, body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot::after { content: none !important; display: none !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot:not(.item-slot-empty):not(.capacity-slot-locked):hover { filter: brightness(1.12) !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > img { width: 80% !important; height: 80% !important; object-fit: contain !important; position: static !important; transform: none !important; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .6)) !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.item-slot-empty > img { width: 50% !important; height: 50% !important; opacity: .25 !important; filter: grayscale(1) !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.item-slot-empty, body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.capacity-slot-locked { border-style: dashed !important; --pv-r: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .025) !important; box-shadow: none !important; cursor: default !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.item-slot-empty > span { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.capacity-slot-locked > b { font: 800 8.5px/1 var(--pv-font) !important; letter-spacing: .12em !important; color: rgba(255, 255, 255, .25) !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > span { position: absolute !important; inset: auto !important; width: auto !important; height: auto !important; min-width: 0 !important; padding: 1px 4px !important; border-radius: 6px !important; font: 800 9px/1.3 var(--pv-font) !important; background: rgba(8, 8, 12, .88) !important; border: 1px solid var(--pv-line) !important; color: var(--pv-gold) !important; transform: none !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > .item-slot-rank { right: 3px !important; bottom: 3px !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > .item-slot-equipped { left: 3px !important; bottom: 3px !important; color: #6cf0a9 !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > .item-slot-marker { left: 3px !important; top: 3px !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > .item-slot-marker ~ .item-slot-marker { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > .item-slot-marker.better { color: #6cf0a9 !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot > .item-slot-marker.new { color: #fff !important; background: #b0453a !important; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.rarity-ungewöhnlich { --pv-r: #5fc46a; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.rarity-magisch { --pv-r: #4f8dff; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.rarity-selten { --pv-r: #f2d24b; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.rarity-episch { --pv-r: #b062ff; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.rarity-legendär { --pv-r: #ff9a3c; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.rarity-mythisch { --pv-r: #ff4f6a; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.rarity-ewig { --pv-r: #5ff0e6; } body.vey-renewal #view .content:has(> .armory-command) :is(.equipment-summary, .inventory-grid) .item-slot.drop-ready { border-color: var(--pv-gold) !important; box-shadow: 0 0 0 2px rgba(243, 213, 142, .35) !important; } /* Materialien & Loadouts */ body.vey-renewal #view .content:has(> .armory-command) > nav.inventory-utility-tabs { all: unset !important; box-sizing: border-box !important; display: flex !important; gap: 4px !important; padding: 3px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; align-self: start !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.inventory-utility-tabs > button { all: unset !important; box-sizing: border-box !important; flex: 1 1 0 !important; text-align: center !important; padding: 7px 12px !important; border-radius: 9px !important; cursor: pointer !important; font: 700 11px/1 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.inventory-utility-tabs > button.active { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.inventory-utility-tabs > button b { margin-left: 4px !important; } body.vey-renewal #view .content:has(> .armory-command) .crafting-panel { grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 14px !important; padding: 10px 14px !important; } body.vey-renewal #view .content:has(> .armory-command) .crafting-panel h2 { font-size: 16px !important; } body.vey-renewal #view .content:has(> .armory-command) .material-counts { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .content:has(> .armory-command) .material-chip { display: grid !important; grid-template-columns: 26px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; align-items: center !important; column-gap: 8px !important; padding: 5px 9px !important; border-radius: 10px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; cursor: help !important; } body.vey-renewal #view .content:has(> .armory-command) .material-chip > i { grid-row: 1 / span 2 !important; display: block !important; width: 26px !important; height: 26px !important; background: var(--material-art, var(--chip-art)) center / contain no-repeat !important; } body.vey-renewal #view .content:has(> .armory-command) .material-chip > b { font: 800 13px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .content:has(> .armory-command) .material-chip > small { font: 600 10px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-panel > :is(header, div:first-child:not(.loadout-grid)) { display: grid !important; gap: 2px !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-grid { display: grid !important; gap: 6px !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-card { display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto !important; align-items: center !important; gap: 6px !important; padding: 7px 10px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-card > div { display: grid !important; gap: 1px !important; min-width: 0 !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-card small { font: 700 9px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-card b { font: 700 12.5px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-card span { font: 500 10px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-card .button { min-height: 28px !important; padding: 2px 10px !important; font-size: 10px !important; } /* Desktop: alles in einem Bildschirm */ @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .content:has(> .armory-command) { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)); height: var(--pv-h) !important; overflow: hidden !important; grid-template-columns: 330px minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto auto minmax(0, 1fr) auto auto !important; grid-template-areas: "tabs tabs tabs" "eq bar sbtn" "eq bag store" "load util util" "load craft craft" !important; gap: 10px 12px !important; } body.vey-renewal #view .content:has(> .armory-command) .armory-command, body.vey-renewal #view .content:has(> .armory-command) .inventory-vault-grid { display: contents !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.community-tabs { grid-area: tabs !important; } body.vey-renewal #view .content:has(> .armory-command) .equipped-panel { grid-area: eq !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; } body.vey-renewal #view .content:has(> .armory-command) .armory-command > .inventory-tabs { grid-area: bar !important; align-self: center !important; } body.vey-renewal #view .content:has(> .armory-command) .armory-command > button.button { grid-area: sbtn !important; justify-self: end !important; align-self: center !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-zone--bag { grid-area: bag !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-zone--storage { grid-area: store !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-zone { min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.inventory-utility-tabs { grid-area: util !important; } body.vey-renewal #view .content:has(> .armory-command) > .crafting-panel { grid-area: craft !important; } body.vey-renewal #view .content:has(> .armory-command) > :is(.loadout-panel, section.card.loadout-panel) { grid-area: load !important; padding: 10px 12px !important; gap: 6px !important; } body.vey-renewal #view .content:has(> .armory-command) > :not(nav):not(.armory-command):not(.crafting-panel):not(.loadout-panel):not(.view-title):not(.inventory-utility-tabs) { grid-column: 2 / -1 !important; } } @media (min-width: 1025px) and (min-height: 600px) and (max-height: 820px) { body.vey-renewal #view .content:has(> .armory-command) :is(.loot-fortune, .loot-upgrade-focus) { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) .equipped-panel .section-head small { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-card span { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-grid { grid-template-columns: repeat(auto-fill, minmax(54px, 1fr)) !important; } } @media (max-width: 760px) { body.vey-renewal #view .content:has(> .armory-command) > nav.community-tabs { overflow-x: auto !important; scrollbar-width: none !important; } body.vey-renewal #view .content:has(> .armory-command) > nav.community-tabs > button { flex: 0 0 auto !important; } body.vey-renewal #view .content:has(> .armory-command) .equipment-summary { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.vey-renewal #view .content:has(> .armory-command) .crafting-panel { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .content:has(> .armory-command) .material-counts { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .content:has(> .armory-command) .inventory-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .content:has(> .armory-command) > nav.inventory-utility-tabs { align-self: end !important; } body.vey-renewal #view .content:has(> .armory-command) > .crafting-panel { align-self: stretch !important; align-content: start !important; } body.vey-renewal #view .content:has(> .armory-command) .material-counts { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-panel .eyebrow { display: none !important; } body.vey-renewal #view .content:has(> .armory-command) .loadout-panel h2 { font-size: 15px !important; } body.vey-renewal #view .content:has(> .armory-command) .armory-command > .inventory-tabs { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; } body.vey-renewal #view .content:has(> .armory-command) .armory-command > .inventory-tabs .button { padding: 2px 11px !important; font-size: 10.5px !important; } } body.vey-renewal #view .content:has(> .armory-command) .equipment-transfer > button:not(.item-slot) { width: 100% !important; max-width: 76px !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; font-size: 8.5px !important; padding: 2px 2px !important; } /* ================= SKILLS (Arsenal): Ausrüstung links, Auswahl rechts ================= */ @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .class-arsenal { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)); height: var(--pv-h) !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; overflow: hidden !important; display: grid !important; grid-template-columns: 420px minmax(0, 1fr) !important; grid-template-rows: auto auto minmax(0, 1fr) auto !important; grid-template-areas: "hero hero" "equip avail" "load avail" "switch avail" !important; gap: 10px 12px !important; padding: 0 !important; } body.vey-renewal #view .class-arsenal > * { margin: 0 !important; min-width: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero { grid-area: hero !important; min-height: 0 !important; height: auto !important; padding: 10px 16px 10px 130px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; position: relative !important; overflow: hidden !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-hero-art { position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 120px !important; height: auto !important; min-height: 0 !important; background-size: cover !important; background-position: center 15% !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-identity { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 4px 16px !important; padding: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-identity > .eyebrow { grid-column: 1 / -1 !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-identity h1 { font-size: 28px !important; margin: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-identity > p, body.vey-renewal #view .class-arsenal > .arsenal-hero .build-summary { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-class-mechanic { margin: 0 !important; padding: 8px 12px !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-class-mechanic p { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-unlocks { padding: 6px 12px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped { grid-area: equip !important; padding: 12px 14px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped > div { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped p { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped h2 { font-size: 17px !important; margin: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot-row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot-row.passive-slots { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot { min-height: 0 !important; height: auto !important; padding: 6px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot .priority-meta em, body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot .priority-meta span { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .defensive-summary-block { display: grid !important; gap: 4px !important; padding: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .defensive-summary-block > :is(.eyebrow, h2) { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-available { grid-area: avail !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; padding: 12px 14px !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts { grid-area: load !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; padding: 10px 12px !important; align-self: stretch !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts > header h2 { font-size: 15px !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts > div { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts .phase151-loadout-card { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 6px 10px !important; padding: 6px 10px !important; min-height: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts .phase151-loadout-card > :is(header, dl, .loadout-build-counts, .loadout-effects) { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts .phase151-loadout-card .loadout-identity h2 { font-size: 15px !important; margin: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts .phase151-loadout-card .loadout-identity i { width: 30px !important; height: 30px !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts .phase151-loadout-card > footer { display: flex !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts .phase151-loadout-card .button { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; height: 28px !important; padding: 0 10px !important; border-radius: 8px !important; cursor: pointer !important; font: 700 10px/1 var(--pv-font) !important; letter-spacing: .07em !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts .phase151-loadout-card .button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view .class-arsenal > .class-switcher { grid-area: switch !important; padding: 8px 12px !important; } body.vey-renewal #view .class-arsenal > .class-switcher[open] { max-height: 40vh !important; overflow-y: auto !important; } } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .class-arsenal > .arsenal-equipped { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; border-radius: 18px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped > div { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped > div > .eyebrow { font-size: 9.5px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .defensive-summary { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .defensive-summary > span { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 5px 10px !important; min-height: 0 !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .defensive-summary em { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot { display: grid !important; justify-items: center !important; align-content: center !important; gap: 3px !important; min-height: 92px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot > small { font-size: 9px !important; letter-spacing: .08em !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot .skill-icon-button { width: 46px !important; height: 46px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot .skill-icon-button span { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot .arsenal-remove { position: absolute !important; top: 4px !important; right: 4px !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot.passive { min-height: 70px !important; } } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .class-arsenal .arsenal-available .arsenal-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; gap: 10px !important; width: auto !important; overflow: visible !important; } body.vey-renewal #view .class-arsenal .arsenal-available .arsenal-grid > * { width: auto !important; min-width: 0 !important; max-width: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts > header { display: block !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts > header h2 { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts > header .eyebrow { display: block !important; margin-bottom: 6px !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero { padding-top: 6px !important; padding-bottom: 6px !important; } } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot .priority-meta { display: none !important; } body.vey-renewal #view .class-arsenal > .arsenal-equipped .arsenal-slot > small { position: static !important; } body.vey-renewal #view .class-arsenal > .arsenal-loadouts .phase151-loadout-card .loadout-identity p { display: none !important; } /* übrige Orte (Aufstieg, Bestiarium …): kompakter Kopf, Inhalt scrollt im Panel statt der Seite */ body.vey-renewal #view .immersive-location:not(.mounts-location):not(.companions-location) { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)); max-height: var(--pv-h) !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; padding-right: 4px !important; } body.vey-renewal #view .immersive-location:not(.mounts-location):not(.companions-location) > .location-hero { min-height: 0 !important; padding: 14px 20px !important; } body.vey-renewal #view .immersive-location:not(.mounts-location):not(.companions-location) .location-hero__heading h1 { font-size: 28px !important; } } /* ================= KOPFZEILE v2: neue Icons, klare Gruppen ================= */ html body.vey-renewal .topbar { background: linear-gradient(180deg, rgba(22, 20, 30, .96), rgba(14, 13, 20, .94)) !important; border-bottom: 1px solid rgba(232, 196, 128, .14) !important; box-shadow: 0 10px 30px -18px #000 !important; } html body.vey-renewal .topbar .global-hero { display: flex !important; align-items: center !important; gap: 10px !important; padding: 3px 12px 3px 3px !important; border-radius: 13px !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(232, 196, 128, .16) !important; box-shadow: none !important; } html body.vey-renewal .topbar .global-hero:hover { border-color: rgba(232, 196, 128, .45) !important; } html body.vey-renewal .topbar .global-hero__portrait { border-radius: 10px !important; border: 1px solid rgba(232, 196, 128, .5) !important; background-size: cover !important; background-position: center 18% !important; } html body.vey-renewal .topbar .global-hero__identity { display: grid !important; gap: 1px !important; min-width: 0 !important; } html body.vey-renewal .topbar .global-hero__identity b { font: 800 13px/1.15 var(--vm-font, Manrope, sans-serif) !important; color: #efe7d6 !important; letter-spacing: 0 !important; text-transform: none !important; } html body.vey-renewal .topbar .global-hero__identity em { font: 600 10.5px/1.2 var(--vm-font, Manrope, sans-serif) !important; font-style: normal !important; color: #a59c8b !important; letter-spacing: .02em !important; } html body.vey-renewal .topbar .global-hero__xp { display: block !important; height: 3px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; overflow: hidden !important; margin-top: 2px !important; } html body.vey-renewal .topbar .global-hero__xp > span { display: block !important; height: 100% !important; background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } html body.vey-renewal .topbar .global-hero__power { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 0 0 0 10px !important; margin-left: 2px !important; border-left: 1px solid rgba(232, 196, 128, .16) !important; background: none !important; } html body.vey-renewal .topbar .global-hero__power .power-core-icon { display: block !important; width: 20px !important; height: 20px !important; background: url("./assets/ui/header-v1/power.svg") center / contain no-repeat !important; border: 0 !important; box-shadow: none !important; filter: none !important; animation: none !important; } html body.vey-renewal .topbar .global-hero__power .power-core-icon::before, html body.vey-renewal .topbar .global-hero__power .power-core-icon::after { content: none !important; display: none !important; } html body.vey-renewal .topbar .global-hero__power b { font: 800 15px/1 var(--vm-font, Manrope, sans-serif) !important; color: #f3d58e !important; background: none !important; -webkit-text-fill-color: #f3d58e !important; text-shadow: 0 0 12px rgba(243, 213, 142, .35) !important; letter-spacing: .01em !important; font-variant-numeric: tabular-nums !important; } html body.vey-renewal .topbar .resources { display: flex !important; align-items: center !important; gap: 6px !important; } html body.vey-renewal .topbar .resource { display: inline-flex !important; align-items: center !important; gap: 6px !important; height: 34px !important; min-height: 0 !important; padding: 0 12px 0 6px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(255, 255, 255, .08) !important; box-shadow: none !important; cursor: help !important; transition: border-color .15s !important; } html body.vey-renewal .topbar .resource:hover { border-color: rgba(232, 196, 128, .4) !important; } html body.vey-renewal .topbar .resource .resource-art { display: block !important; width: 24px !important; height: 24px !important; flex: 0 0 24px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; background: center / contain no-repeat !important; } html body.vey-renewal .topbar .resource .resource-art::before, html body.vey-renewal .topbar .resource .resource-art::after { content: none !important; display: none !important; } html body.vey-renewal .topbar .resource.gold .resource-art { background-image: url("./assets/ui/header-v1/gold.svg") !important; } html body.vey-renewal .topbar .resource.gems .resource-art { background-image: url("./assets/ui/header-v1/gem.svg") !important; } html body.vey-renewal .topbar .resource.energy .resource-art { background-image: url("./assets/ui/header-v1/energy.svg") !important; } html body.vey-renewal .topbar .resource b { font: 800 13.5px/1 var(--vm-font, Manrope, sans-serif) !important; letter-spacing: .01em !important; font-variant-numeric: tabular-nums !important; -webkit-text-fill-color: currentColor !important; background: none !important; text-shadow: none !important; } html body.vey-renewal .topbar .resource.gold b { color: #ffd774 !important; } html body.vey-renewal .topbar .resource.gems b { color: #d3a6ff !important; } html body.vey-renewal .topbar .resource.energy b { color: #7ff3e2 !important; } html body.vey-renewal .topbar :is(.notification-button, .settings, .experience-guide-link, #journeyTravel) { position: relative !important; display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 0 !important; padding: 0 !important; border-radius: 11px !important; cursor: pointer !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(255, 255, 255, .08) !important; box-shadow: none !important; font-size: 0 !important; color: transparent !important; transition: border-color .15s, background .15s, transform .15s !important; overflow: visible !important; clip-path: none !important; } html body.vey-renewal .topbar :is(.notification-button, .settings, .experience-guide-link, #journeyTravel):hover { border-color: rgba(232, 196, 128, .45) !important; background: rgba(232, 196, 128, .08) !important; transform: translateY(-1px) !important; } html body.vey-renewal .topbar :is(.experience-guide-link, #journeyTravel)::before, html body.vey-renewal .topbar :is(.notification-button, .settings)::before { content: "" !important; display: block !important; width: 21px !important; height: 21px !important; background-color: transparent !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; position: static !important; border: 0 !important; box-shadow: none !important; transform: none !important; opacity: 1 !important; } html body.vey-renewal .topbar :is(.experience-guide-link, #journeyTravel, .notification-button, .settings)::after { content: none !important; display: none !important; } html body.vey-renewal .topbar :is(.notification-button, #vx-none-1, #vx-none-2)::before { background-image: url("./assets/ui/header-v1/bell.svg") !important; } html body.vey-renewal .topbar :is(.settings, #vx-none-1, #vx-none-2)::before { background-image: url("./assets/ui/header-v1/gear.svg") !important; } html body.vey-renewal .topbar :is(.experience-guide-link, #vx-none-1, #vx-none-2)::before { background-image: url("./assets/ui/header-v1/book.svg") !important; } html body.vey-renewal .topbar #journeyTravel::before { background-image: url("./assets/ui/header-v1/compass.svg") !important; } html body.vey-renewal .topbar :is(.notification-button, .settings) > .header-action-icon, html body.vey-renewal .topbar #journeyTravel > :not(#x), html body.vey-renewal .topbar .experience-guide-link > * { display: none !important; } html body.vey-renewal .topbar .notification-button > #notificationBadge { display: grid !important; place-items: center !important; position: absolute !important; top: -5px !important; right: -5px !important; min-width: 17px !important; height: 17px !important; padding: 0 4px !important; border-radius: 99px !important; font: 800 10px/1 var(--vm-font, Manrope, sans-serif) !important; font-style: normal !important; color: #1a0d0a !important; background: #ff8a6a !important; border: 2px solid #15131c !important; } html body.vey-renewal .topbar .notification-button > #notificationBadge:is(:empty, [hidden]) { display: none !important; } html body.vey-renewal .topbar .settings:hover::before { transform: rotate(40deg) !important; transition: transform .3s !important; } /* Aktiv-Leiste: Reittier, Begleiter, Tränke */ html body.vey-renewal .topbar .header-status { gap: 5px !important; padding-right: 8px !important; margin-right: 2px !important; border-right: 1px solid rgba(232, 196, 128, .14) !important; } html body.vey-renewal .topbar .hs-chip { width: 36px !important; height: 36px !important; border-radius: 11px !important; background: radial-gradient(circle at 50% 60%, rgba(232, 196, 128, .14), transparent 70%), rgba(255, 255, 255, .04) !important; border: 1px solid rgba(232, 196, 128, .22) !important; } html body.vey-renewal .topbar .hs-chip i { width: 30px !important; height: 30px !important; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .6)) !important; } html body.vey-renewal .topbar .hs-chip.is-empty { background: rgba(255, 255, 255, .02) !important; border: 1px dashed rgba(255, 255, 255, .16) !important; } html body.vey-renewal .topbar .hs-chip.is-empty i { width: 30px !important; height: 30px !important; font: 600 16px/30px var(--vm-font, Manrope, sans-serif) !important; color: #a59c8b !important; } @media (max-width: 760px) { html body.vey-renewal .topbar .resource { height: 30px !important; padding: 0 9px 0 4px !important; } html body.vey-renewal .topbar .resource .resource-art { width: 20px !important; height: 20px !important; flex-basis: 20px !important; } html body.vey-renewal .topbar :is(.notification-button, .settings, .experience-guide-link, #journeyTravel) { width: 32px !important; height: 32px !important; min-width: 32px !important; } } html body.vey-renewal .topbar .global-hero__identity { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: none !important; grid-auto-flow: row !important; } html body.vey-renewal .topbar .global-hero__identity > * { grid-column: 1 !important; grid-row: auto !important; } html body.vey-renewal .topbar .global-hero__power { flex-direction: row !important; height: auto !important; } html body.vey-renewal .topbar .global-hero__power small { display: none !important; } @media (min-width: 761px) { html body.vey-renewal .topbar { justify-content: flex-start !important; } html body.vey-renewal .topbar #journeyTravel { order: 99 !important; margin-left: 0 !important; } } /* ================= ARENA ================= */ body.vey-renewal #view .arena-roster, body.vey-renewal #view .arena-roster :where(*:not(.button)), body.vey-renewal #view .arena-roster :where(*)::before, body.vey-renewal #view .arena-roster :where(*)::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .arena-roster :where(div, section, header, footer, article, p, h2, h3, details, summary, ol, ul, li) { display: block !important; } body.vey-renewal #view .arena-roster { display: grid !important; grid-template-columns: minmax(0, 1fr) 330px !important; grid-template-areas: "head head" "champs war" "champs hall" "champs more" !important; grid-template-rows: auto auto auto 1fr !important; gap: 12px !important; align-items: start !important; } body.vey-renewal #view .arena-roster .button { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; padding: 6px 14px !important; border-radius: 11px !important; cursor: pointer !important; text-align: center !important; font: 700 11.5px/1.2 var(--pv-font) !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, background .15s, filter .15s !important; } body.vey-renewal #view .arena-roster .button:hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .arena-roster .button.primary { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view .arena-roster .button:disabled { opacity: .45 !important; cursor: not-allowed !important; } body.vey-renewal #view .arena-roster > .location-section-heading { grid-area: head !important; display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 12px !important; } body.vey-renewal #view .arena-roster > .location-section-heading .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .arena-roster > .location-section-heading h2 { font: 600 22px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .arena-roster .arena-warboard { grid-area: war !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; padding: 12px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .arena-roster .arena-warboard > span { display: grid !important; gap: 2px !important; padding: 8px 10px !important; border-radius: 11px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .arena-roster .arena-warboard small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .arena-roster .arena-warboard b { font: 800 16px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .arena-roster .arena-hall-preview { grid-area: hall !important; display: grid !important; gap: 8px !important; padding: 12px 14px !important; border-radius: 18px !important; background: linear-gradient(160deg, rgba(232, 196, 128, .1), rgba(28, 26, 38, .94) 60%) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .arena-roster .arena-hall-preview > header { display: grid !important; gap: 1px !important; } body.vey-renewal #view .arena-roster .arena-hall-preview > header span { font: 600 16px/1.2 var(--pv-display) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .arena-roster .arena-hall-preview > header small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .arena-roster .arena-hall-preview p { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .arena-roster .arena-hall-preview > div { display: grid !important; gap: 4px !important; } body.vey-renewal #view .arena-roster .arena-hall-preview > div > :not(p) { display: flex !important; justify-content: space-between !important; gap: 8px !important; padding: 6px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; font: 600 12px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .arena-roster .arena-champions { grid-area: champs !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; gap: 12px !important; } body.vey-renewal #view .arena-roster .arena-champion { position: relative !important; display: grid !important; gap: 8px !important; padding: 0 0 14px !important; border-radius: 18px !important; overflow: hidden !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid rgba(255, 110, 90, .3) !important; box-shadow: 0 20px 44px -26px #000 !important; transition: transform .15s, border-color .15s !important; } body.vey-renewal #view .arena-roster .arena-champion:hover { transform: translateY(-2px) !important; border-color: rgba(255, 140, 110, .6) !important; } body.vey-renewal #view .arena-roster .champion-portrait { display: block !important; height: 230px !important; cursor: pointer !important; background: linear-gradient(180deg, transparent 55%, #121118 100%), radial-gradient(ellipse 60% 45% at 50% 45%, rgba(255, 110, 90, .18), transparent 70%), var(--champion-art) center 15% / cover no-repeat, #1d1b26 !important; } body.vey-renewal #view .arena-roster .champion-portrait > i { display: none !important; } body.vey-renewal #view .arena-roster .champion-rank { position: absolute !important; top: 10px !important; left: 10px !important; padding: 4px 9px !important; border-radius: 99px !important; font: 800 9.5px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: #ffb4a6 !important; background: rgba(10, 9, 14, .78) !important; border: 1px solid rgba(255, 110, 90, .35) !important; } body.vey-renewal #view .arena-roster .arena-champion > :is(p, h2, .champion-stats, .champion-odds, .champion-actions) { margin: 0 14px !important; } body.vey-renewal #view .arena-roster .arena-champion > .arena-title { margin-top: -34px !important; position: relative !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .arena-roster .arena-champion > h2 { font: 600 18px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .arena-roster .arena-champion > p:not(.arena-title) { font: 600 11.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; margin-top: -6px !important; } body.vey-renewal #view .arena-roster .champion-stats { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } body.vey-renewal #view .arena-roster .champion-stats > span { display: grid !important; gap: 2px !important; padding: 7px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .arena-roster .champion-stats small { font: 700 9px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .arena-roster .champion-stats b { font: 800 15px/1.1 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .arena-roster .champion-odds { font: 700 11.5px/1.3 var(--pv-font) !important; color: #8fe0b0 !important; } body.vey-renewal #view .arena-roster .champion-actions { display: grid !important; grid-template-columns: 1fr 1.3fr !important; gap: 6px !important; } body.vey-renewal #view .arena-roster .arena-more { grid-area: more !important; display: grid !important; gap: 10px !important; padding: 12px 14px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .arena-roster .arena-more > summary { display: flex !important; justify-content: space-between !important; cursor: pointer !important; font: 700 11px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .arena-roster .arena-more > summary::after { content: "+" !important; font-size: 16px !important; } body.vey-renewal #view .arena-roster .arena-more[open] > summary::after { content: "–" !important; } body.vey-renewal #view .arena-roster .arena-more:not([open]) > :not(summary) { display: none !important; } body.vey-renewal #view .arena-roster .arena-more :is(header, summary) { font: 700 11px/1.3 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .arena-roster .arena-more :is(p, li, span, small, b, em) { font-family: var(--pv-font) !important; font-size: 12px !important; color: var(--pv-text) !important; } body.vey-renewal #view .arena-roster .arena-more :is(section, details, article) { display: grid !important; gap: 6px !important; padding: 8px 10px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .arena-roster .arena-more details > summary { cursor: pointer !important; } @media (max-width: 1024px) { body.vey-renewal #view .arena-roster { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "head" "war" "champs" "hall" "more" !important; grid-template-rows: none !important; } } @media (max-width: 760px) { body.vey-renewal #view .arena-roster > .location-section-heading { flex-direction: column !important; align-items: stretch !important; } body.vey-renewal #view .arena-roster .champion-portrait { height: 200px !important; } } /* nur ein Herausforderer: breite Karte statt Leerfläche */ @media (min-width: 761px) { body.vey-renewal #view .arena-roster .arena-champions:has(> .arena-champion:only-child) { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .arena-roster .arena-champion:only-child { grid-template-columns: minmax(260px, 42%) minmax(0, 1fr) !important; grid-template-rows: auto auto auto auto auto 1fr !important; align-content: start !important; column-gap: 22px !important; padding: 0 !important; } body.vey-renewal #view .arena-roster .arena-champion:only-child > .champion-portrait { grid-column: 1 !important; grid-row: 1 / -1 !important; height: auto !important; min-height: 380px !important; background: linear-gradient(90deg, transparent 60%, #121118 100%), radial-gradient(ellipse 60% 45% at 50% 45%, rgba(255, 110, 90, .18), transparent 70%), var(--champion-art) center 15% / cover no-repeat, #1d1b26 !important; } body.vey-renewal #view .arena-roster .arena-champion:only-child > :not(.champion-portrait):not(.champion-rank) { grid-column: 2 !important; margin: 0 22px 0 0 !important; } body.vey-renewal #view .arena-roster .arena-champion:only-child > .arena-title { margin-top: 26px !important; } body.vey-renewal #view .arena-roster .arena-champion:only-child > h2 { font-size: 26px !important; } body.vey-renewal #view .arena-roster .arena-champion:only-child > .champion-actions { margin-bottom: 22px !important; align-self: end !important; } body.vey-renewal #view .arena-roster .arena-champion:only-child > .champion-stats b { font-size: 20px !important; } } /* ================= KNÖPFE: ein einheitlicher, edler Stil im ganzen Spiel ================= */ body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button:not(.mobile-advanced-toggle):not(.journey-hero__action) { border-image: none !important; border-style: solid !important; border-width: 1px !important; border-color: rgba(232, 196, 128, .2) !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; text-align: center !important; cursor: pointer !important; font: 700 11.5px/1.2 var(--vm-font, Manrope, sans-serif) !important; letter-spacing: .07em !important; text-transform: uppercase !important; text-shadow: none !important; white-space: nowrap !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; transition: border-color .15s, background .15s, filter .15s, transform .15s !important; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button:not(.mobile-advanced-toggle):not(.journey-hero__action)::before, body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button:not(.mobile-advanced-toggle):not(.journey-hero__action)::after { content: none !important; display: none !important; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button:not(.mobile-advanced-toggle):not(.journey-hero__action):hover:not(:disabled) { border-color: rgba(232, 196, 128, .55) !important; background: rgba(232, 196, 128, .1) !important; transform: translateY(-1px) !important; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) :is(.button.primary, .button.veydris-cta):not(.journey-hero__action) { 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; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) :is(.button.primary, .button.veydris-cta):not(.journey-hero__action):hover:not(:disabled) { filter: brightness(1.07) !important; background: linear-gradient(180deg, #fdeec4 0%, #efcb86 45%, #cf9a4f 100%) !important; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button:is(.metal, .craft):not(.journey-hero__action) { border-color: rgba(99, 230, 214, .35) !important; color: #c9fbf3 !important; background: linear-gradient(180deg, rgba(63, 224, 200, .14), rgba(63, 224, 200, .05)) !important; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button.apex { border-color: rgba(192, 132, 255, .4) !important; color: #e4cdff !important; background: linear-gradient(180deg, rgba(176, 98, 255, .16), rgba(176, 98, 255, .05)) !important; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button.salvage { border-color: rgba(255, 120, 100, .38) !important; color: #ffb4a6 !important; background: rgba(255, 90, 70, .07) !important; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button.link { border-color: transparent !important; background: none !important; color: #f3d58e !important; text-decoration: underline !important; text-underline-offset: 3px !important; } body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button:disabled, body.vey-renewal :is(#view, .returning-summary, #phase5Feedback, .loot-celebration, #accountLayer, .capacity-dialog-layer, .modal, [role="dialog"]) .button[aria-disabled="true"] { opacity: .45 !important; cursor: not-allowed !important; transform: none !important; filter: grayscale(.4) !important; } /* ================= HÄNDLER: 12 Angebote auf einen Blick ================= */ body.vey-renewal #view .rotating-shop, body.vey-renewal #view .rotating-shop :where(*:not(.button):not(.item-slot):not(.item-slot *)), body.vey-renewal #view .rotating-shop :where(*:not(.item-slot):not(.item-slot *))::before, body.vey-renewal #view .rotating-shop :where(*:not(.item-slot):not(.item-slot *))::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .rotating-shop :where(header, nav, div, article, p, h1, h3) { display: block !important; } body.vey-renewal #view .rotating-shop { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; } body.vey-renewal #view .rotating-shop > header { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 2px 16px !important; padding: 16px 20px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(10, 9, 14, .95), rgba(10, 9, 14, .6)), url("./assets/locations/tavern.webp") center 40% / cover no-repeat, #15131c !important; } body.vey-renewal #view .rotating-shop > header .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .rotating-shop > header h1 { grid-column: 1 !important; font: 600 26px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .rotating-shop > header p { grid-column: 1 !important; font: 500 12.5px/1.45 var(--pv-font) !important; color: #d6cdb9 !important; } body.vey-renewal #view .rotating-shop > header .button { grid-column: 2 !important; grid-row: 1 / span 3 !important; } body.vey-renewal #view .rotating-shop > header small { grid-column: 2 !important; font: 500 10.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; text-align: center !important; } body.vey-renewal #view .rotating-shop > .bonds-links { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } body.vey-renewal #view .rotating-shop > .bonds-links > button { padding: 7px 14px !important; border-radius: 99px !important; cursor: pointer !important; font: 700 10.5px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .rotating-shop > .bonds-links > button:hover { color: var(--pv-text) !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .rotating-shop .rotating-stock { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)) !important; gap: 10px !important; } body.vey-renewal #view .rotating-shop .elixir-card { --pv-r: rgba(255, 255, 255, .2); display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; grid-template-rows: auto auto 1fr auto !important; align-items: start !important; gap: 4px 10px !important; padding: 10px !important; border-radius: 14px !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid color-mix(in srgb, var(--pv-r) 55%, transparent) !important; transition: transform .15s !important; } body.vey-renewal #view .rotating-shop .elixir-card:hover { transform: translateY(-2px) !important; } body.vey-renewal #view .rotating-shop .elixir-card[data-rarity="uncommon"] { --pv-r: #5fc46a; } body.vey-renewal #view .rotating-shop .elixir-card[data-rarity="magic"] { --pv-r: #4f8dff; } body.vey-renewal #view .rotating-shop .elixir-card[data-rarity="rare"] { --pv-r: #f2d24b; } body.vey-renewal #view .rotating-shop .elixir-card[data-rarity="epic"] { --pv-r: #b062ff; } body.vey-renewal #view .rotating-shop .elixir-card[data-rarity="legendary"] { --pv-r: #ff9a3c; } body.vey-renewal #view .rotating-shop .elixir-card[data-rarity="mythic"] { --pv-r: #ff4f6a; } body.vey-renewal #view .rotating-shop .elixir-card[data-rarity="eternal"] { --pv-r: #5ff0e6; } body.vey-renewal #view .rotating-shop .elixir-card.sold { opacity: .45 !important; } body.vey-renewal #view .rotating-shop .elixir-card > .item-slot, body.vey-renewal #view .rotating-shop .elixir-card > :is(img, i, .elixir-art):first-child { grid-column: 1 !important; grid-row: 1 / span 3 !important; position: relative !important; display: grid !important; place-items: center !important; width: 58px !important; height: 58px !important; padding: 0 !important; margin: 0 !important; border-radius: 12px !important; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--pv-r) 28%, transparent), transparent 70%), linear-gradient(180deg, #24212f, #14131b) !important; border: 1.5px solid var(--pv-r) !important; box-shadow: none !important; cursor: pointer !important; } body.vey-renewal #view .rotating-shop .elixir-card > .item-slot > img { width: 80% !important; height: 80% !important; object-fit: contain !important; position: static !important; transform: none !important; } body.vey-renewal #view .rotating-shop .elixir-card > .item-slot > span { position: absolute !important; left: 2px !important; top: 2px !important; padding: 0 4px !important; border-radius: 5px !important; font: 800 8.5px/1.4 var(--pv-font) !important; color: #6cf0a9 !important; background: rgba(8, 8, 12, .85) !important; } body.vey-renewal #view .rotating-shop .elixir-card > .item-slot > span ~ span { display: none !important; } body.vey-renewal #view .rotating-shop .elixir-card .collection-card-kicker { grid-column: 2 !important; display: flex !important; justify-content: space-between !important; gap: 4px !important; } body.vey-renewal #view .rotating-shop .elixir-card .collection-rarity-gem { font: 800 9px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--pv-r) !important; } body.vey-renewal #view .rotating-shop .elixir-card .collection-kind { font: 600 9px/1.3 var(--pv-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; white-space: nowrap !important; } body.vey-renewal #view .rotating-shop .elixir-card h3 { grid-column: 2 !important; font: 700 12.5px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body.vey-renewal #view .rotating-shop .elixir-card .collection-headline-stat { grid-column: 2 !important; display: flex !important; align-items: baseline !important; gap: 5px !important; } body.vey-renewal #view .rotating-shop .elixir-card .collection-headline-stat b { font: 800 16px/1.1 var(--pv-font) !important; color: #6cf0a9 !important; } body.vey-renewal #view .rotating-shop .elixir-card .collection-headline-stat span { font: 700 9px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .rotating-shop .elixir-card > p { display: none !important; } body.vey-renewal #view .rotating-shop .elixir-card > .button { grid-column: 1 / -1 !important; width: 100% !important; min-height: 32px !important; font-size: 11px !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .rotating-shop { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)); height: var(--pv-h) !important; grid-template-rows: auto auto minmax(0, 1fr) !important; overflow: hidden !important; } body.vey-renewal #view .rotating-shop .rotating-stock { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; align-content: start !important; overflow-y: auto !important; scrollbar-width: thin !important; min-height: 0 !important; } body.vey-renewal #view .rotating-shop > header { padding: 12px 18px !important; } body.vey-renewal #view .rotating-shop > header h1 { font-size: 22px !important; } } @media (max-width: 760px) { body.vey-renewal #view .rotating-shop > header { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .rotating-shop > header :is(.button, small) { grid-column: 1 !important; grid-row: auto !important; } body.vey-renewal #view .rotating-shop .rotating-stock { grid-template-columns: minmax(0, 1fr) !important; } } body.vey-renewal #view .rotating-shop .elixir-card .collection-kind { overflow: hidden !important; text-overflow: ellipsis !important; min-width: 0 !important; } body.vey-renewal #view .rotating-shop > header .button { justify-self: end !important; padding: 0 22px !important; } /* Elixier-Tasche als schmale Leiste unter dem Händler */ body.vey-renewal #view > .elixir-shop:not(.rotating-shop), body.vey-renewal #view > .elixir-shop:not(.rotating-shop) :where(*:not(.button)) { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) :where(div, p, h2, article, header) { display: block !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; align-items: center !important; gap: 4px 16px !important; max-width: var(--pv-max, 1320px) !important; margin: 12px auto 0 !important; padding: 12px 16px !important; border-radius: 16px !important; background: var(--pv-panel) !important; border: 1px solid rgba(63, 224, 200, .25) !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) .eyebrow { grid-column: 1 !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .16em !important; color: #7ff3e2 !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) h2 { grid-column: 1 !important; font: 600 15px/1.25 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) > p { display: none !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) .elixir-grid { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; align-items: center !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) .elixir-grid > p { font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) .elixir-grid > * { min-width: 0 !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) .elixir-grid > :not(p) { display: flex !important; align-items: center !important; gap: 8px !important; padding: 6px 10px !important; border-radius: 11px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; font: 600 11.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) .elixir-grid img { display: block !important; width: 28px !important; height: 28px !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) .elixir-grid .button { min-height: 28px !important; padding: 2px 10px !important; font-size: 10px !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view:has(> .rotating-shop + .elixir-shop) > .rotating-shop { height: calc(var(--pv-h) - 96px) !important; } } @media (max-width: 760px) { body.vey-renewal #view > .elixir-shop:not(.rotating-shop) { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view > .elixir-shop:not(.rotating-shop) .elixir-grid { grid-column: 1 !important; grid-row: auto !important; } } @media (max-width: 760px) { body.vey-renewal #view .class-arsenal > .arsenal-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; padding: 0 !important; overflow: hidden !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-hero-art { position: relative !important; width: 100% !important; height: 170px !important; min-height: 0 !important; background-size: cover !important; background-position: center 15% !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-identity { padding: 12px 14px !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-class-mechanic { display: grid !important; grid-template-columns: 30px minmax(0, 1fr) !important; gap: 8px !important; padding: 10px !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-class-mechanic * { letter-spacing: .04em !important; } body.vey-renewal #view .class-arsenal > .arsenal-hero .arsenal-unlocks { padding: 8px 14px 12px !important; } body.vey-renewal #view .class-arsenal .arsenal-slot .priority-meta :is(span, em) { display: none !important; } body.vey-renewal #view .class-arsenal .arsenal-slot .arsenal-remove { position: absolute !important; top: 4px !important; right: 4px !important; width: 22px !important; height: 22px !important; } body.vey-renewal #view .class-arsenal .arsenal-slot { position: relative !important; min-height: 0 !important; } body.vey-renewal #view .class-arsenal .arsenal-slot > small { font-size: 9px !important; letter-spacing: .06em !important; } } @media (max-width: 760px) { html body.vey-renewal .topbar .global-hero__power { position: static !important; padding-left: 8px !important; gap: 4px !important; } html body.vey-renewal .topbar .global-hero__power .power-core-icon { position: static !important; width: 16px !important; height: 16px !important; flex: 0 0 16px !important; transform: none !important; } html body.vey-renewal .topbar .global-hero__power b { position: static !important; font-size: 13px !important; } } /* ================= 19.10.: Zoom für große Bildschirme ================= */ @media (min-width: 1025px) { html body.vey-renewal #view, html body.vey-renewal #sectionNavigation { zoom: var(--pv-zoom, 1) !important; } } /* ================= Abenteuer: eine Reiterleiste ================= */ body.vey-renewal.pv-tabs-merged #sectionNavigation { display: none !important; } body.vey-renewal #view .adventure-tabs > .pv-rifts-tab { color: #c9bcff !important; } body.vey-renewal #view .adventure-tabs > .pv-rifts-tab::before { content: "◆" !important; display: inline !important; margin-right: 6px !important; color: #9a86ff !important; } body.vey-renewal #view .adventure-tabs > .pv-rifts-tab:hover { background: rgba(154, 134, 255, .12) !important; color: #e4dcff !important; } /* ================= QUESTS: Questgeber-Porträts links, Questkarten rechts ================= */ body.vey-renewal #view .expedition-screen.select .adventure-questgiver { position: relative !important; overflow: hidden !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver em { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .06em !important; color: #8fe0b0 !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > header img { object-position: center 20% !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card .quest-inspect { cursor: help !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.select > .adventure-quests { overflow: hidden !important; display: grid !important; grid-template-columns: 290px minmax(0, 1fr) !important; grid-template-rows: auto auto minmax(0, 1fr) !important; grid-template-areas: "head head" "givers filters" "givers grid" !important; gap: 12px 16px !important; padding: 16px 18px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quests > header { grid-area: head !important; } body.vey-renewal #view .expedition-screen.select .adventure-quests > header h1 { font-size: 26px !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgivers { grid-area: givers !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; min-height: 0 !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver { display: flex !important; align-items: flex-end !important; padding: 0 !important; border-radius: 16px !important; border: 1px solid var(--pv-gold-dim) !important; background: linear-gradient(0deg, rgba(10, 9, 14, .95) 8%, rgba(10, 9, 14, .2) 60%, rgba(10, 9, 14, 0) 100%), var(--giver-art) center 18% / cover no-repeat, #1d1b26 !important; min-height: 0 !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver > img { display: none !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver > span { display: grid !important; gap: 1px !important; padding: 12px 14px !important; width: 100% !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver b { font: 600 19px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; text-shadow: 0 2px 8px #000 !important; } body.vey-renewal #view .expedition-screen.select .adventure-questgiver small { font: 600 11.5px/1.3 var(--pv-font) !important; color: #e3dac6 !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-filters { grid-area: filters !important; align-self: center !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-scroll { grid-area: grid !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; padding-right: 4px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: minmax(250px, 1fr) !important; min-height: 100% !important; gap: 12px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card { grid-template-rows: minmax(90px, 1fr) auto auto auto auto !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-art { height: auto !important; min-height: 90px !important; background-size: cover !important; background-position: center 30% !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > header h3 { font-size: 16.5px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card li b, body.vey-renewal #view .expedition-screen.select .adventure-quest-card li em { font-size: 13px !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > footer b { font-size: 14px !important; } } /* ================= KAMPAGNE: alle 10 Kapitel als Bildkacheln, Akte als Zeilen ================= */ body.vey-renewal #view .expedition-screen.select .campaign-chapter { position: relative !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.select > .campaign-atlas { overflow: hidden !important; display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important; grid-template-rows: auto repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen.select .campaign-intro { grid-column: 1 !important; padding: 14px 18px !important; } body.vey-renewal #view .expedition-screen.select .campaign-intro h1 { font-size: 24px !important; margin: 2px 0 !important; } body.vey-renewal #view .expedition-screen.select .campaign-intro > p { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; font-size: 12.5px !important; } body.vey-renewal #view .expedition-screen.select .campaign-meter { margin-top: 6px !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal { grid-column: 2 !important; padding: 14px 18px !important; flex-direction: column !important; align-items: stretch !important; justify-content: center !important; gap: 10px !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal h2 { font-size: 19px !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal ol { margin-top: 6px !important; } body.vey-renewal #view .expedition-screen.select .campaign-current-goal .button { align-self: stretch !important; } body.vey-renewal #view .expedition-screen.select .campaign-act { grid-column: 1 / -1 !important; min-height: 0 !important; display: grid !important; grid-template-columns: 190px repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; padding: 10px !important; align-items: stretch !important; } body.vey-renewal #view .expedition-screen.select .campaign-act > header { display: grid !important; align-content: center !important; gap: 4px !important; padding: 0 6px !important; } body.vey-renewal #view .expedition-screen.select .campaign-act > header h2 { font-size: 16px !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .campaign-act > header p { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; font-size: 11.5px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapters { display: contents !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter { display: block !important; min-height: 0 !important; height: auto !important; overflow: hidden !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-art { position: absolute !important; inset: 0 !important; height: auto !important; background: linear-gradient(0deg, rgba(10, 9, 14, .96) 12%, rgba(10, 9, 14, .55) 55%, rgba(10, 9, 14, .1) 100%), var(--chapter-art) center / cover no-repeat !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy { position: relative !important; z-index: 1 !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; gap: 4px !important; height: 100% !important; padding: 10px 12px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy .eyebrow { font-size: 9.5px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy h3 { font-size: 16px !important; text-shadow: 0 2px 8px #000 !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy > p, body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy dl, body.vey-renewal #view .expedition-screen.select .campaign-chapter-foot > span { display: none !important; } body.vey-renewal #view .expedition-screen.select .campaign-status { position: absolute !important; top: 10px !important; right: 10px !important; background: rgba(10, 9, 14, .8) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-foot { padding-top: 2px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-foot .button { min-height: 30px !important; padding: 2px 12px !important; font-size: 10px !important; width: 100% !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter.sealed .campaign-chapter-art { filter: grayscale(.75) brightness(.55) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter.current { box-shadow: 0 0 0 1px var(--pv-gold), 0 0 26px -6px rgba(243, 213, 142, .55) !important; } } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.select .adventure-quest-grid { grid-auto-rows: minmax(205px, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card { grid-template-rows: minmax(56px, 1fr) auto auto auto auto !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-art { min-height: 56px !important; } body.vey-renewal #view .expedition-screen.select .campaign-act { display: flex !important; } body.vey-renewal #view .expedition-screen.select .campaign-act > header { flex: 0 0 190px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter { flex: 1 1 0 !important; min-width: 0 !important; cursor: pointer !important; transition: transform .15s, box-shadow .15s !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter:hover { transform: translateY(-2px) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-art { background: linear-gradient(0deg, rgba(10, 9, 14, .96) 0%, rgba(10, 9, 14, .55) 42%, rgba(10, 9, 14, 0) 78%), var(--chapter-art) center 40% / cover no-repeat !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter.sealed .campaign-chapter-art { filter: grayscale(.55) brightness(.7) !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy { justify-content: flex-end !important; padding: 10px 12px 12px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-copy h3 { font-size: 17px !important; padding-right: 0 !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-foot { position: static !important; padding: 0 !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter-foot .button { position: absolute !important; inset: 0 !important; z-index: 3 !important; width: auto !important; min-height: 0 !important; opacity: 0 !important; border-radius: 16px !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter::after { content: "Inspect region →" !important; position: absolute !important; z-index: 2 !important; right: 10px !important; bottom: 10px !important; padding: 4px 10px !important; border-radius: 99px !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(10, 9, 14, .75) !important; border: 1px solid var(--pv-line) !important; opacity: 0 !important; transition: opacity .15s !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter:hover::after { opacity: 1 !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter.current::after { content: "Plan an expedition →" !important; opacity: 1 !important; color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view .expedition-screen.select .campaign-chapter.current .campaign-chapter-copy { padding-bottom: 42px !important; } } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.select .adventure-quest-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; grid-auto-rows: minmax(300px, 1fr) !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > header { grid-template-columns: 34px minmax(0, 1fr) auto !important; } body.vey-renewal #view .expedition-screen.select .adventure-quest-card > footer { flex-wrap: wrap !important; } } /* ================= BOSSE: großer Wächter + Leiste mit allen 10 ================= */ body.vey-renewal #view .expedition-screen.select .pv-boss-strip { display: grid !important; grid-template-columns: repeat(10, minmax(0, 1fr)) !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; gap: 1px !important; height: 92px !important; padding: 6px 8px !important; border-radius: 12px !important; overflow: hidden !important; cursor: pointer !important; text-align: left !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(0deg, rgba(10, 9, 14, .95) 10%, rgba(10, 9, 14, .1) 70%), var(--pick-art) center 25% / cover no-repeat, #1d1b26 !important; transition: transform .15s, border-color .15s !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick:hover { transform: translateY(-2px) !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick.unknown { background: linear-gradient(0deg, rgba(10, 9, 14, .95) 10%, rgba(10, 9, 14, .3) 70%), var(--pick-art) center 25% / cover no-repeat, #1d1b26 !important; filter: grayscale(1) brightness(.45) !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick.unknown:hover { filter: grayscale(.6) brightness(.65) !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick.active { border-color: var(--pv-gold) !important; box-shadow: 0 0 0 1px var(--pv-gold-dim), 0 0 20px -6px rgba(243, 213, 142, .6) !important; filter: none !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick small { font: 800 9px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick b { font: 600 12px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick em { position: absolute !important; top: 6px !important; right: 6px !important; padding: 1px 6px !important; border-radius: 99px !important; font: 800 8.5px/1.4 var(--pv-font) !important; font-style: normal !important; letter-spacing: .1em !important; color: #6cf0a9 !important; background: rgba(10, 9, 14, .8) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.undiscovered .adventure-boss-art { filter: none !important; background: radial-gradient(ellipse 55% 50% at 50% 50%, rgba(154, 134, 255, .3), transparent 72%), #120f1d !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.undiscovered .adventure-boss-art::before { content: "" !important; position: absolute !important; inset: 0 !important; display: block !important; background: var(--boss-art) center 20% / cover no-repeat !important; filter: grayscale(1) brightness(.6) contrast(1.15) !important; opacity: .85 !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.undiscovered .adventure-boss-art::after { content: "" !important; position: absolute !important; inset: 0 !important; display: block !important; background: radial-gradient(ellipse 45% 40% at 50% 45%, rgba(154, 134, 255, .25), transparent 70%), linear-gradient(0deg, rgba(10, 9, 14, .85), transparent 45%) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.undiscovered .adventure-boss-art > i { z-index: 2 !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-focus.undiscovered .adventure-boss-art > i::before { position: relative !important; z-index: 1 !important; color: rgba(201, 188, 255, .75) !important; text-shadow: 0 0 30px rgba(154, 134, 255, .8) !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.select > .adventure-bosses { gap: 10px !important; } body.vey-renewal #view .expedition-screen.select > .adventure-bosses > .pv-boss-strip { flex: 0 0 auto !important; } } @media (max-width: 760px) { body.vey-renewal #view .expedition-screen.select .pv-boss-strip { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen.select .pv-boss-pick { height: 72px !important; } } /* ================= CHRONIK: Regionen als Bildkacheln ================= */ body.vey-renewal #view .expedition-screen.select .chronicle-region { position: relative !important; overflow: hidden !important; min-height: 64px !important; background: linear-gradient(90deg, rgba(10, 9, 14, .92) 30%, rgba(10, 9, 14, .45)), var(--region-thumb) center / cover no-repeat, #1d1b26 !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region.unknown { background: linear-gradient(90deg, rgba(10, 9, 14, .95) 30%, rgba(10, 9, 14, .7)), var(--region-thumb) center / cover no-repeat, #1d1b26 !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region.unknown > i { color: #9a86ff !important; border-color: rgba(154, 134, 255, .35) !important; } body.vey-renewal #view .expedition-screen.select .chronicle-region.active { border-color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.select .adventure-boss-copy .button:only-of-type { color: #1a1408 !important; background: linear-gradient(180deg, #fbe7b0, #c48f45) !important; border-color: #f6dd9c !important; } /* ================= BUILDS: drei klare Karten ================= */ body.vey-renewal #view .phase151-builds, body.vey-renewal #view .phase151-builds :where(*:not(.button):not(dialog):not(dialog *)), body.vey-renewal #view .phase151-builds :where(*:not(dialog):not(dialog *))::before, body.vey-renewal #view .phase151-builds :where(*:not(dialog):not(dialog *))::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .phase151-builds :where(div, section, header, footer, aside, article, p, h1, h2, dl) { display: block !important; } body.vey-renewal #view .phase151-builds { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto minmax(0, 1fr) auto !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; } body.vey-renewal #view .phase151-builds .phase151-builds-hero { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; padding: 14px 20px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(10, 9, 14, .95), rgba(10, 9, 14, .6)), url("./assets/locations/armory.webp") center 40% / cover no-repeat, #15131c !important; } body.vey-renewal #view .phase151-builds .phase151-builds-hero .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .phase151-builds .phase151-builds-hero h1 { font: 600 26px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .phase151-builds .phase151-builds-hero p { font: 500 12.5px/1.45 var(--pv-font) !important; color: #d6cdb9 !important; } body.vey-renewal #view .phase151-builds .phase151-builds-hero > span { display: grid !important; gap: 2px !important; padding: 8px 14px !important; border-radius: 12px !important; background: rgba(10, 9, 14, .7) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .phase151-builds .phase151-builds-hero > span small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .phase151-builds .phase151-builds-hero > span b { font: 600 17px/1.2 var(--pv-display) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; min-height: 0 !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card { display: grid !important; grid-template-rows: auto auto auto auto 1fr auto !important; gap: 10px !important; padding: 14px 16px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; min-height: 0 !important; overflow: hidden !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card.is-active { border-color: var(--pv-gold) !important; box-shadow: 0 0 0 1px var(--pv-gold-dim), 0 18px 40px -24px rgba(243, 213, 142, .35) !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card > header { display: flex !important; justify-content: space-between !important; align-items: center !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card > header span { font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .16em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .phase151-builds .loadout-rename-trigger { cursor: pointer !important; padding: 3px 9px !important; border-radius: 8px !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .phase151-builds .loadout-rename-trigger:hover { color: var(--pv-text) !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view .phase151-builds .loadout-identity { display: flex !important; align-items: center !important; gap: 14px !important; } body.vey-renewal #view .phase151-builds .loadout-identity > i { display: block !important; flex: 0 0 64px !important; width: 64px !important; height: 64px !important; border-radius: 14px !important; border: 1px solid var(--pv-gold-dim) !important; background: var(--loadout-art) center 15% / cover no-repeat, #1d1b26 !important; } body.vey-renewal #view .phase151-builds .loadout-identity h2 { font: 600 22px/1.15 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .phase151-builds .loadout-identity p { font: 600 12px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card > dl { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card > dl > div { padding: 7px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card dt { display: block !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card dd { display: block !important; font: 700 13.5px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .phase151-builds .loadout-build-counts { display: flex !important; gap: 6px !important; } body.vey-renewal #view .phase151-builds .loadout-build-counts span { padding: 3px 9px !important; border-radius: 99px !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-gold) !important; background: rgba(232, 196, 128, .08) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .phase151-builds .loadout-effects { font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; align-self: start !important; } body.vey-renewal #view .phase151-builds .loadout-effects small { font: inherit !important; color: inherit !important; } body.vey-renewal #view .phase151-builds .loadout-stat-comparison { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 4px !important; } body.vey-renewal #view .phase151-builds .loadout-stat-comparison > span { display: grid !important; gap: 2px !important; padding: 6px !important; border-radius: 9px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; text-align: center !important; } body.vey-renewal #view .phase151-builds .loadout-stat-comparison small { font: 700 8.5px/1.15 var(--pv-font) !important; letter-spacing: .06em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .phase151-builds .loadout-stat-comparison b { font: 800 12px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card > footer { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; } body.vey-renewal #view .phase151-builds .phase151-build-note { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 14px !important; border-radius: 14px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .phase151-builds .phase151-build-note > span { color: var(--pv-gold) !important; } body.vey-renewal #view .phase151-builds .phase151-build-note p { font: 500 12px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .phase151-builds .phase151-build-note b { font-weight: 700 !important; color: var(--pv-text) !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .phase151-builds { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; overflow: hidden !important; } } @media (max-width: 760px) { body.vey-renewal #view .phase151-builds .phase151-loadout-grid { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .phase151-builds .phase151-builds-hero { flex-direction: column !important; align-items: stretch !important; } } body.vey-renewal #view .phase151-builds .loadout-effects { align-self: stretch !important; min-height: 60px !important; padding-top: 2px !important; background: radial-gradient(ellipse 40% 45% at 50% 60%, rgba(232, 196, 128, .12), transparent 70%), var(--loadout-art) center 30% / contain no-repeat !important; opacity: .95 !important; } body.vey-renewal #view .phase151-builds .phase151-loadout-card:not(.is-active) .loadout-effects { filter: grayscale(.5) brightness(.75) !important; } /* Kapazitäts-Fenster (Inventar/Lager erweitern) */ body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer { position: fixed !important; inset: 0 !important; z-index: 1200 !important; display: grid !important; place-items: center !important; padding: 18px !important; background: rgba(3, 4, 7, .78) !important; backdrop-filter: blur(6px) !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog { display: grid !important; gap: 12px !important; width: min(440px, 100%) !important; padding: 22px !important; border-radius: 20px !important; background: radial-gradient(120% 60% at 50% 0%, rgba(232, 196, 128, .14), transparent 60%), linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid var(--pv-gold-dim) !important; box-shadow: 0 30px 80px -20px #000 !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > span, body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog h2 { display: block !important; font: 600 26px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog h2 i { font-style: normal !important; color: var(--pv-gold) !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: 6px !important; margin: 0 !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog dl div { display: grid !important; gap: 3px !important; padding: 9px 10px !important; border-radius: 11px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog dt { display: block !important; font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-muted) !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog dd { display: block !important; margin: 0 !important; font: 800 15px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > small { display: block !important; font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog > div { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; } body.vey-renewal #view:not(#pv-x) .capacity-dialog-layer .capacity-dialog .button.link { justify-self: center !important; } /* ===================================================================== GEMEINSAME BAUSTEINE (19.10.) – gelten auf jeder Seite ===================================================================== */ /* Reiterleisten: ruhige Segmentleiste, aktiver Reiter in Gold */ body.vey-renewal #view :is(.market-tabs, .community-tabs, .vey-tabs, .hof-tabs, .experience-tabs, .vey-liveops-tabs, .inventory-utility-tabs, .guild-tabs, .raid-tabs) { all: unset !important; box-sizing: border-box !important; display: flex !important; gap: 4px !important; padding: 4px !important; margin: 0 !important; border-radius: 14px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; overflow-x: auto !important; scrollbar-width: none !important; min-height: 0 !important; height: auto !important; } body.vey-renewal #view :is(.market-tabs, .community-tabs, .vey-tabs, .hof-tabs, .experience-tabs, .vey-liveops-tabs, .inventory-utility-tabs, .guild-tabs, .raid-tabs) > :is(button, a) { 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; gap: 6px !important; min-width: max-content !important; padding: 9px 16px !important; border-radius: 10px !important; cursor: pointer !important; white-space: nowrap !important; font: 700 11.5px/1.1 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; transition: background .15s, color .15s !important; } body.vey-renewal #view :is(.market-tabs, .community-tabs, .vey-tabs, .hof-tabs, .experience-tabs, .vey-liveops-tabs, .inventory-utility-tabs, .guild-tabs, .raid-tabs) > :is(button, a)::before, body.vey-renewal #view :is(.market-tabs, .community-tabs, .vey-tabs, .hof-tabs, .experience-tabs, .vey-liveops-tabs, .inventory-utility-tabs, .guild-tabs, .raid-tabs) > :is(button, a)::after { content: none !important; display: none !important; } body.vey-renewal #view :is(.market-tabs, .community-tabs, .vey-tabs, .hof-tabs, .experience-tabs, .vey-liveops-tabs, .inventory-utility-tabs, .guild-tabs, .raid-tabs) > :is(button, a):hover { color: var(--pv-text) !important; background: rgba(255, 255, 255, .04) !important; } body.vey-renewal #view :is(.market-tabs, .community-tabs, .vey-tabs, .hof-tabs, .experience-tabs, .vey-liveops-tabs, .inventory-utility-tabs, .guild-tabs, .raid-tabs) > :is(button, a):is(.active, [aria-selected="true"], [aria-pressed="true"], .is-active, .selected) { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; box-shadow: 0 6px 16px -10px rgba(243, 213, 142, .7) !important; } body.vey-renewal #view :is(.market-tabs, .community-tabs, .vey-tabs, .hof-tabs, .experience-tabs, .vey-liveops-tabs, .inventory-utility-tabs, .guild-tabs, .raid-tabs) > :is(button, a) b { display: inline-grid !important; place-items: center !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; border-radius: 99px !important; font: 800 10px/1 var(--pv-font) !important; color: #1a0d0a !important; background: #ff8a6a !important; } /* Filter-Chips */ body.vey-renewal #view :is(.market-categories, .bonds-links, .community-links, .collection-filters, .bestiary-filters) { all: unset !important; box-sizing: border-box !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } body.vey-renewal #view :is(.market-categories, .bonds-links, .community-links, .collection-filters, .bestiary-filters) > :is(button, a) { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; padding: 7px 14px !important; border-radius: 99px !important; cursor: pointer !important; white-space: nowrap !important; font: 700 10.5px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, color .15s, background .15s !important; } body.vey-renewal #view :is(.market-categories, .bonds-links, .community-links, .collection-filters, .bestiary-filters) > :is(button, a):hover { color: var(--pv-text) !important; border-color: var(--pv-gold-dim) !important; } body.vey-renewal #view :is(.market-categories, .bonds-links, .community-links, .collection-filters, .bestiary-filters) > :is(button, a):is(.active, [aria-selected="true"], [aria-pressed="true"], .is-active, .selected) { color: var(--pv-gold) !important; background: rgba(232, 196, 128, .12) !important; border-color: var(--pv-gold) !important; } /* Eingaben & Auswahlfelder */ body.vey-renewal #view :is(select, input[type="text"], input[type="search"], input[type="number"], input[type="email"], input:not([type]), textarea):not(.pv-keep) { all: unset !important; box-sizing: border-box !important; display: block !important; width: 100% !important; min-height: 38px !important; padding: 8px 12px !important; border-radius: 10px !important; font: 600 13px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; background: rgba(8, 8, 12, .55) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, box-shadow .15s !important; } body.vey-renewal #view select:not(.pv-keep) { padding-right: 34px !important; cursor: pointer !important; background: rgba(8, 8, 12, .55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d58e' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 11px center / 14px no-repeat !important; } body.vey-renewal #view select option { background: #15131c !important; color: var(--pv-text) !important; } body.vey-renewal #view :is(select, input, textarea):not(.pv-keep):focus { border-color: var(--pv-gold) !important; box-shadow: 0 0 0 3px rgba(243, 213, 142, .15) !important; } body.vey-renewal #view :is(input, textarea)::placeholder { color: rgba(165, 156, 139, .6) !important; } body.vey-renewal #view label:has(> :is(select, input, textarea)) { display: grid !important; gap: 5px !important; font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } /* Leer-Zustände: kompakt, nie bildschirmfüllend */ body.vey-renewal #view :is(.empty-state, .market-empty, .vey-illustrated-empty, .collection-empty-state) { display: grid !important; justify-items: center !important; align-content: center !important; gap: 8px !important; min-height: 0 !important; height: auto !important; padding: 28px 20px !important; border-radius: 16px !important; text-align: center !important; background: radial-gradient(ellipse 60% 70% at 50% 40%, rgba(232, 196, 128, .07), transparent 70%), rgba(255, 255, 255, .02) !important; border: 1px dashed rgba(232, 196, 128, .22) !important; box-shadow: none !important; } body.vey-renewal #view :is(.empty-state, .market-empty, .vey-illustrated-empty, .collection-empty-state) :is(h2, h3) { font: 600 19px/1.25 var(--pv-display) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view :is(.empty-state, .market-empty, .vey-illustrated-empty, .collection-empty-state) p { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; max-width: 460px !important; margin: 0 !important; } body.vey-renewal #view :is(.empty-state, .market-empty, .vey-illustrated-empty, .collection-empty-state) :is(.eyebrow, small) { font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .16em !important; color: var(--pv-gold) !important; } /* ===================================================================== MARKT ===================================================================== */ body.vey-renewal #view .market-screen { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 0 !important; background: none !important; border: 0 !important; } body.vey-renewal #view .market-screen > .market-hero { all: unset !important; box-sizing: border-box !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; padding: 14px 20px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(10, 9, 14, .96) 35%, rgba(10, 9, 14, .45)), url("./assets/locations/tavern.webp") center 35% / cover no-repeat, #15131c !important; } body.vey-renewal #view .market-hero .eyebrow { display: block !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .market-hero h1 { display: block !important; font: 600 26px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; margin: 2px 0 !important; } body.vey-renewal #view .market-hero p { display: block !important; font: 500 12.5px/1.45 var(--pv-font) !important; color: #d6cdb9 !important; max-width: 640px !important; margin: 0 !important; } body.vey-renewal #view .market-hero > span { display: grid !important; justify-items: end !important; gap: 1px !important; padding: 8px 14px !important; border-radius: 12px !important; background: rgba(10, 9, 14, .72) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .market-hero > span small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .market-hero > span b { font: 800 20px/1.1 var(--pv-font) !important; color: #ffd774 !important; } body.vey-renewal #view .market-hero > span em { font: 700 9.5px/1.2 var(--pv-font) !important; font-style: normal !important; color: var(--pv-muted) !important; } body.vey-renewal #view .market-browser, body.vey-renewal #view .market-sell, body.vey-renewal #view .market-mine, body.vey-renewal #view .market-screen > section:not(.market-hero) { all: unset !important; box-sizing: border-box !important; display: grid !important; align-content: start !important; gap: 12px !important; padding: 14px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; min-height: 0 !important; } body.vey-renewal #view .market-tools { all: unset !important; box-sizing: border-box !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; } body.vey-renewal #view .market-tools > label { display: flex !important; align-items: center !important; gap: 8px !important; } body.vey-renewal #view .market-tools > label select { width: 170px !important; } body.vey-renewal #view .market-listings { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; gap: 10px !important; align-content: start !important; min-height: 0 !important; } body.vey-renewal #view .market-listing { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 58px minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; padding: 10px 12px !important; border-radius: 14px !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid var(--pv-line) !important; transition: border-color .15s, transform .15s !important; } body.vey-renewal #view .market-listing:hover { border-color: var(--pv-gold-dim) !important; transform: translateY(-1px) !important; } body.vey-renewal #view .market-listing.ended { opacity: .55 !important; } body.vey-renewal #view .market-listing > .item-slot, body.vey-renewal #view .market-listing-icon { all: unset !important; box-sizing: border-box !important; position: relative !important; display: grid !important; place-items: center !important; width: 58px !important; height: 58px !important; border-radius: 12px !important; font-size: 22px !important; color: var(--pv-gold) !important; background: radial-gradient(circle at 50% 40%, rgba(232, 196, 128, .16), transparent 70%), linear-gradient(180deg, #24212f, #14131b) !important; border: 1.5px solid rgba(232, 196, 128, .35) !important; cursor: pointer !important; } body.vey-renewal #view .market-listing > .item-slot > img, body.vey-renewal #view .market-listing-icon > img { width: 80% !important; height: 80% !important; object-fit: contain !important; position: static !important; transform: none !important; } body.vey-renewal #view .market-listing > .item-slot > span { display: none !important; } body.vey-renewal #view .market-listing > .item-slot.rarity-ungewöhnlich { border-color: #5fc46a !important; } body.vey-renewal #view .market-listing > .item-slot.rarity-magisch { border-color: #4f8dff !important; } body.vey-renewal #view .market-listing > .item-slot.rarity-selten { border-color: #f2d24b !important; } body.vey-renewal #view .market-listing > .item-slot.rarity-episch { border-color: #b062ff !important; } body.vey-renewal #view .market-listing > .item-slot.rarity-legendär { border-color: #ff9a3c !important; } body.vey-renewal #view .market-listing > .item-slot.rarity-mythisch { border-color: #ff4f6a !important; } body.vey-renewal #view .market-listing-copy { display: grid !important; gap: 2px !important; min-width: 0 !important; } body.vey-renewal #view .market-listing-copy small { font: 700 9.5px/1.25 var(--pv-font) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .market-listing-copy h3 { font: 700 14px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; margin: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vey-renewal #view .market-listing-copy p { font: 500 11px/1.35 var(--pv-font) !important; color: var(--pv-muted) !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body.vey-renewal #view .market-listing-copy em { font: 600 10.5px/1.3 var(--pv-font) !important; font-style: normal !important; color: var(--pv-gold) !important; } body.vey-renewal #view .market-listing-price { display: grid !important; justify-items: end !important; gap: 3px !important; } body.vey-renewal #view .market-listing-price b { font: 800 14px/1.1 var(--pv-font) !important; color: #ffd774 !important; white-space: nowrap !important; } body.vey-renewal #view .market-listing-price small { font: 600 10px/1.2 var(--pv-font) !important; color: var(--pv-muted) !important; white-space: nowrap !important; } body.vey-renewal #view .market-listing-price .button { min-height: 30px !important; padding: 2px 14px !important; font-size: 10.5px !important; } body.vey-renewal #view .market-sell-form, body.vey-renewal #view .market-screen form { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important; gap: 10px !important; align-items: end !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .market-screen { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; grid-template-rows: auto auto minmax(0, 1fr) !important; overflow: hidden !important; } body.vey-renewal #view .market-screen > section:not(.market-hero) { overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; } body.vey-renewal #view .market-browser { grid-template-rows: auto minmax(0, 1fr) !important; overflow: hidden !important; } body.vey-renewal #view .market-browser > .market-listings { overflow-y: auto !important; scrollbar-width: thin !important; padding-right: 4px !important; } } /* ===================================================================== HALL OF HEROES (Social) ===================================================================== */ body.vey-renewal #view .hero-community { display: grid !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 0 !important; } body.vey-renewal #view .hero-community > .community-banner { all: unset !important; box-sizing: border-box !important; display: grid !important; gap: 2px !important; padding: 16px 20px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(10, 9, 14, .95) 35%, rgba(10, 9, 14, .45)), url("./assets/locations/guild-hall.webp") center 35% / cover no-repeat, #15131c !important; } body.vey-renewal #view .community-banner .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .community-banner h1 { font: 600 26px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; margin: 0 !important; } body.vey-renewal #view .community-banner p { font: 500 12.5px/1.45 var(--pv-font) !important; color: #d6cdb9 !important; margin: 0 !important; } body.vey-renewal #view .hero-community > :is(form, section, div):not(.community-tabs) { padding: 14px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .community-search { display: grid !important; gap: 6px !important; } body.vey-renewal #view .community-search > label { font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .community-search > div { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px !important; } body.vey-renewal #view .hero-community button:not(.button):not([data-community-tab]):not(.community-hero):not(.hero-profile-link) { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; padding: 6px 16px !important; border-radius: 10px !important; cursor: pointer !important; font: 700 11px/1.2 var(--pv-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--pv-text) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .hero-community button:not(.button):not([data-community-tab]):not(.community-hero):not(.hero-profile-link):hover { border-color: var(--pv-gold-dim) !important; background: rgba(232, 196, 128, .08) !important; } body.vey-renewal #view .community-search button[type="submit"] { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; border-color: #f6dd9c !important; } body.vey-renewal #view .community-hero { border-radius: 14px !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .community-links { padding: 0 !important; background: none !important; border: 0 !important; } body.vey-renewal #view .market-sell-form > label:first-child, body.vey-renewal #view .market-screen form > label:first-child { grid-column: span 2 !important; } body.vey-renewal #view .market-screen form > :is(div, dl):not(label) { grid-column: 1 / -1 !important; } /* ===================================================================== ERFOLGE: Plaketten mit Knopf in voller Breite ===================================================================== */ body.vey-renewal #view .legend-grid { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; gap: 12px !important; } body.vey-renewal #view .legend-plaque { all: unset !important; box-sizing: border-box !important; position: relative !important; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; gap: 10px 12px !important; align-items: start !important; padding: 14px !important; border-radius: 16px !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .legend-plaque.ready { border-color: var(--pv-gold-dim) !important; box-shadow: 0 0 0 1px rgba(243, 213, 142, .15), 0 14px 30px -20px rgba(243, 213, 142, .5) !important; } body.vey-renewal #view .legend-plaque.locked { opacity: .6 !important; } body.vey-renewal #view .legend-plaque > .legend-icon { all: unset !important; display: block !important; width: 52px !important; height: 52px !important; border-radius: 14px !important; background: var(--achievement-art, none) center / 80% no-repeat, radial-gradient(circle, rgba(232, 196, 128, .18), rgba(20, 18, 26, .9) 70%) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .legend-plaque > div { all: unset !important; display: grid !important; gap: 3px !important; min-width: 0 !important; } body.vey-renewal #view .legend-plaque small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: #6cf0a9 !important; } body.vey-renewal #view .legend-plaque.locked small { color: var(--pv-muted) !important; } body.vey-renewal #view .legend-plaque h2 { font: 600 17px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view .legend-plaque p { font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; margin: 0 !important; } body.vey-renewal #view .legend-plaque .progress { all: unset !important; display: block !important; height: 5px !important; margin-top: 4px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; overflow: hidden !important; } body.vey-renewal #view .legend-plaque .progress > span { display: block !important; height: 100% !important; background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } body.vey-renewal #view .legend-plaque div > b { font: 800 11.5px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .legend-plaque > :is(.button, button, span:not(.legend-icon)) { grid-column: 1 / -1 !important; width: 100% !important; position: static !important; transform: none !important; } body.vey-renewal #view .legend-plaque > span:not(.legend-icon) { font: 700 10px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; text-align: center !important; } /* CHRONIK-Übersicht: Titel nicht abschneiden */ body.vey-renewal #view .chronicle-path :is(h2, h3, b) { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; } body.vey-renewal #view .chronicle-path h2 { font-size: 17px !important; line-height: 1.2 !important; } /* GILDE gründen: kompakt nebeneinander */ body.vey-renewal #view .guild-founder-overlay { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 12px !important; } body.vey-renewal #view .guild-founder-overlay > * { min-height: 0 !important; height: auto !important; padding: 22px !important; border-radius: 18px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; display: grid !important; align-content: center !important; gap: 10px !important; } body.vey-renewal #view .guild-founder-overlay > .empty-guild { border-style: dashed !important; text-align: center !important; justify-items: center !important; background: radial-gradient(ellipse 60% 70% at 50% 40%, rgba(232, 196, 128, .08), transparent 70%), rgba(255, 255, 255, .02) !important; } body.vey-renewal #view .guild-founder-overlay > .empty-guild > div { display: grid !important; gap: 8px !important; justify-items: center !important; } body.vey-renewal #view .guild-founder-overlay .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .guild-founder-overlay h2 { font: 600 22px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view .guild-founder-overlay p { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; margin: 0 !important; } body.vey-renewal #view .guild-founder-overlay form .button { width: 100% !important; } @media (max-width: 760px) { body.vey-renewal #view .guild-founder-overlay { grid-template-columns: minmax(0, 1fr) !important; } } /* MOON-CRYSTAL-TRESOR */ body.vey-renewal #view .crystal-shop { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 150px minmax(0, 1fr) !important; grid-template-areas: "img eye" "img h1" "img p" "opts opts" "links links" !important; gap: 4px 22px !important; align-items: center !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 22px !important; border-radius: 20px !important; background: radial-gradient(ellipse 40% 60% at 8% 30%, rgba(176, 98, 255, .2), transparent 70%), var(--pv-panel) !important; border: 1px solid rgba(176, 98, 255, .3) !important; } body.vey-renewal #view .crystal-shop > .eyebrow { grid-area: eye !important; align-self: end !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: #d3a6ff !important; } body.vey-renewal #view .crystal-shop > h1 { grid-area: h1 !important; font: 600 28px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; margin: 0 !important; } body.vey-renewal #view .crystal-shop > img { grid-area: img !important; width: 140px !important; height: 140px !important; object-fit: contain !important; filter: drop-shadow(0 0 26px rgba(176, 98, 255, .6)) !important; } body.vey-renewal #view .crystal-shop > p { grid-area: p !important; align-self: start !important; font: 500 13px/1.5 var(--pv-font) !important; color: var(--pv-muted) !important; max-width: 640px !important; margin: 0 !important; } body.vey-renewal #view .crystal-shop-options { grid-area: opts !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-top: 14px !important; } body.vey-renewal #view .crystal-shop-options > article { display: grid !important; align-content: start !important; gap: 8px !important; padding: 18px !important; border-radius: 16px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .crystal-shop-options h2 { font: 600 18px/1.25 var(--pv-display) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view .crystal-shop-options p { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; margin: 0 !important; } body.vey-renewal #view .crystal-shop-options .button { justify-self: start !important; } body.vey-renewal #view .crystal-shop > .bonds-links { grid-area: links !important; margin-top: 10px !important; } @media (max-width: 760px) { body.vey-renewal #view .crystal-shop { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "img" "eye" "h1" "p" "opts" "links" !important; } body.vey-renewal #view .crystal-shop-options { grid-template-columns: minmax(0, 1fr) !important; } } /* LIVE-OPS: Event als klare Karte */ body.vey-renewal #view .vey-liveops .event-banner { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 16px !important; min-height: 0 !important; padding: 22px 24px !important; border-radius: 18px !important; background: radial-gradient(ellipse 50% 90% at 0% 50%, rgba(232, 196, 128, .14), transparent 70%), var(--pv-panel) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view .vey-liveops .event-banner > div { display: grid !important; gap: 6px !important; } body.vey-renewal #view .vey-liveops .event-banner .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .vey-liveops .event-banner h2 { font: 600 26px/1.15 var(--pv-display) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view .vey-liveops .event-banner p { font: 500 13px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; margin: 0 !important; } body.vey-renewal #view .vey-liveops .event-banner .progress { display: block !important; width: min(420px, 100%) !important; height: 6px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; overflow: hidden !important; } body.vey-renewal #view .vey-liveops .event-banner .progress > span { display: block !important; height: 100% !important; background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } body.vey-renewal #view .vey-liveops .event-banner small { font: 700 11px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } /* ===================================================================== STARTWAFFE (neuer Held): eigene Bühne, passt auf einen Bildschirm ===================================================================== */ body.vey-renewal #view:has(> .starter-forge) > :not(.starter-forge):not(.live-event-banner) { display: none !important; } body.vey-renewal #view > .starter-forge { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 14px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 18px 20px !important; border-radius: 20px !important; background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(243, 213, 142, .12), transparent 70%), var(--pv-panel) !important; border: 1px solid var(--pv-gold-dim) !important; } body.vey-renewal #view > .starter-forge > header { display: grid !important; justify-items: center !important; gap: 4px !important; text-align: center !important; } body.vey-renewal #view > .starter-forge > header .eyebrow { font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; color: var(--pv-gold) !important; } body.vey-renewal #view > .starter-forge > header h2 { font: 600 28px/1.15 var(--pv-display) !important; color: var(--pv-gold) !important; margin: 0 !important; } body.vey-renewal #view > .starter-forge > header p { font: 500 12.5px/1.45 var(--pv-font) !important; color: var(--pv-muted) !important; max-width: 720px !important; margin: 0 !important; } body.vey-renewal #view .starter-forge-grid { all: unset !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; min-height: 0 !important; } body.vey-renewal #view .starter-weapon { all: unset !important; box-sizing: border-box !important; --pv-r: rgba(255, 255, 255, .2); display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; min-height: 0 !important; padding: 14px 12px 12px !important; border-radius: 16px !important; text-align: center !important; background: radial-gradient(ellipse 70% 40% at 50% 0%, color-mix(in srgb, var(--pv-r) 16%, transparent), transparent 70%), linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid color-mix(in srgb, var(--pv-r) 55%, transparent) !important; transition: transform .15s, box-shadow .15s !important; overflow: hidden !important; } body.vey-renewal #view .starter-weapon:hover { transform: translateY(-3px) !important; box-shadow: 0 0 0 1px var(--pv-r), 0 20px 40px -24px var(--pv-r) !important; } body.vey-renewal #view .starter-weapon.rarity-ungewöhnlich { --pv-r: #5fc46a; } body.vey-renewal #view .starter-weapon.rarity-magisch { --pv-r: #4f8dff; } body.vey-renewal #view .starter-weapon.rarity-selten { --pv-r: #f2d24b; } body.vey-renewal #view .starter-weapon.rarity-episch { --pv-r: #b062ff; } body.vey-renewal #view .starter-weapon > .item-slot { all: unset !important; box-sizing: border-box !important; position: relative !important; display: grid !important; place-items: center !important; flex: 0 0 auto !important; width: 84px !important; height: 84px !important; border-radius: 16px !important; cursor: pointer !important; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--pv-r) 30%, transparent), transparent 70%), linear-gradient(180deg, #24212f, #14131b) !important; border: 1.5px solid var(--pv-r) !important; box-shadow: 0 0 22px -8px var(--pv-r) !important; } body.vey-renewal #view .starter-weapon > .item-slot > img { width: 82% !important; height: 82% !important; object-fit: contain !important; position: static !important; transform: none !important; } body.vey-renewal #view .starter-weapon > .item-slot > span { display: none !important; } body.vey-renewal #view .starter-weapon > small { font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--pv-r) !important; } body.vey-renewal #view .starter-weapon > h3 { font: 600 15px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; margin: 0 !important; min-height: 2.4em !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body.vey-renewal #view .starter-roll { display: flex !important; align-items: baseline !important; gap: 6px !important; } body.vey-renewal #view .starter-roll b { font: 800 22px/1 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .starter-roll span { font: 700 9px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .starter-weapon > ul { all: unset !important; display: grid !important; gap: 3px !important; width: 100% !important; margin-top: 2px !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: none !important; flex: 1 1 auto !important; align-content: start !important; } body.vey-renewal #view .starter-weapon > ul li { all: unset !important; display: block !important; position: relative !important; padding: 4px 8px 5px !important; border-radius: 8px !important; font: 600 11.5px/1.3 var(--pv-font) !important; text-align: left !important; color: var(--roll-color, var(--pv-text)) !important; background: rgba(255, 255, 255, .035) !important; overflow: hidden !important; } body.vey-renewal #view .starter-weapon > ul li.implicit { color: var(--pv-gold) !important; background: rgba(232, 196, 128, .07) !important; } body.vey-renewal #view .starter-weapon > .button { width: 100% !important; margin-top: auto !important; flex: 0 0 auto !important; color: #1a1408 !important; background: linear-gradient(180deg, #fbe7b0, #c48f45) !important; border-color: #f6dd9c !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view > .starter-forge { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; overflow: hidden !important; } } @media (max-width: 1100px) { body.vey-renewal #view .starter-forge-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; } } /* ===================================================================== HALL OF LEGENDS: Podest links, Rangliste rechts (scrollt im Kasten) ===================================================================== */ @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .hof-screen { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; overflow: hidden !important; display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important; grid-template-rows: auto auto minmax(0, 1fr) !important; grid-template-areas: "hero hero" "tabs tabs" "podium board" !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; padding: 0 !important; } body.vey-renewal #view .hof-screen > .hof-hero { grid-area: hero !important; min-height: 0 !important; padding: 14px 20px !important; } body.vey-renewal #view .hof-screen > .hof-hero h1 { font-size: 26px !important; } body.vey-renewal #view .hof-screen > .hof-tabs { grid-area: tabs !important; } body.vey-renewal #view .hof-screen > .hof-podium { grid-area: podium !important; min-height: 0 !important; height: 100% !important; margin: 0 !important; align-items: end !important; } body.vey-renewal #view .hof-screen > .hof-podium > * { min-height: 0 !important; height: auto !important; } body.vey-renewal #view .hof-screen > .hof-podium .hof-podium-art { height: auto !important; min-height: 0 !important; flex: 1 1 auto !important; } body.vey-renewal #view .hof-screen > .hof-board { grid-area: board !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; margin: 0 !important; } body.vey-renewal #view .hof-screen > .hof-rules { grid-column: 2 !important; grid-row: 3 !important; align-self: end !important; margin: 0 !important; max-height: 45% !important; overflow-y: auto !important; scrollbar-width: thin !important; } body.vey-renewal #view .hof-screen:has(> .hof-rules) > .hof-board { align-self: start !important; max-height: 55% !important; } } /* ===================================================================== HALL OF HEROES: Liste scrollt im Kasten ===================================================================== */ @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .hero-community { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; overflow: hidden !important; grid-template-rows: auto auto minmax(0, 1fr) auto !important; } body.vey-renewal #view .hero-community > :is(form, section, div):not(.community-tabs):not(.community-banner):not(.community-links) { min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(232, 196, 128, .3) transparent !important; } body.vey-renewal #view .hero-community:has(> .community-search) > .community-search { overflow: visible !important; } body.vey-renewal #view .hero-community:has(> .community-search) { grid-template-rows: auto auto auto minmax(0, 1fr) auto !important; } } body.vey-renewal #view .community-roster { display: grid !important; gap: 8px !important; } body.vey-renewal #view .community-count { font: 600 11.5px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } /* Hall of Heroes 2.0 (19.10.): Helden als Karten-Raster mit großem Klassenbild statt abgeschnittener Zeilen */ @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .hero-community:has(> .community-count) { grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto !important; } } body.vey-renewal #view .hero-community > .community-count { padding: 0 4px !important; margin: -4px 0 0 !important; border: 0 !important; background: none !important; border-radius: 0 !important; overflow: visible !important; } body.vey-renewal #view .hero-community .community-roster { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; grid-auto-rows: max-content !important; gap: 12px !important; align-content: start !important; } body.vey-renewal #view .hero-community .community-hero { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 200px auto auto !important; padding: 0 !important; overflow: hidden !important; min-height: max-content !important; border: 1px solid rgba(232, 196, 128, .22) !important; border-radius: 16px !important; background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(176, 98, 255, .16), transparent 70%), linear-gradient(180deg, #1c1826, #0f0d15) !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important; } body.vey-renewal #view .hero-community .community-hero:hover { transform: translateY(-3px) !important; border-color: rgba(243, 213, 142, .55) !important; box-shadow: 0 16px 34px -18px rgba(243, 213, 142, .55) !important; } body.vey-renewal #view .hero-community .community-hero > img { width: 100% !important; height: 200px !important; max-width: none !important; object-fit: cover !important; object-position: center 12% !important; border-radius: 0 !important; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .6)) !important; -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent) !important; mask-image: linear-gradient(180deg, #000 72%, transparent) !important; } body.vey-renewal #view .hero-community .community-hero > div:not(.community-hero-actions) { display: grid !important; gap: 2px !important; padding: 0 14px 10px !important; margin-top: -26px !important; position: relative !important; text-align: center !important; justify-items: center !important; } body.vey-renewal #view .hero-community .community-hero small { color: var(--pv-gold) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view .hero-community .community-hero .hero-profile-link { all: unset !important; cursor: pointer !important; color: #fff3cf !important; font: 600 21px/1.2 var(--pv-display) !important; text-shadow: 0 2px 10px rgba(0, 0, 0, .8) !important; } body.vey-renewal #view .hero-community .community-hero .hero-profile-link:hover { color: #f3d58e !important; text-decoration: underline !important; } body.vey-renewal #view .hero-community .community-hero p { color: var(--pv-muted) !important; font: 500 12px/1.35 var(--pv-font) !important; margin: 0 !important; } body.vey-renewal #view:not(#pv-x) .hero-community > .community-pagination { padding: 0 !important; border: 0 !important; background: none !important; overflow: visible !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important; } body.vey-renewal #view .hero-community .community-hero-actions { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; padding: 4px 14px 14px !important; color: var(--pv-muted) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } /* ===================================================================== LAUFENDE / FERTIGE MISSION: Regionsbild in der Szene, passt auf den Bildschirm ===================================================================== */ body.vey-renewal #view .mission-journey .journey-scene { background: linear-gradient(0deg, rgba(10, 9, 14, .7), rgba(10, 9, 14, .1) 60%), var(--journey-bg) center 45% / cover no-repeat, #15131c !important; border-radius: 16px !important; } body.vey-renewal #view .mission-journey .journey-depth { background: none !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .mission-state-screen { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; overflow: hidden !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; } body.vey-renewal #view .mission-state-screen > .mission-journey { height: 100% !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto auto !important; gap: 10px !important; } body.vey-renewal #view .mission-state-screen .journey-scene { min-height: 0 !important; height: 100% !important; } } body.vey-renewal #view .starter-weapon > .button.metal, body.vey-renewal #view .starter-weapon > .button { color: #1a1408 !important; background: linear-gradient(180deg, #fbe7b0 0%, #e9c27a 45%, #c48f45 100%) !important; border-color: #f6dd9c !important; } body.vey-renewal :is(#view) .starter-weapon > .button:is(.metal, .craft) { color: #1a1408 !important; background: linear-gradient(180deg, #fbe7b0 0%, #e9c27a 45%, #c48f45 100%) !important; border-color: #f6dd9c !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .hof-screen { grid-template-rows: auto auto minmax(0, auto) minmax(0, 1fr) !important; grid-template-areas: "hero hero" "tabs tabs" "podium board" "podium rules" !important; } body.vey-renewal #view .hof-screen > .hof-board, body.vey-renewal #view .hof-screen:has(> .hof-rules) > .hof-board { grid-area: board !important; max-height: none !important; align-self: stretch !important; } body.vey-renewal #view .hof-screen > .hof-rules { grid-area: rules !important; grid-column: auto !important; grid-row: auto !important; max-height: none !important; align-self: stretch !important; min-height: 0 !important; } body.vey-renewal #view .hof-screen > .hof-podium { grid-area: podium !important; align-items: stretch !important; } body.vey-renewal #view .hof-screen > .hof-podium > * { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; height: 100% !important; } body.vey-renewal #view .hof-screen > .hof-podium .hof-podium-art { flex: 1 1 auto !important; min-height: 120px !important; background-size: auto 92% !important; background-position: center bottom !important; } body.vey-renewal #view .hof-screen > .hof-podium > .place-1 { height: 100% !important; } body.vey-renewal #view .hof-screen > .hof-podium > .place-2 { height: 92% !important; align-self: end !important; } body.vey-renewal #view .hof-screen > .hof-podium > .place-3 { height: 86% !important; align-self: end !important; } } body.vey-renewal #view .hero-community .hero-profile-link { all: unset !important; cursor: pointer !important; font: 600 15px/1.2 var(--pv-display) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .hero-community .hero-profile-link:hover { text-decoration: underline !important; text-underline-offset: 3px !important; } @media (max-width: 760px) { body.vey-renewal #view .market-screen > .market-hero { flex-direction: column !important; align-items: stretch !important; padding: 14px !important; } body.vey-renewal #view .market-hero > span { justify-items: start !important; grid-template-columns: auto auto !important; align-items: baseline !important; column-gap: 10px !important; } body.vey-renewal #view .market-hero > span b { white-space: nowrap !important; } body.vey-renewal #view .market-hero h1 { font-size: 22px !important; } body.vey-renewal #view .market-listings { grid-template-columns: minmax(0, 1fr) !important; } } /* ===================================================================== LAUFENDE EXPEDITION v2: alles auf einer Seite ===================================================================== */ body.vey-renewal #view .expedition-screen.active .journey-vignette { position: relative !important; display: grid !important; grid-template-columns: minmax(220px, 34%) minmax(0, 1fr) !important; align-items: center !important; gap: 18px !important; padding: 12px 16px !important; border-radius: 16px !important; background: rgba(10, 9, 14, .78) !important; border: 1px solid var(--pv-line) !important; backdrop-filter: blur(6px) !important; } body.vey-renewal #view .expedition-screen.active .journey-landscape { position: relative !important; display: block !important; height: 54px !important; } body.vey-renewal #view .expedition-screen.active .journey-landscape::before { content: "" !important; position: absolute !important; left: 44px !important; right: 44px !important; top: 27px !important; display: block !important; height: 3px !important; border-radius: 99px !important; background: linear-gradient(90deg, #f3d58e var(--travel-progress, 0%), rgba(255, 255, 255, .12) var(--travel-progress, 0%)) !important; } body.vey-renewal #view .expedition-screen.active .journey-road-origin, body.vey-renewal #view .expedition-screen.active .journey-road-destination { position: absolute !important; top: 20px !important; display: block !important; font: 800 9px/1 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.active .journey-road-origin { left: 0 !important; } body.vey-renewal #view .expedition-screen.active .journey-road-destination { right: 0 !important; } body.vey-renewal #view .expedition-screen.active .journey-hero-token { position: absolute !important; top: 4px !important; left: clamp(44px, calc(44px + (100% - 88px) * (var(--tp, 50) / 100)), calc(100% - 44px)) !important; transform: translateX(-50%) !important; display: block !important; width: 46px !important; height: 46px !important; border-radius: 50% !important; background: var(--traveler-portrait) center 18% / cover no-repeat, #1d1b26 !important; border: 2px solid #f3d58e !important; box-shadow: 0 0 0 4px rgba(243, 213, 142, .18), 0 6px 14px -4px #000 !important; transition: left .6s ease !important; } body.vey-renewal #view .expedition-screen.active .journey-story { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 4px 18px !important; } body.vey-renewal #view .expedition-screen.active .journey-story .eyebrow { grid-column: 1 !important; font: 800 10.5px/1.2 var(--pv-font) !important; letter-spacing: .18em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.active .journey-story > p { grid-column: 1 !important; font: 500 14px/1.45 var(--pv-font) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view .expedition-screen.active .journey-story > .button { grid-column: 2 !important; grid-row: 1 / span 2 !important; min-height: 48px !important; padding: 0 26px !important; font-size: 13px !important; } body.vey-renewal #view .expedition-screen.active .journey-vignette.paused { border-color: rgba(255, 140, 110, .65) !important; background: linear-gradient(90deg, rgba(120, 30, 20, .35), rgba(10, 9, 14, .82) 45%) !important; box-shadow: 0 0 0 1px rgba(255, 140, 110, .25), 0 0 34px -10px rgba(255, 110, 90, .6) !important; } body.vey-renewal #view .expedition-screen.active .journey-vignette.paused .journey-story .eyebrow { color: #ff9c8a !important; } body.vey-renewal #view .expedition-screen.active .journey-vignette.paused .journey-story > .button { animation: pv-cta-pulse 1.6s ease-in-out infinite !important; } body.vey-renewal #view .expedition-screen.active .journey-vignette.finished { border-color: rgba(108, 240, 169, .5) !important; } @keyframes pv-cta-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(243, 213, 142, .55), 0 8px 22px -10px rgba(243, 213, 142, .65); } 50% { box-shadow: 0 0 0 8px rgba(243, 213, 142, 0), 0 8px 22px -10px rgba(243, 213, 142, .65); } } body.vey-renewal #view .expedition-screen.active .journey-marker.journey-pending { width: 40px !important; height: 40px !important; font: 700 18px/1 var(--pv-font) !important; color: #ffd0c4 !important; border-color: #ff9c8a !important; background: #2a1414 !important; box-shadow: 0 0 16px rgba(255, 120, 100, .6) !important; animation: pv-cta-pulse 1.6s ease-in-out infinite !important; } body.vey-renewal #view .expedition-screen.active .journey-mode { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 4px 12px !important; padding: 10px 14px !important; border-radius: 14px !important; background: rgba(10, 9, 14, .78) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.active .journey-mode > span { display: grid !important; gap: 1px !important; } body.vey-renewal #view .expedition-screen.active .journey-mode small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.active .journey-mode b { font: 700 13px/1.25 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.active .journey-mode > div { display: flex !important; gap: 4px !important; padding: 3px !important; border-radius: 11px !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.active .journey-mode > div .button { min-height: 32px !important; padding: 0 14px !important; border: 0 !important; background: none !important; color: var(--pv-muted) !important; box-shadow: none !important; } body.vey-renewal #view .expedition-screen.active .journey-mode > div .button.selected { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; } body.vey-renewal #view .expedition-screen.active .journey-mode > p { grid-column: 1 / -1 !important; font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; margin: 0 !important; } body.vey-renewal #view .expedition-screen.active .expedition-loot-bag .empty-state { grid-column: 1 / -1 !important; padding: 18px !important; } body.vey-renewal #view .expedition-screen.active .expedition-loot-bag > footer { display: grid !important; gap: 8px !important; font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .expedition-screen.active .expedition-loot-bag > footer .button { width: 100% !important; } body.vey-renewal #view .expedition-screen.active .expedition-skip { white-space: nowrap !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.active { grid-template-columns: minmax(0, 1fr) 360px !important; grid-template-rows: auto auto minmax(0, 1fr) !important; grid-template-areas: "tabs tabs" "visual visual" "grid loot" !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual { display: grid !important; grid-template-columns: minmax(0, 1fr) 360px !important; grid-template-areas: "head head" "track track" "vign mode" !important; gap: 10px 12px !important; padding: 12px 16px !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header { grid-area: head !important; align-items: center !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header h1 { font-size: 26px !important; margin: 0 !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header p { font-size: 12px !important; } body.vey-renewal #view .expedition-screen.active .expedition-clock b { font-size: 28px !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-journey { grid-area: track !important; padding: 6px 14px !important; gap: 2px !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-journey > header { display: none !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-journey .journey-axis { padding: 14px 4px 10px !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-journey > p { font-size: 11px !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .journey-vignette { grid-area: vign !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .journey-mode { grid-area: mode !important; align-self: stretch !important; align-content: center !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .journey-mode > p { display: none !important; } body.vey-renewal #view .expedition-screen.active > .adventure-active-grid { grid-area: grid !important; } body.vey-renewal #view .expedition-screen.active > .expedition-loot-bag { grid-area: loot !important; padding-top: 14px !important; background: var(--pv-panel) !important; grid-template-rows: auto minmax(0, 1fr) auto !important; align-content: stretch !important; overflow: hidden !important; } body.vey-renewal #view .expedition-screen.active > .expedition-loot-bag > .expedition-loot-grid { overflow-y: auto !important; min-height: 0 !important; align-content: start !important; } body.vey-renewal #view .expedition-screen.active > .expedition-loot-bag > header { display: grid !important; gap: 2px !important; } body.vey-renewal #view .expedition-screen.active > .expedition-loot-bag > header h2 { font-size: 18px !important; } } /* ===================================================================== KAMPF v2: eine Seite · Protokoll im Bild · klarer Weiter-Knopf ===================================================================== */ body.vey-renewal #view .combat-screen { position: relative !important; } body.vey-renewal #view .combat-screen > .combat-toolbar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px 16px !important; padding: 10px 16px !important; border-radius: 16px !important; background: var(--pv-panel) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .combat-screen .combat-identity { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 4px 12px !important; min-width: 0 !important; } body.vey-renewal #view .combat-screen .combat-identity .eyebrow { font: 800 10px/1.2 var(--pv-font) !important; letter-spacing: .16em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .combat-screen .combat-current-status { font: 700 15px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; margin: 0 !important; } body.vey-renewal #view .combat-screen .combat-identity-tags { display: flex !important; gap: 4px !important; } body.vey-renewal #view .combat-screen .combat-identity-tags > button { padding: 3px 9px !important; border-radius: 99px !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .08em !important; color: var(--pv-muted) !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .combat-screen .combat-controls { display: flex !important; align-items: center !important; gap: 10px !important; } body.vey-renewal #view .combat-screen .combat-speed-control { display: flex !important; align-items: center !important; gap: 4px !important; } body.vey-renewal #view .combat-screen .combat-speed-control button { min-width: 38px !important; min-height: 34px !important; padding: 0 10px !important; } body.vey-renewal #view .combat-screen .combat-skip { min-height: 38px !important; } /* Protokoll als durchscheinende Schrift unten im Kampfbild */ body.vey-renewal #view .combat-screen .combat-action-deck { position: absolute !important; z-index: 6 !important; left: 50% !important; transform: translateX(-50%) !important; bottom: var(--pv-deck-bottom, 70px) !important; width: min(34%, 460px) !important; display: block !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; pointer-events: none !important; } body.vey-renewal #view .combat-screen .combat-action-deck > header { display: none !important; } body.vey-renewal #view .combat-screen .combat-action-deck > ol { display: flex !important; flex-direction: column !important; gap: 3px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; overflow: visible !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) auto !important; align-items: center !important; gap: 8px !important; min-height: 0 !important; height: auto !important; width: 100% !important; padding: 4px 12px !important; border-radius: 99px !important; background: linear-gradient(90deg, rgba(8, 8, 12, 0), rgba(8, 8, 12, .62) 18%, rgba(8, 8, 12, .62) 82%, rgba(8, 8, 12, 0)) !important; border: 0 !important; box-shadow: none !important; opacity: .55 !important; transform: none !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action:nth-last-child(2) { opacity: .75 !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action:last-child, body.vey-renewal #view .combat-screen .combat-action-deck .combat-action.is-current { opacity: 1 !important; background: linear-gradient(90deg, rgba(8, 8, 12, 0), rgba(20, 16, 10, .85) 15%, rgba(20, 16, 10, .85) 85%, rgba(8, 8, 12, 0)) !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action > i { display: grid !important; place-items: center !important; width: 22px !important; height: 22px !important; font-style: normal !important; font-size: 13px !important; color: var(--pv-gold) !important; background-size: contain !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action > span { display: flex !important; align-items: baseline !important; gap: 8px !important; min-width: 0 !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action small { font: 800 9.5px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-gold) !important; white-space: nowrap !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action b { font: 700 13px/1.25 var(--pv-font) !important; color: #fff !important; text-shadow: 0 1px 3px #000 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action em { font: 800 13px/1.2 var(--pv-font) !important; font-style: normal !important; color: #ff9c8a !important; text-shadow: 0 1px 3px #000 !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action.tone-heal em, body.vey-renewal #view .combat-screen .combat-action-deck .combat-action[class*="heal"] em { color: #6cf0a9 !important; } body.vey-renewal #view .combat-screen .combat-vitals { column-gap: 36% !important; } /* Ergebnis: rechte Spalte mit großem Weiter-Knopf */ body.vey-renewal #view .combat-screen .combat-rewards { background: var(--pv-panel) !important; border: 1px solid var(--pv-gold-dim) !important; border-radius: 18px !important; padding: 14px !important; } body.vey-renewal #view .combat-screen .combat-end-actions { display: grid !important; gap: 8px !important; } body.vey-renewal #view .combat-screen .combat-end-actions .button { width: 100% !important; min-height: 52px !important; font-size: 14px !important; letter-spacing: .1em !important; } body.vey-renewal #view .combat-screen .combat-end-actions .button.primary { animation: pv-cta-pulse 1.8s ease-in-out infinite !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .combat-screen { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; max-height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; overflow: hidden !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto minmax(0, 1fr) auto !important; grid-template-areas: "tool" "stage" "log" !important; gap: 10px !important; max-width: none !important; margin: 0 !important; --pv-deck-bottom: 74px; } body.vey-renewal #view .combat-screen.combat-finished { grid-template-columns: minmax(0, 1fr) 360px !important; grid-template-areas: "tool tool" "stage side" "log side" !important; } body.vey-renewal #view .combat-screen > .combat-toolbar { grid-area: tool !important; } body.vey-renewal #view .combat-screen > .combat-stage { grid-area: stage !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; } body.vey-renewal #view .combat-screen > .combat-result-grid { display: contents !important; } body.vey-renewal #view .combat-screen > .combat-result-grid > .combat-log { grid-area: log !important; margin: 0 !important; } body.vey-renewal #view .combat-screen > .combat-result-grid > .combat-log:not(.collapsed) { max-height: 30vh !important; overflow-y: auto !important; } body.vey-renewal #view .combat-screen > .combat-result-grid > .combat-rewards { grid-area: side !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; } body.vey-renewal #view .combat-screen > .combat-result-grid > .combat-rewards > .combat-end-actions { position: sticky !important; bottom: -14px !important; order: -1 !important; margin: -14px -14px 0 !important; padding: 14px !important; background: linear-gradient(180deg, #1c1a25, #17151f) !important; border-bottom: 1px solid var(--pv-line) !important; z-index: 2 !important; } body.vey-renewal #view .combat-screen:not(.combat-finished) > .combat-result-grid > .combat-rewards { display: none !important; } } @media (max-width: 1024px) { body.vey-renewal #view .combat-screen .combat-action-deck { position: static !important; transform: none !important; width: 100% !important; pointer-events: auto !important; } body.vey-renewal #view .combat-screen .combat-vitals { column-gap: 8px !important; } } body.vey-renewal #view .combat-screen > .combat-toolbar { position: static !important; transform: none !important; contain: none !important; filter: none !important; backdrop-filter: none !important; } body.vey-renewal #view .combat-screen > .combat-toolbar > .combat-controls { position: static !important; } body.vey-renewal :is(#view) .combat-screen .combat-end-actions .button { display: flex !important; width: 100% !important; min-height: 52px !important; font-size: 14px !important; letter-spacing: .1em !important; } body.vey-renewal #view .combat-screen .combat-rewards .enemy-spoils { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; padding: 12px !important; border-radius: 14px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; min-height: 0 !important; height: auto !important; } body.vey-renewal #view .combat-screen .combat-rewards .enemy-spoils > * { position: static !important; width: auto !important; min-width: 0 !important; transform: none !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-source { display: grid !important; gap: 2px !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-source small { font: 700 9.5px/1.2 var(--pv-font) !important; letter-spacing: .14em !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-source b { font: 600 18px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-source span { font: 600 11px/1.3 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest { display: grid !important; grid-template-columns: 54px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; align-items: center !important; column-gap: 12px !important; padding: 10px 12px !important; border-radius: 12px !important; cursor: pointer !important; text-align: left !important; background: linear-gradient(180deg, rgba(243, 213, 142, .16), rgba(243, 213, 142, .05)) !important; border: 1px solid var(--pv-gold-dim) !important; height: auto !important; min-height: 0 !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest > i { grid-row: 1 / span 2 !important; display: block !important; width: 54px !important; height: 54px !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest b { font: 800 13px/1.2 var(--pv-font) !important; letter-spacing: .1em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest small { font: 500 11px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards :is(.combat-learning-summary, .journey-combat-debrief, .combat-summary) { padding: 10px 12px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .combat-screen .combat-rewards .journey-combat-debrief h3 { font: 600 15px/1.25 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .combat-screen .combat-rewards .journey-combat-debrief p { font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards .eyebrow { font: 800 10px/1.2 var(--pv-font) !important; letter-spacing: .16em !important; color: #6cf0a9 !important; } /* Kampf-Ergebnis: sauber neu aufgebaut */ body.vey-renewal #view .combat-screen .combat-rewards :where(*:not(.button)), body.vey-renewal #view .combat-screen .combat-rewards :where(*:not(.button))::before, body.vey-renewal #view .combat-screen .combat-rewards :where(*:not(.button))::after { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .combat-screen .combat-rewards :where(div, section, article, header, footer, p, h3, ul, li) { display: block !important; } body.vey-renewal #view .combat-screen .combat-rewards { gap: 10px !important; } body.vey-renewal #view .combat-screen .combat-rewards > .eyebrow { font: 800 10px/1.2 var(--pv-font) !important; letter-spacing: .16em !important; color: #6cf0a9 !important; } body.vey-renewal #view .combat-screen .combat-rewards .enemy-spoils { display: grid !important; gap: 10px !important; padding: 12px !important; border-radius: 14px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-source { display: grid !important; gap: 2px !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-source small, body.vey-renewal #view .combat-screen .combat-rewards .harvest-preview small, body.vey-renewal #view .combat-screen .combat-rewards .combat-learning-summary > small, body.vey-renewal #view .combat-screen .combat-rewards .journey-combat-debrief small { font: 700 9.5px/1.25 var(--pv-font) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-source b { font: 600 18px/1.2 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-source span { font: 600 11px/1.3 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) !important; align-items: center !important; gap: 2px 12px !important; padding: 10px 12px !important; border-radius: 12px !important; cursor: pointer !important; background: linear-gradient(180deg, rgba(243, 213, 142, .18), rgba(243, 213, 142, .05)) !important; border: 1px solid var(--pv-gold-dim) !important; transition: filter .15s !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest:hover { filter: brightness(1.15) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest > i { grid-row: 1 / span 2 !important; display: block !important; width: 48px !important; height: 48px !important; background: url("./assets/expedition-icons/treasure-chest.webp") center / contain no-repeat !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest > b { font: 800 13px/1.2 var(--pv-font) !important; letter-spacing: .12em !important; color: var(--pv-gold) !important; } body.vey-renewal #view .combat-screen .combat-rewards .spoils-chest > small { font: 500 11px/1.35 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards .harvest-preview { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; } body.vey-renewal #view .combat-screen .combat-rewards .harvest-preview > small { flex-basis: 100% !important; } body.vey-renewal #view .combat-screen .combat-rewards .harvest-preview > span { display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; border-radius: 8px !important; font: 800 12px/1 var(--pv-font) !important; color: var(--pv-muted) !important; background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .combat-screen .combat-rewards .harvest-preview > em { font: 500 11px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards :is(.combat-learning-summary, .journey-combat-debrief, .combat-summary) { display: grid !important; gap: 6px !important; padding: 10px 12px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .combat-screen .combat-rewards .combat-learning-summary > div, body.vey-renewal #view .combat-screen .combat-rewards .combat-summary__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } body.vey-renewal #view .combat-screen .combat-rewards .combat-summary__grid.is-hidden { display: none !important; } body.vey-renewal #view .combat-screen .combat-rewards :is(.combat-learning-summary, .combat-summary__grid) span { display: grid !important; gap: 1px !important; padding: 6px 8px !important; border-radius: 9px !important; background: rgba(255, 255, 255, .03) !important; } body.vey-renewal #view .combat-screen .combat-rewards :is(.combat-learning-summary, .combat-summary__grid) span small { font: 700 9px/1.2 var(--pv-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards :is(.combat-learning-summary, .combat-summary__grid) span b { font: 800 13px/1.2 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .combat-screen .combat-rewards .journey-combat-debrief > div { display: grid !important; gap: 3px !important; } body.vey-renewal #view .combat-screen .combat-rewards .journey-combat-debrief h3 { font: 600 15px/1.25 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .combat-screen .combat-rewards .journey-combat-debrief p { font: 500 11.5px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards .combat-live-copy { font: 500 12px/1.4 var(--pv-font) !important; color: var(--pv-muted) !important; } body.vey-renewal #view .combat-screen .combat-rewards .combat-end-actions { justify-items: stretch !important; } body.vey-renewal #view .combat-screen.combat-finished .combat-action-deck { display: none !important; } body.vey-renewal #view .combat-screen .combat-rewards > * { flex-shrink: 0 !important; } body.vey-renewal #view .combat-screen.combat-finished .combat-skip { display: none !important; } body.vey-renewal #view .expedition-screen.active .expedition-feed > ol { align-content: start !important; grid-auto-rows: max-content !important; } /* Missionskarte: Inhalt passt sich der Kartenhöhe an, Start-Knopf immer sichtbar */ @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.select .mission-board__card { container-type: size !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy { max-height: 100% !important; overflow: hidden !important; } } @container (max-height: 400px) { body.vey-renewal #view .expedition-screen.select .mission-board__copy > p:not(.mission-board__finds), body.vey-renewal #view .expedition-screen.select .mission-board__finds { display: none !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.vey-renewal #view .expedition-screen.select .mission-board__stats > div { padding: 6px 8px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy { gap: 7px !important; padding: 14px 18px !important; max-width: 560px !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy h2 { font-size: 23px !important; } } @container (max-height: 300px) { body.vey-renewal #view .expedition-screen.select .mission-board__copy .eyebrow { display: none !important; } body.vey-renewal #view .expedition-screen.select .mission-board__copy .button.primary { height: 40px !important; } } body.vey-renewal #view .item-slot:hover, body.vey-renewal #view .item-slot:active { transform: none !important; } @media (max-width: 1024px) { body.vey-renewal #view .combat-screen > .combat-toolbar { order: -2 !important; grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .combat-screen > .combat-toolbar .combat-controls { flex-wrap: wrap !important; } body.vey-renewal #view .combat-screen .combat-action-deck { display: block !important; grid-column: 1 / -1 !important; } body.vey-renewal #view .combat-screen .combat-action-deck .combat-action { background: rgba(8, 8, 12, .6) !important; border-radius: 10px !important; } body.vey-renewal #view .combat-screen.combat-finished .combat-action-deck { display: none !important; } body.vey-renewal #view .combat-screen.combat-finished .combat-end-actions { position: fixed !important; left: 12px !important; right: 12px !important; bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; z-index: 60 !important; display: block !important; padding: 0 !important; } body.vey-renewal #view .combat-screen.combat-finished { padding-bottom: 80px !important; } } body.vey-renewal #view .combat-screen .combat-skip { min-width: max-content !important; white-space: nowrap !important; padding: 0 16px !important; } @media (max-width: 760px) { body.vey-renewal #view .combat-screen .combat-action-deck { display: none !important; } body.vey-renewal #view .combat-screen > .combat-toolbar { padding: 10px 12px !important; gap: 8px !important; } body.vey-renewal #view .combat-screen > .combat-toolbar .combat-controls { justify-content: space-between !important; width: 100% !important; } body.vey-renewal #view .combat-screen .combat-stage.vm-finished .combat-impact::after { font-size: 34px !important; letter-spacing: .06em !important; white-space: nowrap !important; } body.vey-renewal #view .combat-screen .combat-stage.vm-finished .combat-impact { position: absolute !important; left: 0 !important; right: 0 !important; top: 46% !important; width: auto !important; display: grid !important; place-items: center !important; transform: none !important; margin: 0 !important; } } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .combat-screen { box-sizing: border-box !important; padding: 0 !important; --pv-deck-bottom: 168px; } body.vey-renewal #view .combat-screen .combat-action-deck > ol { max-height: 150px !important; justify-content: flex-end !important; } } body.vey-renewal #view .expedition-screen.active .expedition-event > span > :is(em, strong, i, span) { display: block !important; font: 700 11px/1.3 var(--pv-font) !important; font-style: normal !important; letter-spacing: .06em !important; color: #ffb4a6 !important; } /* ===================================================================== 20.10.: ruhiger, kompakter, Live-Events in der Kopfzeile ===================================================================== */ /* Zahlen mit fester Breite – Uhren und Zähler wackeln nicht mehr */ body.vey-renewal :is(#view, .topbar) :is(b, strong, em, small, span, time, dd) { font-variant-numeric: tabular-nums !important; } /* keine Dauer-Pulse mehr: ruhiges Leuchten statt Zucken */ body.vey-renewal #view :is(.journey-story > .button, .journey-marker.journey-pending, .combat-end-actions .button.primary, .expedition-live-signal > i) { animation: none !important; } body.vey-renewal #view .expedition-screen.active .journey-vignette.paused .journey-story > .button, body.vey-renewal #view .combat-end-actions .button.primary { box-shadow: 0 0 0 3px rgba(243, 213, 142, .22), 0 10px 26px -10px rgba(243, 213, 142, .7) !important; } /* Missions-Chip in der Kopfzeile mit fester Breite */ @media (min-width: 761px) { html body.vey-renewal .topbar > .header-mission:not([hidden]) { width: 176px !important; flex: 0 0 176px !important; max-width: 176px !important; } } /* Live-Events: Chip in der Kopfzeile statt Banner auf der Seite */ body.vey-renewal #view > .live-event-banner { display: none !important; } html body.vey-renewal .topbar .header-events { position: relative !important; flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; height: 34px !important; padding: 0 12px 0 10px !important; border-radius: 99px !important; cursor: default !important; background: rgba(108, 240, 169, .08) !important; border: 1px solid rgba(108, 240, 169, .35) !important; order: 3 !important; } html body.vey-renewal .topbar .header-events__pulse { display: block !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #6cf0a9 !important; box-shadow: 0 0 8px #6cf0a9 !important; } html body.vey-renewal .topbar .header-events > b { font: 800 10.5px/1 var(--vm-font, Manrope, sans-serif) !important; letter-spacing: .14em !important; color: #6cf0a9 !important; } html body.vey-renewal .topbar .header-events > small { font: 600 11px/1 var(--vm-font, Manrope, sans-serif) !important; color: #cfe9dc !important; white-space: nowrap !important; } html body.vey-renewal .topbar .header-events__pop { position: absolute !important; top: calc(100% + 8px) !important; right: 0 !important; z-index: 120 !important; display: grid !important; gap: 10px !important; width: 360px !important; padding: 14px !important; border-radius: 16px !important; background: linear-gradient(180deg, #1c1a25, #121118) !important; border: 1px solid rgba(108, 240, 169, .35) !important; box-shadow: 0 24px 60px -18px #000 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(-4px) !important; transition: opacity .15s, transform .15s, visibility 0s .15s !important; pointer-events: none !important; } html body.vey-renewal .topbar .header-events:is(:hover, :focus-within, :focus) .header-events__pop { opacity: 1 !important; visibility: visible !important; transform: none !important; transition: opacity .15s, transform .15s !important; pointer-events: auto !important; } html body.vey-renewal .topbar .header-events__pop section { display: grid !important; gap: 4px !important; } html body.vey-renewal .topbar .header-events__pop section + section { padding-top: 10px !important; border-top: 1px solid rgba(232, 196, 128, .14) !important; } html body.vey-renewal .topbar .header-events__pop header { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 8px !important; } html body.vey-renewal .topbar .header-events__pop header b { font: 600 15px/1.2 var(--vm-display, Cinzel, serif) !important; color: #f3d58e !important; } html body.vey-renewal .topbar .header-events__pop header small { font: 700 9.5px/1.2 var(--vm-font, sans-serif) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #6cf0a9 !important; } html body.vey-renewal .topbar .header-events__pop p { font: 500 11.5px/1.4 var(--vm-font, sans-serif) !important; color: #a59c8b !important; margin: 0 !important; } html body.vey-renewal .topbar .header-events__pop div { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; } html body.vey-renewal .topbar .header-events__pop div span { padding: 2px 8px !important; border-radius: 99px !important; font: 700 10.5px/1.4 var(--vm-font, sans-serif) !important; color: #8fe0b0 !important; background: rgba(108, 240, 169, .08) !important; border: 1px solid rgba(108, 240, 169, .25) !important; } @media (min-width: 761px) and (max-width: 1360px) { html body.vey-renewal .topbar .header-events > small { display: none !important; } } @media (max-width: 760px) { html body.vey-renewal .topbar .header-events { display: none !important; } } /* ===================================================================== ABENTEUER: Regionsbild als Seitenhintergrund, Inhalte schweben darauf ===================================================================== */ body.vey-renewal #view .expedition-screen:is(.select, .active, .report) { border-radius: 20px !important; padding: 10px !important; background: linear-gradient(180deg, rgba(10, 9, 14, .35) 0%, rgba(10, 9, 14, .78) 38%, rgba(10, 9, 14, .94) 100%), var(--region-art, none) center 28% / cover no-repeat, #121019 !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .expedition-screen.report { --region-art: var(--return-art); } body.vey-renewal #view .expedition-screen:is(.select, .active, .report) > .adventure-tabs { background: rgba(10, 9, 14, .55) !important; backdrop-filter: blur(6px) !important; } body.vey-renewal #view .expedition-screen:is(.select, .active, .report) :is(.adventure-expedition-dock, .journey-preparation, .adventure-region-info, .adventure-focus-nav, .adventure-active-grid > *, .expedition-loot-bag, .journey-debrief, .journey-discovery, .journey-report-details, .expedition-report-quests, .expedition-total-loot, .expedition-report-actions) { background: rgba(14, 13, 20, .74) !important; backdrop-filter: blur(8px) !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual, body.vey-renewal #view .expedition-screen.report > .journey-return { background: none !important; border-color: transparent !important; box-shadow: none !important; } body.vey-renewal #view .expedition-screen.select .adventure-region-focus { background: none !important; } /* Laufende Expedition: Kopf in einer Zeile (Titel · Reiseleiste · Uhr) */ @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual { grid-template-columns: auto minmax(0, 1fr) auto !important; grid-template-areas: "title track util" "vign vign mode" !important; align-items: center !important; gap: 8px 16px !important; padding: 4px 6px 0 !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header { display: contents !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header > div:first-child { grid-area: title !important; display: grid !important; gap: 0 !important; min-width: 0 !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header > div:first-child p { display: none !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header h1 { font-size: 22px !important; white-space: nowrap !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header > .expedition-active-utility { grid-area: util !important; } body.vey-renewal #view .expedition-screen.active .expedition-clock b { font-size: 24px !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-journey { grid-area: track !important; background: rgba(10, 9, 14, .55) !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .journey-vignette { grid-area: vign !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .journey-mode { grid-area: mode !important; width: 340px !important; } body.vey-renewal #view .expedition-screen.active .journey-vignette { padding: 8px 14px !important; } body.vey-renewal #view .expedition-screen.active .journey-landscape { height: 46px !important; } body.vey-renewal #view .expedition-screen.active .journey-hero-token { width: 40px !important; height: 40px !important; top: 3px !important; } body.vey-renewal #view .expedition-screen.active .journey-landscape::before { top: 22px !important; } body.vey-renewal #view .expedition-screen.active :is(.journey-road-origin, .journey-road-destination) { top: 16px !important; } body.vey-renewal #view .expedition-screen.active .journey-story > p { font-size: 13px !important; } body.vey-renewal #view .expedition-screen.active .journey-story > .button { min-height: 42px !important; } body.vey-renewal #view .expedition-screen.active .expedition-feed > header h2 { font-size: 17px !important; } body.vey-renewal #view .expedition-screen.active .expedition-event { padding: 7px 12px !important; } } /* Allgemein etwas kompakter */ body.vey-renewal #view :is(.expedition-screen, .immersive-location, .market-screen, .hero-community, .hof-screen) h1 { letter-spacing: .01em !important; } /* Bild sichtbarer, Panels durchscheinend */ body.vey-renewal #view .expedition-screen:is(.select, .active, .report) { background: linear-gradient(180deg, rgba(10, 9, 14, .05) 0%, rgba(10, 9, 14, .35) 40%, rgba(10, 9, 14, .7) 100%), var(--region-art, none) center 30% / cover no-repeat, #121019 !important; } body.vey-renewal #view .expedition-screen:is(.select, .active, .report) :is(.adventure-expedition-dock, .journey-preparation, .adventure-region-info, .adventure-focus-nav, .adventure-active-grid > *, .expedition-loot-bag, .journey-debrief, .journey-discovery, .journey-report-details, .expedition-report-quests, .expedition-total-loot, .expedition-report-actions) { background: rgba(12, 11, 18, .55) !important; } body.vey-renewal #view .expedition-screen.active .journey-vignette { background: rgba(10, 9, 14, .55) !important; } body.vey-renewal #view .expedition-screen.active .journey-vignette.paused { background: linear-gradient(90deg, rgba(120, 30, 20, .45), rgba(10, 9, 14, .66) 45%) !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header h1, body.vey-renewal #view .expedition-screen.active .expedition-clock b { text-shadow: 0 2px 12px rgba(0, 0, 0, .85) !important; } /* Abzweig in eine Instanz: Auswahl rechts, klar lesbar */ body.vey-renewal #view .expedition-screen.active .journey-story:has(.journey-instance-choice) { grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important; } body.vey-renewal #view .expedition-screen.active .journey-instance-choice { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: grid !important; grid-template-columns: auto auto !important; gap: 4px 8px !important; padding: 8px 10px !important; border-radius: 12px !important; background: rgba(154, 134, 255, .1) !important; border: 1px solid rgba(154, 134, 255, .35) !important; } body.vey-renewal #view .expedition-screen.active .journey-instance-choice h3 { grid-column: 1 / -1 !important; font: 600 15px/1.2 var(--pv-display) !important; color: #e4dcff !important; margin: 0 !important; } body.vey-renewal #view .expedition-screen.active .journey-instance-choice p { grid-column: 1 / -1 !important; font: 600 11px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; margin: 0 0 2px !important; } body.vey-renewal #view .expedition-screen.active .journey-instance-choice .button { min-height: 36px !important; font-size: 11px !important; } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.active > :is(.adventure-active-grid, .expedition-loot-bag) { align-self: start !important; max-height: 100% !important; } body.vey-renewal #view .expedition-screen.active > .adventure-active-grid > .expedition-feed { height: auto !important; max-height: 100% !important; } body.vey-renewal #view .expedition-screen.active > .adventure-active-grid { height: auto !important; max-height: 100% !important; overflow: hidden !important; } body.vey-renewal #view .expedition-screen.active > .expedition-loot-bag { grid-template-rows: auto auto auto !important; } } @media (min-width: 1025px) and (min-height: 600px) { body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual { grid-template-columns: auto minmax(0, 1fr) 360px !important; padding: 4px 0 0 !important; column-gap: 12px !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .journey-mode { width: auto !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header > .expedition-active-utility { justify-self: end !important; } body.vey-renewal #view .expedition-screen.active > .expedition-mission-visual > .expedition-active-header > div:first-child { padding-left: 6px !important; } } body.vey-renewal #view .expedition-screen.active .expedition-clock small { white-space: nowrap !important; font-size: 9.5px !important; } body.vey-renewal #view .expedition-screen.active .expedition-active-utility { gap: 10px !important; } body.vey-renewal #view .expedition-screen.active .expedition-skip { min-height: 34px !important; padding: 0 12px !important; font-size: 10px !important; } } /* Beute-Fenster: Karten mittig, Farbe wie im Spiel (Selten = Gold), Tooltip liegt darüber */ @layer pv { .loot-celebration > section { width: auto !important; min-width: min(460px, 100%) !important; max-width: min(900px, 100%) !important; padding: 22px 26px !important; } .loot-celebration h2 { margin: 4px 0 14px !important; font-size: 24px !important; } .loot-celebration__grid { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 12px !important; } .loot-celebration figure { width: 200px !important; padding: 12px 10px !important; } .loot-celebration figure:not(.creature)[data-rarity="rare"] { --rc: #f2d24b; } .loot-celebration figure:not(.creature)[data-rarity="magic"] { --rc: #4f8dff; } .loot-celebration figcaption b { font-size: 12.5px !important; line-height: 1.3 !important; } .loot-celebration__gold { margin-top: 14px !important; } .loot-celebration .button.primary { margin-top: 14px !important; } } /* Expeditions-Bericht: gleiche Optik wie Erkunden (Regionsbild), alle Abschnitte als kompakte Panels */ @layer pv { body.vey-renewal #view .expedition-screen.report > :is(.journey-lost-finds, .journey-instance-report, .journey-battle-reports) { grid-column: 1 !important; } body.vey-renewal #view .expedition-screen.report :is(.journey-lost-finds, .journey-instance-report, .journey-battle-reports > details) { display: grid !important; gap: 8px !important; padding: 12px 16px !important; border-radius: 14px !important; border: 1px solid var(--pv-line) !important; background: rgba(14, 13, 20, .74) !important; backdrop-filter: blur(6px) !important; } body.vey-renewal #view .expedition-screen.report .journey-lost-finds { border-color: rgba(255, 120, 100, .3) !important; background: linear-gradient(90deg, rgba(120, 30, 24, .28), rgba(14, 13, 20, .74)) !important; } body.vey-renewal #view .expedition-screen.report .journey-battle-reports { display: grid !important; gap: 8px !important; } body.vey-renewal #view .expedition-screen.report .journey-battle-reports:empty { display: none !important; } body.vey-renewal #view .expedition-screen.report :is(.journey-lost-finds, .journey-instance-report, .journey-battle-reports > details) > summary { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; cursor: pointer !important; list-style: none !important; font: 700 13px/1.3 var(--pv-font) !important; color: var(--pv-text) !important; } body.vey-renewal #view .expedition-screen.report :is(.journey-lost-finds, .journey-instance-report, .journey-battle-reports > details) > summary::-webkit-details-marker { display: none !important; } body.vey-renewal #view .expedition-screen.report :is(.journey-lost-finds, .journey-instance-report, .journey-battle-reports > details) > summary::after { content: "+" !important; margin-left: 8px !important; font: 700 17px/1 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .expedition-screen.report :is(.journey-lost-finds, .journey-instance-report, .journey-battle-reports > details)[open] > summary::after { content: "–" !important; } body.vey-renewal #view .expedition-screen.report .journey-lost-finds > summary > span:first-child { color: #ffb4a6 !important; } body.vey-renewal #view .expedition-screen.report .journey-lost-finds > summary > span:last-child { margin-left: auto !important; font: 600 11px/1.3 var(--pv-font) !important; color: var(--pv-muted) !important; letter-spacing: .06em !important; text-transform: uppercase !important; } body.vey-renewal #view .expedition-screen.report .journey-battle-reports > details > summary { color: #ffd0c4 !important; } body.vey-renewal #view .expedition-screen.report :is(.journey-lost-finds, .journey-instance-report) ul, body.vey-renewal #view .expedition-screen.report .journey-battle-reports ol { display: grid !important; gap: 4px !important; margin: 0 !important; padding: 0 0 0 18px !important; max-height: 180px !important; overflow-y: auto !important; color: #cfc6b3 !important; font: 500 12px/1.45 var(--pv-font) !important; } body.vey-renewal #view .expedition-screen.report .journey-battle-reports p { margin: 0 !important; color: var(--pv-muted) !important; font: 500 12px/1.4 var(--pv-font) !important; } /* Verlorene Expedition: rote statt grüne Werte und Plakette */ body.vey-renewal #view .expedition-screen.report.is-lost .journey-return .journey-eyebrow { color: #ff9f8c !important; } body.vey-renewal #view .expedition-screen.report.is-lost .journey-return dd { color: #a59c8b !important; } body.vey-renewal #view .expedition-screen.report.is-lost .journey-delivered { border-color: rgba(255, 130, 110, .45) !important; background: rgba(255, 90, 70, .1) !important; color: #ffb4a6 !important; } /* leere Beute kompakt */ body.vey-renewal #view .expedition-screen.report.is-lost .expedition-total-loot .expedition-loot-grid { display: block !important; color: var(--pv-muted) !important; font: 500 12.5px/1.4 var(--pv-font) !important; } } /* Eine Reiterleiste für alle Abenteuer-Seiten (Explore … Eternal Rifts), überall gleich kompakt */ @layer pv { body.vey-renewal #view .adventure-tabs { justify-content: flex-start !important; } body.vey-renewal #view .adventure-tabs > button { flex: 0 0 auto !important; padding: 8px 14px !important; } body.vey-renewal #view > .adventure-tabs { margin-bottom: 10px !important; background: rgba(10, 9, 14, .55) !important; } @media (min-width: 1025px) { body.vey-renewal #view:has(> .adventure-tabs) > .rift-screen { --pv-h: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px) - 52px) !important; height: var(--pv-h) !important; } body.vey-renewal #view .expedition-screen.report { align-items: start !important; } } } /* Schmiede: Item-Evolution als Goldleiste mit Rauten (wie im Info-Fenster), keine Kästchen */ @layer pv { body.vey-renewal #view .anvil-item .item-mastery-rail { position: relative !important; gap: 0 !important; padding-top: 2px !important; } body.vey-renewal #view .anvil-item .item-mastery-rail::before, body.vey-renewal #view .anvil-item .item-mastery-rail::after { content: "" !important; display: block !important; position: absolute !important; top: 10px !important; height: 2px !important; border-radius: 2px !important; } body.vey-renewal #view .anvil-item .item-mastery-rail::before { left: 12.5% !important; right: 12.5% !important; background: rgba(255, 255, 255, .09) !important; } body.vey-renewal #view .anvil-item .item-mastery-rail::after { left: 0 !important; width: var(--mastery-fill, 0%) !important; background: linear-gradient(90deg, rgba(232, 196, 128, .15), #f3d58e) !important; box-shadow: 0 0 8px rgba(243, 213, 142, .5) !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span { position: relative !important; z-index: 1 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span i { display: block !important; width: 13px !important; height: 13px !important; margin: 3px 0 3px !important; border: 1.5px solid rgba(232, 196, 128, .45) !important; background: #15131c !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span.unlocked i { background: linear-gradient(135deg, #fff1c4, #d9a14e) !important; border-color: #f3d58e !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span.current i { box-shadow: 0 0 0 3px rgba(243, 213, 142, .18), 0 0 12px rgba(243, 213, 142, .8) !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span b { color: var(--pv-muted) !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span small { color: rgba(165, 156, 139, .75) !important; text-transform: uppercase !important; letter-spacing: .1em !important; } body.vey-renewal #view .anvil-item .item-mastery-rail > span.unlocked :is(b, small) { color: #f3d58e !important; } } /* Händler: Angebote füllen die Fläche (größere Karten statt Leerraum) */ @layer pv { @media (min-width: 1025px) { body.vey-renewal #view .rotating-shop > .rotating-stock { grid-template-rows: none !important; grid-auto-rows: minmax(0, 1fr) !important; align-content: stretch !important; } body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; text-align: center !important; padding: 10px 12px 12px !important; min-height: 0 !important; overflow: hidden !important; } body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card > .collection-card-kicker { order: 0 !important; width: 100% !important; justify-content: space-between !important; } body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card > :is(.item-slot, .elixir-art) { order: 1 !important; flex: 0 0 auto !important; width: 76px !important; height: 76px !important; margin: 4px 0 2px !important; } body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card > h3 { order: 2 !important; width: 100% !important; line-height: 1.32 !important; padding-bottom: 2px !important; } body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card > .collection-headline-stat { order: 3 !important; justify-content: center !important; } body.vey-renewal #view .rotating-shop > .rotating-stock > .elixir-card > .button { order: 4 !important; margin-top: auto !important; width: 100% !important; } } } /* Schmiede-Filter Evolution/Ready: kleine Plakette unten statt Text über dem Item */ @layer pv { body.vey-renewal #view .item-slot .forge-evolution-distance { position: absolute !important; left: 4px !important; right: 4px !important; bottom: 4px !important; top: auto !important; z-index: 3 !important; display: block !important; width: auto !important; height: auto !important; padding: 2px 0 !important; border-radius: 6px !important; background: rgba(8, 7, 12, .82) !important; border: 1px solid rgba(243, 213, 142, .35) !important; color: #f3d58e !important; font: 800 8.5px/1.2 var(--pv-font) !important; letter-spacing: .06em !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; transform: none !important; } body.vey-renewal #view .item-slot .forge-evolution-distance small { display: none !important; } } /* Handy: Saison-Event-Karte untereinander, Abenteuer-Reiter immer eine seitlich scrollbare Zeile */ @layer pv { @media (max-width: 760px) { html body.vey-renewal #view .vey-liveops .event-banner { grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; } html body.vey-renewal #view .vey-liveops .event-banner > .button { justify-self: stretch !important; width: 100% !important; } html body.vey-renewal #view :is(main, div, section) > nav.adventure-tabs, html body.vey-renewal #view > nav.adventure-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; justify-content: flex-start !important; grid-template-columns: none !important; } html body.vey-renewal #view nav.adventure-tabs > button { flex: 0 0 auto !important; white-space: nowrap !important; padding: 8px 12px !important; font-size: 11px !important; } } } @layer pv { html body.vey-renewal #view main.expedition-screen.adventure-screen > nav.adventure-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; } } /* Kristall-Shop v2 */ @layer pv { body.vey-renewal #view .cs2, body.vey-renewal #view .cs2 :where(*:not(.button):not(img)) { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .cs2 :where(div, section, header, article, ul, li, p, h1, h2, small, b, span) { display: block !important; } body.vey-renewal #view .cs2 { display: grid !important; gap: 14px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; color: var(--pv-text) !important; font: 500 13px/1.45 var(--pv-font) !important; } body.vey-renewal #view .cs2 .eyebrow { color: var(--pv-gold) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; } body.vey-renewal #view .cs2-hero { display: grid !important; grid-template-columns: 110px minmax(0, 1fr) auto !important; align-items: center !important; gap: 22px !important; padding: 20px 26px !important; border-radius: 20px !important; border: 1px solid rgba(192, 132, 255, .3) !important; background: linear-gradient(90deg, rgba(16, 12, 26, .96) 0%, rgba(16, 12, 26, .75) 55%, rgba(16, 12, 26, .35) 100%), url("./assets/banners-v1/crystal-vault.webp") center 50% / cover no-repeat, #120f19 !important; } body.vey-renewal #view .cs2-hero .crystal-shop-art { width: 110px !important; height: 110px !important; object-fit: contain !important; filter: drop-shadow(0 0 24px rgba(176, 98, 255, .6)) !important; } body.vey-renewal #view .cs2-hero h1 { margin: 4px 0 6px !important; color: var(--pv-gold) !important; font: 600 30px/1.1 var(--pv-display) !important; } body.vey-renewal #view .cs2-hero p { color: var(--pv-muted) !important; max-width: 56ch !important; } body.vey-renewal #view .cs2-balance { padding: 12px 20px !important; border-radius: 16px !important; border: 1px solid rgba(192, 132, 255, .35) !important; background: rgba(176, 98, 255, .1) !important; text-align: right !important; } body.vey-renewal #view .cs2-balance small { color: #cdb4f2 !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .18em !important; } body.vey-renewal #view .cs2-balance b { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; color: #fff !important; font: 800 28px/1.1 var(--pv-font) !important; } body.vey-renewal #view .cs2-balance b img { width: 26px !important; height: 26px !important; } body.vey-renewal #view .cs2-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } body.vey-renewal #view .cs2-card { display: grid !important; align-content: start !important; gap: 12px !important; padding: 18px 20px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: var(--pv-panel) !important; } body.vey-renewal #view .cs2-card h2 { margin-top: 2px !important; color: var(--pv-text) !important; font: 600 20px/1.2 var(--pv-display) !important; } body.vey-renewal #view .cs2-list { display: grid !important; gap: 8px !important; } body.vey-renewal #view .cs2-list li { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 10px 14px !important; border-radius: 12px !important; border: 1px solid var(--dg-tile-line, rgba(255,255,255,.07)) !important; background: var(--pv-tile) !important; } body.vey-renewal #view .cs2-list li b { color: var(--pv-text) !important; font: 700 13.5px/1.3 var(--pv-font) !important; } body.vey-renewal #view .cs2-list li small { color: var(--pv-muted) !important; font-size: 12px !important; } body.vey-renewal #view .cs2-list li > .button { flex: 0 0 auto !important; height: 30px !important; padding: 0 12px !important; font-size: 10.5px !important; } body.vey-renewal #view .cs2-uses li { cursor: pointer !important; transition: border-color .15s, background .15s !important; } body.vey-renewal #view .cs2-uses li:hover { border-color: rgba(192, 132, 255, .4) !important; background: rgba(176, 98, 255, .08) !important; } body.vey-renewal #view .cs2-uses li > i { color: #cdb4f2 !important; font: 700 16px/1 var(--pv-font) !important; font-style: normal !important; } body.vey-renewal #view .cs2-payment { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 4px !important; padding: 12px 14px !important; border-radius: 12px !important; border: 1px dashed rgba(255, 255, 255, .14) !important; } body.vey-renewal #view .cs2-payment b { font: 700 13px/1.3 var(--pv-font) !important; } body.vey-renewal #view .cs2-payment small { color: var(--pv-muted) !important; font-size: 11.5px !important; } @media (max-width: 760px) { body.vey-renewal #view .cs2-hero { grid-template-columns: 64px minmax(0, 1fr) !important; padding: 16px !important; gap: 12px !important; } body.vey-renewal #view .cs2-hero .crystal-shop-art { width: 64px !important; height: 64px !important; } body.vey-renewal #view .cs2-hero h1 { font-size: 22px !important; } body.vey-renewal #view .cs2-balance { grid-column: 1 / -1 !important; text-align: left !important; } body.vey-renewal #view .cs2-balance b { justify-content: flex-start !important; } body.vey-renewal #view .cs2-grid { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .cs2-payment { flex-direction: column !important; align-items: stretch !important; } } } /* Erfolge: Trophäen in einer Reihe, groß und mittig, kein Leerraum */ @layer pv { @media (min-width: 761px) { body.vey-renewal #view .legend-gallery { height: auto !important; min-height: 0 !important; } body.vey-renewal #view .legend-gallery .legend-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important; align-content: start !important; height: auto !important; } body.vey-renewal #view .legend-gallery .legend-plaque { grid-template-columns: minmax(0, 1fr) !important; justify-items: center !important; text-align: center !important; gap: 10px !important; padding: 18px 14px 14px !important; } body.vey-renewal #view .legend-gallery .legend-plaque > .legend-icon { width: 72px !important; height: 72px !important; border-radius: 50% !important; } body.vey-renewal #view .legend-gallery .legend-plaque > div { justify-items: center !important; width: 100% !important; } body.vey-renewal #view .legend-gallery .legend-plaque .progress { width: 100% !important; } body.vey-renewal #view .legend-gallery .legend-plaque > .button { width: 100% !important; align-self: end !important; } } } /* Raids am Handy: Flügel-Nummer über dem Text statt darüber gelegt */ @layer pv { @media (max-width: 760px) { body.vey-renewal #view .raid-boss-stage { flex-direction: column !important; } body.vey-renewal #view .raid-boss-stage .raid-wing-number { position: static !important; display: inline-block !important; margin: 0 0 6px !important; } body.vey-renewal #view .raid-boss-stage .raid-boss-copy { position: relative !important; padding-top: 4px !important; } } } /* Turm der Echos */ @layer pv { body.vey-renewal #view .tower-screen, body.vey-renewal #view .tower-screen :where(*:not(.button)) { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .tower-screen :where(div, section, header, article, aside, ol, li, p, h1, h2, dl, dt, dd, small, span, b, em) { display: block !important; } body.vey-renewal #view .tower-screen { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; color: var(--pv-text) !important; font: 500 13px/1.45 var(--pv-font) !important; } @media (min-width: 1025px) { body.vey-renewal #view .tower-screen { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px) - 52px) !important; } } body.vey-renewal #view .tower-screen .eyebrow { color: var(--pv-gold) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; } body.vey-renewal #view .tower-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 20px !important; padding: 20px 24px !important; border-radius: 20px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(12, 10, 18, .95) 0%, rgba(12, 10, 18, .72) 55%, rgba(12, 10, 18, .35) 100%), var(--tower-art) right 30% / cover no-repeat, #120f19 !important; } body.vey-renewal #view .tower-hero h1 { margin: 4px 0 6px !important; color: var(--pv-gold) !important; font: 600 32px/1.1 var(--pv-display) !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .7) !important; } body.vey-renewal #view .tower-hero p { color: #cfc6b3 !important; max-width: 60ch !important; } body.vey-renewal #view .tower-hero dl { display: flex !important; gap: 8px !important; } body.vey-renewal #view .tower-hero dl > div { min-width: 104px !important; padding: 10px 14px !important; border-radius: 14px !important; background: rgba(10, 9, 14, .72) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .tower-hero dt { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view .tower-hero dd { color: var(--pv-text) !important; font: 800 20px/1.2 var(--pv-font) !important; } body.vey-renewal #view .tower-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px !important; gap: 12px !important; min-height: 0 !important; } body.vey-renewal #view .tower-climb { display: grid !important; grid-template-columns: 250px minmax(0, 1fr) !important; gap: 12px !important; min-height: 0 !important; padding: 14px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: var(--pv-panel) !important; } body.vey-renewal #view .tower-ladder { display: grid !important; align-content: center !important; gap: 6px !important; } body.vey-renewal #view .tower-ladder li { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; grid-template-areas: "n name" "n meta" !important; align-items: center !important; gap: 0 10px !important; padding: 7px 10px !important; border-radius: 12px !important; border: 1px solid var(--pv-line) !important; background: rgba(255, 255, 255, .025) !important; opacity: .72 !important; } body.vey-renewal #view .tower-ladder li > span { grid-area: n !important; display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; border-radius: 10px !important; background: rgba(232, 196, 128, .08) !important; color: var(--pv-gold) !important; font: 800 14px/1 var(--pv-font) !important; } body.vey-renewal #view .tower-ladder li > b { grid-area: name !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font: 700 12.5px/1.3 var(--pv-font) !important; } body.vey-renewal #view .tower-ladder li > em { grid-area: meta !important; color: var(--pv-muted) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .1em !important; font-style: normal !important; } body.vey-renewal #view .tower-ladder li.is-boss { border-color: rgba(255, 120, 100, .35) !important; } body.vey-renewal #view .tower-ladder li.is-boss > em { color: #ff9f8c !important; } body.vey-renewal #view .tower-ladder li.has-bonus > em { color: #cdb4f2 !important; } body.vey-renewal #view .tower-ladder li.is-next { opacity: 1 !important; border-color: rgba(243, 213, 142, .7) !important; background: rgba(232, 196, 128, .1) !important; box-shadow: 0 0 22px -8px rgba(243, 213, 142, .8) !important; } body.vey-renewal #view .tower-ladder li.is-next > span { background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; color: #1a1408 !important; } body.vey-renewal #view .tower-ladder li.is-next > em { color: var(--pv-gold) !important; } body.vey-renewal #view .tower-ladder li.is-cleared { opacity: .5 !important; } body.vey-renewal #view .tower-ladder li.is-cleared > em { color: #8ff0b0 !important; } body.vey-renewal #view .tower-foe { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) !important; gap: 14px !important; min-height: 0 !important; padding: 14px !important; border-radius: 16px !important; border: 1px solid rgba(232, 196, 128, .22) !important; background: radial-gradient(70% 70% at 30% 60%, rgba(176, 98, 255, .14), transparent 70%), rgba(10, 9, 14, .5) !important; } body.vey-renewal #view .tower-foe.is-boss { border-color: rgba(255, 120, 100, .4) !important; background: radial-gradient(70% 70% at 30% 60%, rgba(255, 90, 70, .14), transparent 70%), rgba(10, 9, 14, .5) !important; } body.vey-renewal #view .tower-foe__art { min-height: 220px !important; background: radial-gradient(ellipse 55% 30% at 50% 88%, rgba(0, 0, 0, .55), transparent 70%), var(--foe-art) center bottom / contain no-repeat !important; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .7)) !important; } body.vey-renewal #view .tower-foe__copy { display: grid !important; align-content: center !important; gap: 10px !important; } body.vey-renewal #view .tower-foe__copy h2 { color: var(--pv-text) !important; font: 600 26px/1.15 var(--pv-display) !important; } body.vey-renewal #view .tower-foe__copy > p { color: var(--pv-muted) !important; margin-top: -6px !important; } body.vey-renewal #view .tower-foe__stats { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; } body.vey-renewal #view .tower-foe__stats span { padding: 8px 12px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .tower-foe__stats small { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .12em !important; } body.vey-renewal #view .tower-foe__stats b { font: 800 17px/1.2 var(--pv-font) !important; } body.vey-renewal #view .tower-foe__rewards { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } body.vey-renewal #view .tower-foe__rewards span { display: inline-block !important; padding: 4px 10px !important; border-radius: 99px !important; border: 1px solid rgba(232, 196, 128, .25) !important; background: rgba(232, 196, 128, .07) !important; color: #f3d58e !important; font: 700 11.5px/1.3 var(--pv-font) !important; } body.vey-renewal #view .tower-foe__rewards span.is-bonus { border-color: rgba(192, 132, 255, .45) !important; background: rgba(176, 98, 255, .12) !important; color: #e4cdff !important; } body.vey-renewal #view .tower-climb__go { width: 100% !important; min-height: 44px !important; } body.vey-renewal #view .tower-foe__note { color: var(--pv-muted) !important; font-size: 11px !important; text-align: center !important; } body.vey-renewal #view .tower-board { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 10px !important; min-height: 0 !important; padding: 16px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: var(--pv-panel) !important; } body.vey-renewal #view .tower-board h2 { margin-top: 2px !important; font: 600 20px/1.2 var(--pv-display) !important; } body.vey-renewal #view .tower-board__list { min-height: 0 !important; overflow-y: auto !important; } body.vey-renewal #view .tower-board ol { display: grid !important; gap: 5px !important; } body.vey-renewal #view .tower-board li { display: grid !important; grid-template-columns: 30px minmax(0, 1fr) auto !important; align-items: center !important; gap: 8px !important; padding: 7px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; } body.vey-renewal #view .tower-board li > span { color: var(--pv-gold) !important; font: 800 13px/1 var(--pv-font) !important; text-align: center !important; } body.vey-renewal #view .tower-board li > b { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font: 700 12.5px/1.3 var(--pv-font) !important; } body.vey-renewal #view .tower-board li > em { color: var(--pv-muted) !important; font: 700 11px/1.3 var(--pv-font) !important; font-style: normal !important; } body.vey-renewal #view .tower-board li.is-me { background: rgba(232, 196, 128, .12) !important; box-shadow: inset 0 0 0 1px rgba(243, 213, 142, .45) !important; } body.vey-renewal #view :is(.tower-board__empty, .tower-board__me) { margin-top: 8px !important; color: var(--pv-muted) !important; font-size: 12px !important; } body.vey-renewal #view .tower-board__me b { color: var(--pv-gold) !important; display: inline !important; } body.vey-renewal #view .adventure-tabs > .pv-tower-tab { color: #f0c98a !important; } /* Turm 2.0 (19.10.): Etagen als Turm-Säule über die volle Höhe, Gegner groß auf einer Arena-Bühne, leere Bestenliste mit Bild */ body.vey-renewal #view .tower-climb { grid-template-columns: 270px minmax(0, 1fr) !important; } body.vey-renewal #view .tower-ladder { position: relative !important; align-content: stretch !important; grid-auto-rows: minmax(0, 1fr) !important; gap: 8px !important; padding-left: 4px !important; } body.vey-renewal #view .tower-ladder::before { content: "" !important; position: absolute !important; left: 27px !important; top: 18px !important; bottom: 18px !important; width: 2px !important; background: linear-gradient(180deg, rgba(232, 196, 128, .05), rgba(232, 196, 128, .55) 70%, rgba(143, 240, 176, .5)) !important; } body.vey-renewal #view .tower-ladder li { position: relative !important; padding: 8px 12px 8px 8px !important; grid-template-columns: 44px minmax(0, 1fr) !important; } body.vey-renewal #view .tower-ladder li > span { width: 42px !important; height: 42px !important; position: relative !important; z-index: 1 !important; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) !important; border-radius: 0 !important; background: radial-gradient(circle, #2a2233 45%, #6b5530 46%, #c99a4a 70%, #3a2d18 72%) !important; font-size: 13px !important; } body.vey-renewal #view .tower-ladder li.is-boss > span { background: radial-gradient(circle, #2e1616 45%, #7a2a1c 46%, #ff7a5c 70%, #3a1410 72%) !important; color: #ffc2b5 !important; } body.vey-renewal #view .tower-ladder li.has-bonus > span { background: radial-gradient(circle, #21182e 45%, #4a2a7a 46%, #b47cff 70%, #241038 72%) !important; color: #e4cdff !important; } body.vey-renewal #view .tower-ladder li.is-next { transform: scale(1.03) !important; } body.vey-renewal #view .tower-ladder li.is-next > span { background: radial-gradient(circle, #fbe7b0 0%, #e9c27a 55%, #8a6326 72%) !important; color: #1a1408 !important; } body.vey-renewal #view .tower-ladder li.is-next > b { color: #fff3cf !important; font-size: 14px !important; } body.vey-renewal #view .tower-ladder li.is-cleared > span { background: radial-gradient(circle, #102018 45%, #2a6a44 46%, #8ff0b0 70%, #0f2a1a 72%) !important; color: #8ff0b0 !important; } body.vey-renewal #view .tower-foe { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .85fr) !important; padding: 0 !important; overflow: hidden !important; position: relative !important; background: radial-gradient(ellipse 45% 12% at 32% 90%, rgba(232, 196, 128, .28), transparent 70%), radial-gradient(60% 70% at 32% 55%, rgba(176, 98, 255, .2), transparent 70%), linear-gradient(90deg, rgba(10, 9, 14, .2), rgba(10, 9, 14, .92) 62%), var(--tower-art) 20% 40% / cover no-repeat, #0c0a12 !important; } body.vey-renewal #view .tower-foe.is-boss { background: radial-gradient(ellipse 45% 12% at 32% 90%, rgba(255, 110, 80, .32), transparent 70%), radial-gradient(60% 70% at 32% 55%, rgba(255, 70, 50, .2), transparent 70%), linear-gradient(90deg, rgba(10, 9, 14, .2), rgba(10, 9, 14, .92) 62%), var(--tower-art) 20% 40% / cover no-repeat, #0c0a12 !important; } body.vey-renewal #view .tower-foe__art { min-height: 0 !important; margin: 0 !important; background: var(--foe-art) center 30% / cover no-repeat !important; -webkit-mask-image: radial-gradient(ellipse 62% 64% at 50% 50%, #000 52%, transparent 100%) !important; mask-image: radial-gradient(ellipse 62% 64% at 50% 50%, #000 52%, transparent 100%) !important; filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .85)) drop-shadow(0 0 30px rgba(176, 98, 255, .25)) !important; animation: towerFoeIdle 5s ease-in-out infinite !important; } body.vey-renewal #view .tower-foe.is-boss .tower-foe__art { filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .85)) drop-shadow(0 0 34px rgba(255, 80, 60, .35)) !important; } @keyframes towerFoeIdle { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-6px) scale(1.012); } } body.vey-renewal #view .tower-foe__copy { padding: 22px 24px 22px 6px !important; align-content: center !important; } body.vey-renewal #view .tower-foe__copy h2 { font-size: 32px !important; color: #fff3cf !important; text-shadow: 0 2px 16px rgba(0, 0, 0, .8) !important; } body.vey-renewal #view .tower-board__empty { display: grid !important; align-content: end !important; min-height: 240px !important; padding: 18px !important; border-radius: 14px !important; border: 1px dashed rgba(232, 196, 128, .3) !important; color: #e8dcc0 !important; font: 600 13px/1.5 var(--pv-font) !important; background: linear-gradient(180deg, rgba(12, 10, 18, .1), rgba(12, 10, 18, .92) 75%), url("./assets/banners-v1/tower-of-echoes.webp") 60% 30% / cover no-repeat !important; } @media (prefers-reduced-motion: reduce) { body.vey-renewal #view .tower-foe__art { animation: none !important; } } @media (max-width: 1024px) { body.vey-renewal #view .tower-grid, body.vey-renewal #view .tower-climb, body.vey-renewal #view .tower-foe { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .tower-hero { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .tower-hero dl > div { min-width: 0 !important; flex: 1 1 0 !important; } body.vey-renewal #view .tower-ladder { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.vey-renewal #view .tower-foe__art { min-height: 180px !important; } } } /* Zitadelle: Gebäude */ @layer pv { body.vey-renewal #view .citadel-works, body.vey-renewal #view .citadel-works :where(*:not(.button):not(img)) { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .citadel-works :where(div, section, header, article, p, h1, h2, dl, dt, dd, small, span, b) { display: block !important; } body.vey-renewal #view .citadel-works { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; color: var(--pv-text) !important; font: 500 13px/1.45 var(--pv-font) !important; } @media (min-width: 1025px) { body.vey-renewal #view .citadel-works { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; } } body.vey-renewal #view .citadel-works .eyebrow { color: var(--pv-gold) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; } body.vey-renewal #view .citadel-works__hero { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 18px !important; padding: 20px 24px !important; border-radius: 20px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(12, 10, 18, .95), rgba(12, 10, 18, .55)), url("./assets/banners-v1/citadel-works.webp") center 45% / cover no-repeat, #120f19 !important; } body.vey-renewal #view .citadel-works__hero h1 { margin: 4px 0 6px !important; color: var(--pv-gold) !important; font: 600 30px/1.1 var(--pv-display) !important; } body.vey-renewal #view .citadel-works__hero p { color: #cfc6b3 !important; } body.vey-renewal #view .citadel-works__gold { padding: 10px 18px !important; border-radius: 14px !important; border: 1px solid var(--pv-line) !important; background: rgba(10, 9, 14, .72) !important; text-align: right !important; } body.vey-renewal #view .citadel-works__gold small { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view .citadel-works__gold b { display: flex !important; align-items: center !important; gap: 6px !important; color: #ffd774 !important; font: 800 22px/1.2 var(--pv-font) !important; } body.vey-renewal #view .citadel-works__grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; min-height: 0 !important; } body.vey-renewal #view .citadel-building { display: grid !important; grid-template-rows: minmax(140px, 1fr) auto !important; min-height: 0 !important; overflow: hidden !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: var(--pv-panel) !important; } body.vey-renewal #view .citadel-building.is-max { border-color: rgba(243, 213, 142, .55) !important; box-shadow: 0 0 30px -14px rgba(243, 213, 142, .8) !important; } body.vey-renewal #view .citadel-building__art { min-height: 140px !important; background: linear-gradient(180deg, transparent 40%, rgba(16, 14, 22, .98)), var(--building-art) center / cover no-repeat !important; } body.vey-renewal #view .citadel-building__body { display: grid !important; gap: 10px !important; padding: 0 18px 18px !important; margin-top: -22px !important; position: relative !important; } body.vey-renewal #view .citadel-building h2 { color: var(--pv-text) !important; font: 600 24px/1.15 var(--pv-display) !important; } body.vey-renewal #view .citadel-building__level { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; } body.vey-renewal #view .citadel-building__level b { color: var(--pv-gold) !important; font: 800 14px/1 var(--pv-font) !important; display: inline !important; } body.vey-renewal #view .citadel-building__level small { color: var(--pv-muted) !important; display: inline !important; } body.vey-renewal #view .citadel-pips { display: flex !important; gap: 4px !important; } body.vey-renewal #view .citadel-pips i { display: block !important; width: 9px !important; height: 9px !important; transform: rotate(45deg) !important; border: 1px solid rgba(232, 196, 128, .45) !important; background: #15131c !important; } body.vey-renewal #view .citadel-pips i.is-on { background: linear-gradient(135deg, #fff1c4, #d9a14e) !important; border-color: #f3d58e !important; } body.vey-renewal #view .citadel-building dl { display: grid !important; gap: 6px !important; } body.vey-renewal #view .citadel-building dl > div { display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; gap: 8px !important; align-items: center !important; padding: 8px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .citadel-building dl > div.is-next { border-color: rgba(127, 227, 160, .3) !important; } body.vey-renewal #view .citadel-building dt { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view .citadel-building dl > div.is-next dt { color: #8ff0b0 !important; } body.vey-renewal #view .citadel-building dd { font: 600 12.5px/1.35 var(--pv-font) !important; } body.vey-renewal #view .citadel-building .button { width: 100% !important; min-height: 42px !important; } @media (max-width: 1024px) { body.vey-renewal #view .citadel-works__grid { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .citadel-works__hero { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .citadel-works__gold { text-align: left !important; } } } /* Beast Pit (Begleiter-Arena) */ @layer pv { body.vey-renewal #view .beast-pit, body.vey-renewal #view .beast-pit :where(*:not(.button)) { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .beast-pit :where(div, section, header, article, aside, ol, li, p, h1, h2, dl, dt, dd, small, span, b, em) { display: block !important; } body.vey-renewal #view .beast-pit { display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; color: var(--pv-text) !important; font: 500 13px/1.45 var(--pv-font) !important; } @media (min-width: 1025px) { body.vey-renewal #view .beast-pit { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px)) !important; } } body.vey-renewal #view .beast-pit .eyebrow { color: var(--pv-gold) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; } body.vey-renewal #view .pit-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 18px !important; padding: 16px 22px !important; border-radius: 20px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(12, 10, 18, .95), rgba(12, 10, 18, .45)), url("./assets/banners-v1/beast-pit.webp") center 55% / cover no-repeat, #120f19 !important; } body.vey-renewal #view .pit-hero h1 { margin: 2px 0 4px !important; color: var(--pv-gold) !important; font: 600 28px/1.1 var(--pv-display) !important; } body.vey-renewal #view .pit-hero p { color: #cfc6b3 !important; max-width: 62ch !important; } body.vey-renewal #view .pit-hero dl { display: flex !important; gap: 8px !important; } body.vey-renewal #view .pit-hero dl > div { min-width: 96px !important; padding: 8px 12px !important; border-radius: 12px !important; background: rgba(10, 9, 14, .72) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .pit-hero dt { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view .pit-hero dd { font: 800 18px/1.2 var(--pv-font) !important; } body.vey-renewal #view .pit-stage { display: grid !important; grid-template-columns: minmax(0, 1fr) 260px minmax(0, 1fr) !important; gap: 12px !important; align-items: stretch !important; } body.vey-renewal #view .pit-card { --rc: #b9b3a5; display: grid !important; justify-items: center !important; gap: 6px !important; padding: 14px !important; border-radius: 18px !important; border: 1px solid color-mix(in srgb, var(--rc) 40%, transparent) !important; background: radial-gradient(ellipse 60% 50% at 50% 40%, color-mix(in srgb, var(--rc) 16%, transparent), transparent 70%), var(--pv-panel) !important; text-align: center !important; transition: transform .12s !important; } body.vey-renewal #view .pit-card.is-hit { transform: translateX(var(--shake, 6px)) !important; } body.vey-renewal #view .pit-card--rival.is-hit { --shake: -6px; } body.vey-renewal #view .pit-card > small { color: var(--pv-muted) !important; font: 700 10px/1.3 var(--pv-font) !important; letter-spacing: .16em !important; } body.vey-renewal #view .pit-card__art { width: 100% !important; height: 170px !important; background: var(--pit-art) center bottom / contain no-repeat !important; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .7)) !important; } body.vey-renewal #view .pit-card--rival .pit-card__art { transform: scaleX(-1) !important; } body.vey-renewal #view .pit-card h2 { font: 600 22px/1.15 var(--pv-display) !important; color: var(--pv-text) !important; } body.vey-renewal #view .pit-card > p { color: var(--pv-muted) !important; font-size: 12px !important; } body.vey-renewal #view .pit-card__tags { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 5px !important; } body.vey-renewal #view .pit-card__tags span { padding: 2px 9px !important; border-radius: 99px !important; border: 1px solid var(--pv-line) !important; background: var(--pv-tile) !important; font: 700 10.5px/1.4 var(--pv-font) !important; color: #e6dcc6 !important; } body.vey-renewal #view .pit-hp { width: 100% !important; height: 8px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; overflow: hidden !important; } body.vey-renewal #view .pit-hp i { display: block !important; height: 100% !important; border-radius: inherit !important; background: linear-gradient(90deg, #2f9e5e, #8ff0b0) !important; transition: width .45s ease-out !important; } body.vey-renewal #view .pit-card--rival .pit-hp i { background: linear-gradient(90deg, #a8322a, #ff9a8a) !important; } body.vey-renewal #view .pit-card__power { font: 800 18px/1 var(--pv-font) !important; color: var(--pv-gold) !important; } body.vey-renewal #view .pit-card__power small { display: inline !important; color: var(--pv-muted) !important; font-size: 10px !important; letter-spacing: .14em !important; } body.vey-renewal #view .pit-versus { display: grid !important; align-content: center !important; justify-items: center !important; gap: 12px !important; text-align: center !important; } body.vey-renewal #view .pit-versus__vs { color: var(--pv-gold) !important; font: 700 48px/1 var(--pv-display) !important; text-shadow: 0 0 24px rgba(243, 213, 142, .5) !important; } body.vey-renewal #view .pit-adv { padding: 6px 12px !important; border-radius: 12px !important; background: var(--pv-tile) !important; border: 1px solid var(--pv-line) !important; color: var(--pv-muted) !important; font: 600 12px/1.35 var(--pv-font) !important; } body.vey-renewal #view .pit-adv.is-good { color: #8ff0b0 !important; border-color: rgba(127, 227, 160, .35) !important; } body.vey-renewal #view .pit-adv.is-bad { color: #ff9a8a !important; border-color: rgba(255, 130, 110, .35) !important; } body.vey-renewal #view .pit-versus .button { width: 100% !important; min-height: 44px !important; } body.vey-renewal #view .pit-versus small { color: var(--pv-muted) !important; font-size: 11.5px !important; } body.vey-renewal #view .pit-bottom { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px !important; gap: 12px !important; min-height: 0 !important; } body.vey-renewal #view :is(.pit-log, .pit-board) { position: relative !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 8px !important; min-height: 0 !important; padding: 14px 16px !important; border-radius: 16px !important; border: 1px solid var(--pv-line) !important; background: var(--pv-panel) !important; overflow: hidden !important; } body.vey-renewal #view :is(.pit-log, .pit-board) > header { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 8px !important; } body.vey-renewal #view :is(.pit-log, .pit-board) > header b { font: 600 16px/1.2 var(--pv-display) !important; } body.vey-renewal #view .pit-log > header em { color: var(--pv-gold) !important; font-style: normal !important; font-weight: 700 !important; } body.vey-renewal #view .pit-log ol { display: grid !important; align-content: start !important; gap: 4px !important; overflow-y: auto !important; min-height: 0 !important; } body.vey-renewal #view .pit-log li { display: flex !important; gap: 8px !important; color: #cfc6b3 !important; font-size: 12.5px !important; transition: opacity .2s !important; } body.vey-renewal #view .pit-log li.is-pending { opacity: 0 !important; } body.vey-renewal #view .pit-log li > span { color: var(--pv-muted) !important; font-weight: 800 !important; min-width: 28px !important; } body.vey-renewal #view .pit-log li b { display: inline !important; color: var(--pv-text) !important; } body.vey-renewal #view .pit-result { position: absolute !important; right: 18px !important; bottom: 14px !important; padding: 6px 16px !important; border-radius: 12px !important; font: 700 26px/1 var(--pv-display) !important; letter-spacing: .06em !important; } body.vey-renewal #view .pit-result[hidden] { display: none !important; } body.vey-renewal #view .pit-result.is-win { color: #f3d58e !important; background: rgba(232, 196, 128, .12) !important; border: 1px solid rgba(243, 213, 142, .5) !important; } body.vey-renewal #view .pit-result.is-loss { color: #ff9a8a !important; background: rgba(255, 90, 70, .1) !important; border: 1px solid rgba(255, 130, 110, .45) !important; } /* Beast Pit 2.0 (19.10.): Arena-Hintergrund, Runden als Schadens-Balken, Sieg als Siegel */ body.vey-renewal #view .pit-stage { position: relative !important; padding: 14px !important; border-radius: 20px !important; border: 1px solid rgba(232, 196, 128, .18) !important; background: radial-gradient(ellipse 40% 60% at 50% 55%, rgba(255, 120, 60, .16), transparent 70%), linear-gradient(180deg, rgba(10, 9, 14, .55), rgba(10, 9, 14, .9)), url("./assets/banners-v1/beast-pit.webp") center 60% / cover no-repeat, #0c0a12 !important; } body.vey-renewal #view .pit-card { background: radial-gradient(ellipse 60% 50% at 50% 42%, color-mix(in srgb, var(--rc) 22%, transparent), transparent 72%), rgba(12, 10, 18, .72) !important; backdrop-filter: blur(3px) !important; } body.vey-renewal #view .pit-card__art { height: 190px !important; animation: pitIdle 3.6s ease-in-out infinite !important; } body.vey-renewal #view .pit-card--rival .pit-card__art { animation-delay: -1.8s !important; } @keyframes pitIdle { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } } body.vey-renewal #view .pit-versus__vs { font-size: 64px !important; background: linear-gradient(180deg, #fff3cf, #e9c27a 50%, #9a6a2a) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 0 18px rgba(255, 150, 70, .55)) !important; text-shadow: none !important; } body.vey-renewal #view .pit-log__legend { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) minmax(0, 1fr) !important; gap: 10px !important; color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view .pit-log__legend .is-a { color: #8ff0b0 !important; } body.vey-renewal #view .pit-log__legend .is-b { color: #ff9a8a !important; } body.vey-renewal #view .pit-log ol { gap: 7px !important; } body.vey-renewal #view .pit-log li { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; } body.vey-renewal #view .pit-log li > span { display: grid !important; place-items: center !important; height: 26px !important; border-radius: 8px !important; background: rgba(232, 196, 128, .08) !important; color: var(--pv-gold) !important; font-size: 11px !important; } body.vey-renewal #view .pit-bar { position: relative !important; height: 26px !important; border-radius: 8px !important; background: rgba(255, 255, 255, .04) !important; overflow: hidden !important; } body.vey-renewal #view .pit-bar > i { position: absolute !important; inset: 0 auto 0 0 !important; width: var(--w) !important; border-radius: inherit !important; background: linear-gradient(90deg, rgba(47, 158, 94, .35), rgba(143, 240, 176, .75)) !important; box-shadow: 0 0 14px -4px rgba(143, 240, 176, .7) !important; } body.vey-renewal #view .pit-bar.is-b > i { background: linear-gradient(90deg, rgba(168, 50, 42, .35), rgba(255, 154, 138, .75)) !important; box-shadow: 0 0 14px -4px rgba(255, 120, 100, .7) !important; } body.vey-renewal #view .pit-bar > b { position: relative !important; display: block !important; padding: 0 10px !important; line-height: 26px !important; color: #fff !important; font: 800 12px/26px var(--pv-font) !important; text-shadow: 0 1px 2px #000 !important; } body.vey-renewal #view .pit-result { left: auto !important; right: 22px !important; top: auto !important; bottom: 18px !important; display: grid !important; place-items: center !important; width: 132px !important; height: 132px !important; padding: 0 !important; border-radius: 50% !important; font: 700 19px/1 var(--pv-display) !important; letter-spacing: .08em !important; transform: rotate(-12deg) !important; animation: pitStamp .45s cubic-bezier(.2, 1.6, .4, 1) both !important; } body.vey-renewal #view .pit-result.is-win { color: #fff3cf !important; background: radial-gradient(circle, rgba(201, 154, 74, .35) 0 55%, transparent 56%), radial-gradient(circle, transparent 0 60%, rgba(243, 213, 142, .85) 61% 64%, transparent 65%) !important; border: 3px double rgba(243, 213, 142, .85) !important; box-shadow: 0 0 40px -6px rgba(243, 213, 142, .7) !important; text-shadow: 0 2px 8px #000 !important; } body.vey-renewal #view .pit-result.is-loss { color: #ffd2c8 !important; background: radial-gradient(circle, rgba(168, 50, 42, .35) 0 60%, transparent 61%) !important; border: 3px double rgba(255, 130, 110, .8) !important; box-shadow: 0 0 40px -6px rgba(255, 90, 70, .6) !important; } @keyframes pitStamp { from { opacity: 0; transform: rotate(-12deg) scale(2.2); } to { opacity: 1; transform: rotate(-12deg) scale(1); } } body.vey-renewal #view .pit-board .pit-muted { display: grid !important; align-content: end !important; min-height: 180px !important; padding: 14px !important; border-radius: 12px !important; border: 1px dashed rgba(232, 196, 128, .3) !important; color: #e8dcc0 !important; background: linear-gradient(180deg, rgba(12, 10, 18, .1), rgba(12, 10, 18, .92) 75%), url("./assets/banners-v1/beast-pit.webp") 50% 40% / cover no-repeat !important; } @media (prefers-reduced-motion: reduce) { body.vey-renewal #view .pit-card__art, body.vey-renewal #view .pit-result { animation: none !important; } } body.vey-renewal #view .pit-board ol { display: grid !important; gap: 5px !important; align-content: start !important; overflow-y: auto !important; } body.vey-renewal #view .pit-board li { display: grid !important; grid-template-columns: 26px minmax(0, 1fr) auto !important; gap: 8px !important; align-items: center !important; padding: 6px 10px !important; border-radius: 10px !important; background: var(--pv-tile) !important; } body.vey-renewal #view .pit-board li > span { color: var(--pv-gold) !important; font-weight: 800 !important; text-align: center !important; } body.vey-renewal #view .pit-board li > b { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font-weight: 700 !important; } body.vey-renewal #view .pit-board li > em { color: var(--pv-muted) !important; font-style: normal !important; font-size: 11px !important; } body.vey-renewal #view .pit-board li.is-me { box-shadow: inset 0 0 0 1px rgba(243, 213, 142, .45) !important; background: rgba(232, 196, 128, .1) !important; } body.vey-renewal #view .pit-muted { color: var(--pv-muted) !important; font-size: 12px !important; } @media (max-width: 1024px) { body.vey-renewal #view .pit-stage, body.vey-renewal #view .pit-bottom, body.vey-renewal #view .pit-hero { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .pit-card__art { height: 140px !important; } body.vey-renewal #view .pit-hero dl > div { min-width: 0 !important; flex: 1 1 0 !important; } body.vey-renewal #view .pit-log { min-height: 220px !important; } } } /* Expeditions-Warteschlange in der laufenden Expedition */ @layer pv { @media (min-width: 1025px) { html body.vey-renewal #view .expedition-screen.active { grid-template-rows: auto auto minmax(0, 1fr) auto !important; grid-template-areas: "tabs tabs" "visual visual" "grid loot" "queue loot" !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue { grid-area: queue !important; } } html body.vey-renewal #view .expedition-screen.active > .expedition-queue { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; padding: 10px 14px !important; border-radius: 14px !important; border: 1px solid var(--pv-line) !important; background: rgba(14, 13, 20, .74) !important; backdrop-filter: blur(6px) !important; color: var(--pv-text) !important; font: 500 12px/1.4 var(--pv-font) !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > header { display: flex !important; align-items: center !important; gap: 12px !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > header > span { display: grid !important; gap: 1px !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > header small { color: var(--pv-gold) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .16em !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > header b { font: 700 12.5px/1.3 var(--pv-font) !important; white-space: nowrap !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > header .button { height: 32px !important; min-height: 0 !important; padding: 0 12px !important; font-size: 10px !important; white-space: nowrap !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > ol { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > ol li { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 4px 4px 4px 8px !important; border-radius: 99px !important; border: 1px solid rgba(232, 196, 128, .25) !important; background: rgba(232, 196, 128, .07) !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > ol li > span { color: var(--pv-gold) !important; font-weight: 800 !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > ol li > b { font-weight: 700 !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > ol li > em { color: var(--pv-muted) !important; font-style: normal !important; font-size: 11px !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue .expedition-queue__remove { width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, .15) !important; background: rgba(255, 255, 255, .05) !important; color: var(--pv-text) !important; cursor: pointer !important; font: 700 13px/1 var(--pv-font) !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > p { margin: 0 !important; color: var(--pv-muted) !important; font-size: 11.5px !important; } @media (max-width: 1024px) { html body.vey-renewal #view .expedition-screen.active > .expedition-queue { grid-template-columns: minmax(0, 1fr) !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > header { flex-wrap: wrap !important; } } } @layer pv { html body.vey-renewal #view .expedition-screen.active > .expedition-queue :where(header, span, small, b, ol, li, em, p) { all: unset; box-sizing: border-box; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > header > span > :is(small, b) { display: block !important; } html body.vey-renewal #view .expedition-screen.active > .expedition-queue > header .expedition-notify { height: 32px !important; padding: 0 12px !important; font-size: 10px !important; } } /* Erfolge v2: Kategorien, kompakte Karten */ @layer pv { body.vey-renewal #view .ach-screen, body.vey-renewal #view .ach-screen :where(*:not(.button)) { all: unset !important; box-sizing: border-box !important; } body.vey-renewal #view .ach-screen :where(div, section, header, article, nav, p, h1, h3, dl, dt, dd, small, span, b, em) { display: block !important; } body.vey-renewal #view .ach-screen { display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) !important; gap: 10px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; color: var(--pv-text) !important; font: 500 13px/1.45 var(--pv-font) !important; } @media (min-width: 1025px) { body.vey-renewal #view .ach-screen { height: calc(var(--pv-avail, 760px) - var(--pv-banner, 0px) - 44px) !important; } } body.vey-renewal #view .ach-screen .eyebrow { color: var(--pv-gold) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; } body.vey-renewal #view .ach-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 16px !important; padding: 16px 22px !important; border-radius: 18px !important; border: 1px solid var(--pv-line) !important; background: linear-gradient(90deg, rgba(12, 10, 18, .95), rgba(12, 10, 18, .55)), url("./assets/locations/hall-of-legends.webp") center 35% / cover no-repeat, #120f19 !important; } body.vey-renewal #view .ach-hero h1 { margin: 2px 0 4px !important; color: var(--pv-gold) !important; font: 600 28px/1.1 var(--pv-display) !important; } body.vey-renewal #view .ach-hero p { color: #cfc6b3 !important; } body.vey-renewal #view .ach-hero dl { display: flex !important; gap: 8px !important; } body.vey-renewal #view .ach-hero dl > div { min-width: 90px !important; padding: 8px 12px !important; border-radius: 12px !important; background: rgba(10, 9, 14, .72) !important; border: 1px solid var(--pv-line) !important; } body.vey-renewal #view .ach-hero dt { color: var(--pv-muted) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view .ach-hero dd { font: 800 18px/1.2 var(--pv-font) !important; } body.vey-renewal #view .ach-tabs { display: flex !important; flex-wrap: nowrap !important; gap: 4px !important; padding: 4px !important; overflow-x: auto !important; border-radius: 14px !important; border: 1px solid var(--pv-line) !important; background: rgba(255, 255, 255, .03) !important; scrollbar-width: none !important; } body.vey-renewal #view .ach-tabs button { display: inline-flex !important; align-items: center !important; gap: 6px !important; flex: 0 0 auto !important; padding: 7px 14px !important; border-radius: 10px !important; cursor: pointer !important; color: var(--pv-muted) !important; font: 700 11.5px/1 var(--pv-font) !important; letter-spacing: .08em !important; text-transform: uppercase !important; } body.vey-renewal #view .ach-tabs button:hover { color: var(--pv-text) !important; background: rgba(255, 255, 255, .04) !important; } body.vey-renewal #view .ach-tabs button.active { color: #1a1408 !important; background: linear-gradient(180deg, #f6dd9c, #c99a4a) !important; } body.vey-renewal #view .ach-tabs button b { display: inline-grid !important; place-items: center !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; border-radius: 99px !important; background: #2f9e5e !important; color: #fff !important; font-size: 10px !important; } body.vey-renewal #view .ach-tabs .ach-tabs__titles { margin-left: auto !important; color: var(--pv-gold) !important; } body.vey-renewal #view .ach-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important; align-content: start !important; gap: 8px !important; min-height: 0 !important; overflow-y: auto !important; padding-right: 4px !important; scrollbar-width: thin !important; } body.vey-renewal #view .ach-card { position: relative !important; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; padding: 10px 12px !important; border-radius: 14px !important; border: 1px solid var(--pv-line) !important; background: var(--pv-panel) !important; } body.vey-renewal #view .ach-card.is-ready { border-color: rgba(127, 227, 160, .5) !important; box-shadow: 0 0 22px -10px rgba(127, 227, 160, .7) !important; } body.vey-renewal #view .ach-card.is-claimed { opacity: .62 !important; } body.vey-renewal #view .ach-card__art { width: 52px !important; height: 52px !important; border-radius: 50% !important; border: 1.5px solid rgba(232, 196, 128, .45) !important; background: radial-gradient(circle, rgba(232, 196, 128, .12), rgba(10, 9, 14, .8)), var(--ach-art) center / cover no-repeat !important; background-blend-mode: normal !important; } body.vey-renewal #view .ach-card.is-locked .ach-card__art { filter: grayscale(.8) brightness(.7) !important; } body.vey-renewal #view .ach-card__body { display: grid !important; gap: 2px !important; min-width: 0 !important; } body.vey-renewal #view .ach-card__body small { color: var(--pv-muted) !important; font: 700 9px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view .ach-card.is-ready .ach-card__body small { color: #8ff0b0 !important; } body.vey-renewal #view .ach-card__body h3 { color: var(--pv-text) !important; font: 600 15px/1.2 var(--pv-display) !important; } body.vey-renewal #view .ach-card__body p { color: var(--pv-muted) !important; font-size: 11.5px !important; } body.vey-renewal #view .ach-card__bar { height: 4px !important; margin-top: 4px !important; border-radius: 99px !important; background: rgba(255, 255, 255, .08) !important; overflow: hidden !important; } body.vey-renewal #view .ach-card__bar i { display: block !important; height: 100% !important; background: linear-gradient(90deg, #8a6a2c, #f3d58e) !important; } body.vey-renewal #view .ach-card__meta { display: flex !important; justify-content: space-between !important; gap: 8px !important; font-size: 10.5px !important; } body.vey-renewal #view .ach-card__meta b { color: var(--pv-text) !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important; } body.vey-renewal #view .ach-card__meta em { color: var(--pv-gold) !important; font-style: normal !important; text-align: right !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body.vey-renewal #view .ach-card__title { justify-self: start !important; margin-top: 3px !important; padding: 1px 8px !important; border-radius: 99px !important; border: 1px solid rgba(192, 132, 255, .4) !important; background: rgba(176, 98, 255, .1) !important; color: #e4cdff !important; font: 700 9.5px/1.5 var(--pv-font) !important; letter-spacing: .06em !important; } body.vey-renewal #view .ach-card > .button { height: 32px !important; min-height: 0 !important; padding: 0 14px !important; font-size: 10.5px !important; } body.vey-renewal #view .ach-card__check { display: block !important; color: #8ff0b0 !important; font: 800 18px/1 var(--pv-font) !important; font-style: normal !important; } @media (max-width: 760px) { body.vey-renewal #view .ach-hero { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view .ach-hero dl > div { min-width: 0 !important; flex: 1 1 0 !important; } body.vey-renewal #view .ach-grid { grid-template-columns: minmax(0, 1fr) !important; overflow: visible !important; } } } @layer pv { body.vey-renewal #view .ach-card__art { border: 0 !important; border-radius: 0 !important; background: var(--ach-art) center / contain no-repeat !important; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .7)) !important; } body.vey-renewal #view .ach-card.is-locked .ach-card__art { filter: grayscale(.85) brightness(.55) drop-shadow(0 4px 8px rgba(0, 0, 0, .7)) !important; } body.vey-renewal #view .ach-card.is-ready .ach-card__art { filter: drop-shadow(0 0 12px rgba(127, 227, 160, .55)) drop-shadow(0 4px 8px rgba(0, 0, 0, .7)) !important; } } @layer pv { /* Handy: Expedition starten steht direkt unter der Regions-Wahl, Regions-Details danach (Einstieg 20.10.2026) */ @media (max-width: 760px) { html body.vey-renewal #view:not(#pv-x) .adventure-explore { display: flex !important; flex-direction: column !important; } html body.vey-renewal #view:not(#pv-x) .adventure-explore > .adventure-region-focus { order: 3 !important; } html body.vey-renewal #view:not(#pv-x) .adventure-explore > .journey-preparation { order: 4 !important; } html body.vey-renewal #view:not(#pv-x) .adventure-explore > .adventure-expedition-dock > .mission-board { order: -1 !important; } html body.vey-renewal #view:not(#pv-x) .adventure-explore > .adventure-expedition-dock > header { order: -2 !important; } html body.vey-renewal #view:not(#pv-x) .adventure-explore > :first-child { order: 1 !important; } html body.vey-renewal #view:not(#pv-x) .adventure-explore > .adventure-expedition-dock { order: 2 !important; } } } @layer pv { /* Handy: im Expeditions-Bericht bleibt der nächste Schritt (Wiederholen / Nächste Expedition) unten sichtbar */ @media (max-width: 760px) { html body.vey-renewal #view:not(#pv-x) .expedition-report-actions { position: sticky !important; bottom: 86px !important; z-index: 30 !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; margin: 10px -4px 0 !important; padding: 12px 10px !important; border-radius: 16px !important; border: 1px solid rgba(232, 196, 128, .28) !important; background: rgba(10, 9, 14, .92) !important; backdrop-filter: blur(10px) !important; box-shadow: 0 -12px 30px -14px #000 !important; } html body.vey-renewal #view:not(#pv-x) .expedition-report-actions > .button:not(.primary) { display: none !important; } html body.vey-renewal #view:not(#pv-x) .expedition-report-actions > .button.primary { flex: 1 1 140px !important; } } } @layer pv { /* Welt-Chronik-Ticker in der Zitadelle: echte Momente aller Helden laufen als Band durch */ html body.vey-renewal #view:not(#pv-x) .world-chronicle { grid-column: 1 / -1 !important; width: 100% !important; display: flex !important; align-items: center !important; gap: 12px !important; min-height: 38px !important; margin: 0 0 10px !important; padding: 0 12px 0 0 !important; overflow: hidden !important; border-radius: 12px !important; border: 1px solid rgba(232, 196, 128, .22) !important; background: linear-gradient(90deg, rgba(20, 16, 28, .95), rgba(12, 10, 18, .8)) !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__label { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 8px !important; align-self: stretch !important; padding: 0 14px !important; background: linear-gradient(90deg, rgba(232, 196, 128, .16), rgba(232, 196, 128, .04)) !important; border-right: 1px solid rgba(232, 196, 128, .25) !important; color: #f3d58e !important; font: 800 10px/1 var(--vm-font, Manrope, sans-serif) !important; letter-spacing: .2em !important; white-space: nowrap !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__label > i { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #5ff0a0 !important; box-shadow: 0 0 10px #5ff0a0 !important; animation: wcPulse 1.6s ease-in-out infinite !important; } @keyframes wcPulse { 50% { opacity: .35; } } html body.vey-renewal #view:not(#pv-x) .world-chronicle__track { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent) !important; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent) !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__lane { display: inline-flex !important; gap: 34px !important; white-space: nowrap !important; animation: wcScroll 60s linear infinite !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle:hover .world-chronicle__lane { animation-play-state: paused !important; } @keyframes wcScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } html body.vey-renewal #view:not(#pv-x) .world-chronicle__item { display: inline-flex !important; align-items: baseline !important; gap: 6px !important; color: #cfc6b3 !important; font: 500 12.5px/1 var(--vm-font, Manrope, sans-serif) !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__item > i { color: #e8c480 !important; font-style: normal !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__item > b { color: #fff3cf !important; font-weight: 800 !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__item > small { color: #8a7f6a !important; font-size: 10.5px !important; margin-left: 2px !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__item.rarity-epic > i { color: #c58bff !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__item.rarity-legendary > i { color: #ffb340 !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__item.rarity-mythic > i { color: #ff5a78 !important; } html body.vey-renewal #view:not(#pv-x) .world-chronicle__empty { margin: 0 !important; color: #9a8f78 !important; font: 500 12px/38px var(--vm-font, Manrope, sans-serif) !important; white-space: nowrap !important; } @media (prefers-reduced-motion: reduce) { html body.vey-renewal #view:not(#pv-x) .world-chronicle__lane { animation: none !important; } } } @layer pv { /* Saison-Rangliste (20.10.2026) */ body.vey-renewal #view .season-ladder, body.vey-renewal #view .season-ladder :where(*:not(.button)) { box-sizing: border-box; } body.vey-renewal #view:not(#pv-x) .season-ladder { display: grid !important; gap: 12px !important; max-width: var(--pv-max, 1320px) !important; margin: 0 auto !important; color: var(--pv-text, #e8dcc0) !important; font: 500 13px/1.45 var(--pv-font, Manrope, sans-serif) !important; } body.vey-renewal #view:not(#pv-x) .season-ladder .eyebrow { color: var(--pv-gold, #e8c480) !important; font: 700 10.5px/1.3 var(--pv-font) !important; letter-spacing: .2em !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 20px !important; padding: 20px 24px !important; border-radius: 20px !important; border: 1px solid var(--pv-line, rgba(232, 196, 128, .2)) !important; background: linear-gradient(90deg, rgba(12, 10, 18, .95), rgba(12, 10, 18, .55)), url("./assets/banners-v1/crystal-vault.webp") center 40% / cover no-repeat, #120f19 !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero h1 { margin: 4px 0 6px !important; color: var(--pv-gold, #f3d58e) !important; font: 600 32px/1.1 var(--pv-display, Cinzel, serif) !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero p { margin: 0 !important; color: #cfc6b3 !important; max-width: 62ch !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero dl { display: flex !important; gap: 8px !important; margin: 0 !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero dl > div { min-width: 108px !important; padding: 10px 14px !important; border-radius: 14px !important; background: rgba(10, 9, 14, .75) !important; border: 1px solid var(--pv-line, rgba(232, 196, 128, .2)) !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero dt { color: var(--pv-muted, #9a8f78) !important; font: 700 9.5px/1.3 var(--pv-font) !important; letter-spacing: .14em !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero dd { margin: 0 !important; font: 800 21px/1.2 var(--pv-font) !important; color: #fff3cf !important; } body.vey-renewal #view:not(#pv-x) .ladder-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 380px !important; gap: 12px !important; } body.vey-renewal #view:not(#pv-x) :is(.ladder-board, .ladder-side > section) { padding: 16px !important; border-radius: 18px !important; border: 1px solid var(--pv-line, rgba(232, 196, 128, .2)) !important; background: var(--pv-panel, rgba(20, 17, 27, .9)) !important; } body.vey-renewal #view:not(#pv-x) .ladder-side { display: grid !important; gap: 12px !important; align-content: start !important; } body.vey-renewal #view:not(#pv-x) .season-ladder h2 { margin: 2px 0 10px !important; font: 600 19px/1.2 var(--pv-display, Cinzel, serif) !important; color: #f3e6c8 !important; } body.vey-renewal #view:not(#pv-x) .ladder-board ol, body.vey-renewal #view:not(#pv-x) .ladder-rewards, body.vey-renewal #view:not(#pv-x) .ladder-rules { display: grid !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li { display: grid !important; grid-template-columns: 38px 40px minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; padding: 7px 12px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .03) !important; border: 1px solid transparent !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li > span { color: var(--pv-gold, #e8c480) !important; font: 800 15px/1 var(--pv-font) !important; text-align: center !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li > i { display: block !important; width: 40px !important; height: 40px !important; border-radius: 10px !important; border: 1px solid rgba(232, 196, 128, .3) !important; background: var(--ladder-art) center 8% / 220% auto no-repeat, #15121c !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li > b { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font: 700 14px/1.2 var(--pv-font) !important; color: #fff3cf !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li > em { font: 800 15px/1 var(--pv-font) !important; font-style: normal !important; color: #f3d58e !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li > em small { font-size: 9.5px !important; color: var(--pv-muted, #9a8f78) !important; letter-spacing: .14em !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li.is-podium { padding: 10px 12px !important; border-color: rgba(232, 196, 128, .3) !important; background: linear-gradient(90deg, rgba(232, 196, 128, .14), rgba(232, 196, 128, .02)) !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li.podium-1 { border-color: rgba(255, 214, 120, .75) !important; box-shadow: 0 0 24px -10px rgba(255, 214, 120, .8) !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li.podium-1 > span { color: #ffd678 !important; font-size: 20px !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li.podium-2 > span { color: #dfe6ef !important; font-size: 18px !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li.podium-3 > span { color: #e2a272 !important; font-size: 17px !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li.is-me { border-color: rgba(90, 240, 225, .55) !important; box-shadow: inset 0 0 0 1px rgba(90, 240, 225, .25) !important; } body.vey-renewal #view:not(#pv-x) .ladder-board li.ladder-first { grid-template-columns: 1fr !important; padding: 26px 16px !important; text-align: center !important; } body.vey-renewal #view:not(#pv-x) .ladder-rewards li, body.vey-renewal #view:not(#pv-x) .ladder-rules li { display: grid !important; grid-template-columns: 78px minmax(0, 1fr) auto !important; align-items: center !important; gap: 8px !important; padding: 7px 10px !important; border-radius: 10px !important; background: rgba(255, 255, 255, .03) !important; } body.vey-renewal #view:not(#pv-x) .ladder-rules li { grid-template-columns: minmax(0, 1fr) auto !important; } body.vey-renewal #view:not(#pv-x) .ladder-rewards li > span { color: #f3d58e !important; font: 800 12px/1 var(--pv-font) !important; } body.vey-renewal #view:not(#pv-x) .ladder-rewards li > b, body.vey-renewal #view:not(#pv-x) .ladder-rules li > b { font: 600 12.5px/1.3 var(--pv-font) !important; color: #e8dcc0 !important; } body.vey-renewal #view:not(#pv-x) .ladder-rewards li > em, body.vey-renewal #view:not(#pv-x) .ladder-rules li > em { display: inline-flex !important; align-items: center !important; gap: 4px !important; font: 700 12px/1 var(--pv-font) !important; font-style: normal !important; color: #cfc6b3 !important; white-space: nowrap !important; } body.vey-renewal #view:not(#pv-x) .ladder-side .button { width: 100% !important; margin-top: 14px !important; } body.vey-renewal #view:not(#pv-x) .season-ladder { grid-template-rows: auto minmax(0, 1fr) !important; align-content: start !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero { min-height: max-content !important; overflow: visible !important; } body.vey-renewal #view:not(#pv-x) .ladder-grid { align-items: start !important; min-height: 0 !important; } body.vey-renewal #view:not(#pv-x) .ladder-board { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; align-content: start !important; min-height: 0 !important; max-height: 100% !important; overflow-y: auto !important; } body.vey-renewal #view:not(#pv-x) .ladder-board ol { align-content: start !important; grid-auto-rows: max-content !important; } body.vey-renewal #view:not(#pv-x) .ladder-empty { padding: 30px !important; text-align: center !important; color: var(--pv-muted, #9a8f78) !important; } @media (max-width: 1024px) { body.vey-renewal #view:not(#pv-x) .ladder-grid, body.vey-renewal #view:not(#pv-x) .ladder-hero { grid-template-columns: minmax(0, 1fr) !important; } body.vey-renewal #view:not(#pv-x) .ladder-hero dl > div { min-width: 0 !important; flex: 1 1 0 !important; } } } @layer pv { html body.vey-renewal #view:not(#pv-x) .xs-friend-help { display: inline-block !important; margin: 4px 0 0 !important; padding: 3px 10px !important; border-radius: 99px !important; border: 1px solid rgba(90, 240, 225, .45) !important; background: rgba(90, 240, 225, .1) !important; color: #b8fff4 !important; font: 700 11px/1.3 var(--pv-font, Manrope, sans-serif) !important; letter-spacing: .04em !important; } html body.vey-renewal #view:not(#pv-x) .hero-community .community-hero-actions .community-help { min-width: 0 !important; } } @layer pv { /* Raid-Nacht-Banner auf der Weltboss-Seite */ html body.vey-renewal #view:not(#pv-x) .raid-night-banner { display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; align-items: center !important; gap: 14px !important; margin: 0 0 12px !important; padding: 12px 18px !important; border-radius: 16px !important; border: 1px solid rgba(176, 98, 255, .35) !important; background: radial-gradient(60% 140% at 0% 50%, rgba(176, 98, 255, .22), transparent 70%), rgba(14, 11, 22, .92) !important; } html body.vey-renewal #view:not(#pv-x) .raid-night-banner.is-live { border-color: rgba(255, 196, 110, .7) !important; background: radial-gradient(60% 140% at 0% 50%, rgba(255, 170, 70, .28), transparent 70%), rgba(22, 14, 10, .94) !important; box-shadow: 0 0 30px -12px rgba(255, 170, 70, .8) !important; } html body.vey-renewal #view:not(#pv-x) .raid-night-banner__sigil { display: grid !important; place-items: center !important; width: 52px !important; height: 52px !important; border-radius: 50% !important; border: 2px solid rgba(232, 196, 128, .6) !important; background: rgba(8, 7, 12, .8) !important; color: #f3d58e !important; font-size: 26px !important; } html body.vey-renewal #view:not(#pv-x) .raid-night-banner.is-live .raid-night-banner__sigil { animation: wcPulse 1.6s ease-in-out infinite !important; } html body.vey-renewal #view:not(#pv-x) .raid-night-banner small { display: block !important; color: #c9a8ff !important; font: 800 10px/1.3 var(--pv-font, Manrope, sans-serif) !important; letter-spacing: .2em !important; } html body.vey-renewal #view:not(#pv-x) .raid-night-banner.is-live small { color: #ffc46e !important; } html body.vey-renewal #view:not(#pv-x) .raid-night-banner b { display: block !important; margin: 2px 0 !important; color: #fff3cf !important; font: 700 15px/1.3 var(--pv-font) !important; } html body.vey-renewal #view:not(#pv-x) .raid-night-banner p { margin: 0 !important; color: #b9ae98 !important; font: 500 12px/1.4 var(--pv-font) !important; } }