/* Profile panel card surfaces (#pp-profile-root + #progress-pp-profile-root) */

#pp-profile-root,
#progress-pp-profile-root {
    --pp-surface: var(--profile-surface);
}

#pp-profile-root .ph-wrap,
#progress-pp-profile-root .ph-wrap {
    background: var(--pp-surface);
}

#pp-profile-root .ph-hero::before,
#progress-pp-profile-root .ph-hero::before {
    background:
        radial-gradient(ellipse at 30% 40%, rgba(200, 168, 75, 0.06) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 70%, rgb(9 15 20) 0%, transparent 50%), var(--pp-surface);
}

#pp-profile-root .ph-lo-dock,
#progress-pp-profile-root .ph-lo-dock {
    background: var(--pp-surface);
}

/* .pp-skill-card + .pp-completion: keep profile-core.css gold-tint fills */

#pp-profile-root .pp-spec-card,
#progress-pp-profile-root .pp-spec-card {
    background: var(--pp-surface);
}

#pp-profile-root .bl-card,
#progress-pp-profile-root .bl-card,
#pp-profile-root .mkt-bcard,
#progress-pp-profile-root .mkt-bcard {
    background: var(--pp-surface);
}

#pp-profile-root .pp-captain-snapshot.mkt-detail-page,
#progress-pp-profile-root .pp-captain-snapshot.mkt-detail-page {
    background: var(--pp-surface);
}

#pp-profile-root #pp-captain-snapshot,
#progress-pp-profile-root #progress-pp-captain-snapshot {
    background: transparent;
}