/* Secondary presentation finish. These selectors own existing content groups;
   no card face, reward amount, cabinet artwork or interaction is replaced. */
.shell .exp-overlay:has(.resource-wallet){background:color-mix(in srgb,var(--pm-ui-ink) 82%,transparent);backdrop-filter:blur(12px)}
.shell .exp-overlay:has(.resource-wallet)>.exp-modal{box-shadow:0 12px 32px var(--pm-ui-shadow)}
.shell .exp-overlay:has(.resource-wallet) .exp-location-art figcaption{display:none}
html[data-theme="light"] .shell .exp-overlay:has(.resource-wallet){background:linear-gradient(155deg,#eaf3f9e8,#e2e9f5d9 55%,#e3f2f4e6)}
:is(.progression-system,.progression-summary),
.profile-app:has(.profile-overview-mode) {
 background: radial-gradient(ellipse at 50% 0%,var(--pm-ui-surface) 0%,transparent 68%),var(--pm-ui-ink);
 color: var(--pm-ui-text);
}
.progression-system .exp-screen-heading h2,
.progression-summary .ship-summary-heading h1 { font-size: clamp(23px,5vw,28px); font-weight: 650; letter-spacing: -.035em; }
.progression-system .exp-screen-heading small,
.progression-system .journey-upgrade-stage > .exp-eyebrow { font-size: 13px; letter-spacing: 0; color: var(--pm-ui-muted); }
/* The existing illustrated cabinet is the object, not a card around an object. */
.progression-system .trophy-cabinet { border: 0; border-radius: 22px; box-shadow: 0 10px 28px var(--pm-ui-shadow); }
.progression-system .trophy-cabinet > header { border-radius: 999px; padding: 8px 12px; background: var(--pm-ui-surface); box-shadow: 0 2px 8px var(--pm-ui-shadow); }
.progression-system .journey-upgrade-stage > h1 { font-weight: 650; letter-spacing: -.03em; }
.progression-system .ship-upgrade-benefit { padding: 14px 16px; border-radius: 20px; background: var(--pm-ui-surface); box-shadow: inset 0 1px 0 color-mix(in srgb,var(--pm-ui-text) 5%,transparent),0 5px 16px var(--pm-ui-shadow); }
.progression-system .journey-upgrade-stage > .exp-button.primary { box-shadow: 0 4px 12px var(--pm-ui-shadow); border-radius: 999px; }
.progression-system .ship-purchase-preview { color: var(--pm-ui-muted); }
.progression-summary .exp-summary-stats { background: var(--pm-ui-surface); box-shadow: 0 5px 18px var(--pm-ui-shadow); }
.progression-summary .ship-summary-plan { background: transparent; padding-inline: 0; }
/* Profile keeps one identity banner and one quiet records sheet. */
.profile-overview-mode .profile-identity { box-shadow: 0 8px 24px var(--pm-ui-shadow); }
.profile-overview-mode .profile-identity > .profile-avatar { border: 3px solid var(--pm-ui-surface); box-shadow: 0 3px 12px var(--pm-ui-shadow); }
.profile-overview-mode .profile-records { background: var(--pm-ui-surface); box-shadow: 0 5px 18px var(--pm-ui-shadow); }
.profile-overview-mode .profile-reader-footer > [data-profile-action=close] { box-shadow: 0 4px 12px var(--pm-ui-shadow); }
/* Commissions show the actual collectible art first, rather than a task-list
   icon beside each name. Ownership and inspection remain on each same button. */
.exp-modal:has(.secondary-commissions) { background: radial-gradient(ellipse at 50% 0,var(--pm-ui-surface-raised),transparent 60%),var(--pm-ui-surface); }
.secondary-commissions > h2 { font-size: 24px; font-weight: 650; }
.secondary-commissions .commission-list { gap: 24px; }
.secondary-commissions .commission-list > article { gap: 10px; padding-bottom: 20px; }
.secondary-commissions .commission-list > article > h3 { font-size: 20px; font-weight: 650; letter-spacing: -.02em; }
.secondary-commissions .commission-cards { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 10px; }
.secondary-commissions .commission-cards > .exp-link { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 7px; min-width: 0; padding: 4px 0; text-align: center; }
.secondary-commissions .commission-cards img { width: min(100%,80px); height: 104px; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 9px var(--pm-ui-shadow); background: transparent; }
.secondary-commissions .commission-cards span { width: 100%; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.secondary-commissions .commission-cards small { margin-top: 4px; font-size: 12px; line-height: 1.35; }
.secondary-commissions .commission-list > article > .exp-button { width: 100%; border: 0; border-radius: 999px; }
.secondary-commissions .commission-list > article > .exp-button.primary { box-shadow: 0 4px 12px var(--pm-ui-shadow); }
/* Outcome sheets retain portraits and real before/after values as the focal
   evidence. Delta chips sit inset; each sentence remains on the open canvas. */
.exp-result .journey-result-heading h1 { font-size: clamp(24px,5vw,30px); font-weight: 650; letter-spacing: -.03em; }
.exp-result .journey-result-heading > .exp-eyebrow { color: var(--pm-ui-muted); font-size: 13px; letter-spacing: 0; }
.exp-result .exp-result-party { gap: 10px; }
.exp-result .exp-result-party article { border: 0; border-radius: 22px; background: var(--pm-ui-surface); box-shadow: 0 5px 16px var(--pm-ui-shadow); }
.exp-result .exp-result-deltas { justify-content: center; flex-wrap: wrap; gap: 10px; }
.exp-result .exp-result-deltas > span { padding: 9px 16px; border-radius: 999px; background: var(--pm-ui-surface-raised); color: var(--pm-ui-text); box-shadow: inset 0 2px 5px var(--pm-ui-shadow); }
.exp-result .journey-result-footer > .exp-button.primary { border-radius: 999px; min-height: 48px; background: var(--pm-ui-accent); color: var(--pm-ui-on-accent); border: 0; box-shadow: 0 4px 12px var(--pm-ui-shadow); }
@media (max-height:550px) and (orientation:landscape) {
 .secondary-commissions .commission-cards img { height: 80px; width: 62px; }
 .exp-result .exp-result-party article { padding: 8px 12px; }
}
@media (prefers-contrast: more) {
 :is(.progression-system,.progression-summary),.profile-app:has(.profile-overview-mode),.exp-modal:has(.secondary-commissions) { background: var(--pm-ui-ink); }
}