/* Optional color palette only. Component geometry and responsive rules belong to the original stylesheets. */
html[data-site-theme="celestial"] {
    color-scheme: dark;
    --cel-bg: #060c15;
    --cel-panel: #0c1726;
    --cel-panel-raised: #102136;
    --cel-text: #f4f0e7;
    --cel-muted: #9eafc3;
    --cel-accent: #76cfff;
    --cel-accent-rgb: 118,207,255;
    --cel-gold: #dbb66d;
    --cel-line: #334253;
    --cel-glow: #143d63;
    --cel-button: #c4eaff;
    --cel-button-ink: #09223a;
    --color-fire: var(--cel-gold);
    --color-lava: var(--cel-accent);
    --color-ember: #467ea5;
    --color-coal: var(--cel-panel);
    --color-pitch: var(--cel-bg);
    --color-amber-300: #e5c88c;
    --color-amber-400: #dbb66d;
    --color-amber-500: #c3984b;
    --color-amber-600: #856737;
    --color-yellow-200: #eee0bf;
    --color-yellow-300: #e5c88c;
    --color-yellow-400: #dbb66d;
}
html[data-site-theme="celestial"][data-theme-variant="gold"] {
    --cel-bg: #100d09;
    --cel-panel: #1b1710;
    --cel-panel-raised: #292215;
    --cel-muted: #b8ab91;
    --cel-accent: #e6c47e;
    --cel-accent-rgb: 230,196,126;
    --cel-line: #4b3d26;
    --cel-glow: #4f3917;
    --cel-button: #ebcf95;
    --cel-button-ink: #291b07;
}
html[data-site-theme="celestial"][data-theme-variant="ivory"] {
    --cel-bg: #101217;
    --cel-panel: #1b1e26;
    --cel-panel-raised: #272b36;
    --cel-muted: #b1b5c2;
    --cel-accent: #eee9dd;
    --cel-accent-rgb: 238,233,221;
    --cel-line: #464954;
    --cel-glow: #424655;
    --cel-button: #eee9dd;
    --cel-button-ink: #252630;
}

html[data-site-theme="celestial"] body {
    color: var(--cel-text);
    background-color: var(--cel-bg);
    background-blend-mode: normal, luminosity;
}
/* Tint the existing artwork; keep its image, position, size and vignette. */
html[data-site-theme="celestial"] :is(.hero-fire, .pr-stage, .auth-bg-container) {
    background-color: var(--cel-glow);
    background-blend-mode: luminosity;
}
html[data-site-theme="celestial"] #navbar.is-scrolled {
    background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(var(--cel-accent-rgb), .1), transparent 65%), linear-gradient(180deg, var(--cel-panel), var(--cel-bg));
}
html[data-site-theme="celestial"] #hc-navbar-curve-fill stop { stop-color: var(--cel-bg); }
html[data-site-theme="celestial"] .hc-navbar-curve path[stroke] { stroke: var(--cel-line); }
html[data-site-theme="celestial"] :is(.hc-foot, .hc-um-drawer, .nav-sub-panel, #mobile-menu) {
    background-image: linear-gradient(180deg, var(--cel-panel), var(--cel-bg)) !important;
    background-color: var(--cel-bg) !important;
    border-color: var(--cel-line) !important;
}
html[data-site-theme="celestial"] :is(.nav-link, .nav-sub-trigger, .hc-foot-col-title, .hc-foot-brandmark) { color: var(--cel-text) !important; }
html[data-site-theme="celestial"] :is(.nav-link:hover, .nav-sub-item:hover, .hc-foot-list a:hover, .nav-link.is-active) { color: var(--cel-accent) !important; }
html[data-site-theme="celestial"] #navbar [data-theme-logo] { filter: drop-shadow(0 3px 16px rgba(var(--cel-accent-rgb), .55)); }
html[data-site-theme="celestial"] .hc-foot-logo img { filter: drop-shadow(0 2px 14px rgba(var(--cel-accent-rgb), .55)); }
html[data-site-theme="celestial"] :is(.up-sidebar, .up-card, .auth-card, .hero-auth, .auth-content > div, .ch-card, .ct-card, .ct-panel, .pr-panel, .pr-tier, .civ-dialog, .civ-panel) {
    background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--cel-accent-rgb), .16), transparent 70%), linear-gradient(165deg, var(--cel-panel-raised), var(--cel-panel)) !important;
    border-color: var(--cel-line) !important;
}
html[data-site-theme="celestial"] :is(.ch-card:hover, .up-card:hover) { border-color: var(--cel-gold) !important; }
html[data-site-theme="celestial"] :is(.hero-tabs, .hc-foot-top, .auth-header, .hero-auth-welcome-top, .up-sidebar-id, .hc-um-drawer-head) { border-color: var(--cel-line) !important; }
html[data-site-theme="celestial"] :is(.up-nav-link, .up-sidebar-toggle, .gamer-user-link, .hero-tab, .auth-label, .hero-auth .auth-label, .ch-sub, .ch-last, .ct-sub, .hc-foot-tagline, .pr-sub) { color: var(--cel-muted) !important; }
html[data-site-theme="celestial"] :is(.up-nav-link.is-active, .up-nav-link:hover) {
    background: rgba(var(--cel-accent-rgb), .09) !important;
    color: var(--cel-accent) !important;
    border-color: var(--cel-line) !important;
}
html[data-site-theme="celestial"] :is(.up-nav-title, .ch-class, .ch-stat-val, .ch-last strong, .ct-title, .auth-link, .hero-auth-welcome-eyebrow) { color: var(--cel-gold) !important; }
html[data-site-theme="celestial"] :is(.auth-input, .up-input, .ct-input, #civSearch) {
    background-color: var(--cel-bg) !important;
    color: var(--cel-text) !important;
    border-color: var(--cel-line) !important;
}
html[data-site-theme="celestial"] :is(.auth-input, .up-input, .ct-input, #civSearch):focus {
    border-color: var(--cel-accent) !important;
    outline-color: var(--cel-accent);
}
html[data-site-theme="celestial"] :is(.auth-button-primary, .gamer-btn-register, .gamer-btn-start, .ch-inspect, .ct-btn-primary, .pr-cta, .up-btn-primary, .hero-tab.is-active, .gamer-user-link.is-active) {
    background: linear-gradient(180deg, var(--cel-button), var(--cel-accent)) !important;
    color: var(--cel-button-ink) !important;
    border-color: var(--cel-accent) !important;
}
html[data-site-theme="celestial"] .hero-tab.is-active { box-shadow: 0 4px 12px rgba(var(--cel-accent-rgb), .4); }
html[data-site-theme="celestial"] .gamer-btn-register { box-shadow: 0 4px 12px rgba(var(--cel-accent-rgb), .35); }
html[data-site-theme="celestial"] .gamer-btn-register:hover { box-shadow: 0 8px 22px rgba(var(--cel-accent-rgb), .5); }
html[data-site-theme="celestial"] :is(.gamer-btn-login, .auth-button-secondary, .up-sidebar-toggle, .pr-ghost) {
    background: linear-gradient(180deg, var(--cel-panel-raised), var(--cel-panel)) !important;
    border-color: var(--cel-line) !important;
    color: var(--cel-text) !important;
}
html[data-site-theme="celestial"] .hc-foot-glow { background: radial-gradient(ellipse at center, rgba(var(--cel-accent-rgb), .18) 0%, transparent 70%); }
html[data-site-theme="celestial"] .auth-overlay {
    background: radial-gradient(ellipse 70% 50% at 20% 0%, rgba(var(--cel-accent-rgb), .25), transparent 65%), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(var(--cel-accent-rgb), .22), transparent 65%), linear-gradient(180deg, var(--cel-bg), var(--cel-panel));
}
html[data-site-theme="celestial"] :is(.civ-box, .up-stat-tile) {
    background-color: var(--cel-panel) !important;
    border-color: var(--cel-line) !important;
}
html[data-site-theme="celestial"] :is(.civ-tabs button, .ct-btn-list, .ct-btn-copy, .ct-btn-ghost) {
    background: var(--cel-panel-raised) !important;
    color: var(--cel-accent) !important;
    border-color: var(--cel-line) !important;
}
html[data-site-theme="celestial"] .civ-tabs button.is-active { background: var(--cel-button) !important; color: var(--cel-button-ink) !important; }
html[data-site-theme="celestial"] :is(.up-nav-section-label, .up-sidebar-id-name, .up-card-title, .up-stat-val, .ct-card-title) { color: var(--cel-text) !important; }
html[data-site-theme="celestial"] :is(.up-card-title::before, .up-nav-section-label::before, .hc-foot-col-title::before) { background: var(--cel-gold) !important; }
html[data-site-theme="celestial"] .up-sidebar-id-glyph { color: var(--cel-accent) !important; background: var(--cel-panel-raised) !important; border-color: var(--cel-line) !important; }

/* Preserve each existing glow's geometry while replacing its fire color. */
html[data-site-theme="celestial"] .auth-input:focus { box-shadow: 0 0 0 3px rgba(var(--cel-accent-rgb), .18); }
html[data-site-theme="celestial"] .auth-button-primary { box-shadow: 0 8px 22px rgba(var(--cel-accent-rgb), .4), inset 0 1px 0 rgba(var(--cel-accent-rgb), .45); }
html[data-site-theme="celestial"] .auth-button-primary:hover { box-shadow: 0 12px 28px rgba(var(--cel-accent-rgb), .55), inset 0 1px 0 rgba(var(--cel-accent-rgb), .55); }
html[data-site-theme="celestial"] .gamer-btn-start { box-shadow: 0 6px 18px rgba(var(--cel-accent-rgb), .42), inset 0 1px 0 rgba(var(--cel-accent-rgb), .55); }
html[data-site-theme="celestial"] .gamer-btn-start:hover { box-shadow: 0 10px 26px rgba(var(--cel-accent-rgb), .6), 0 0 22px rgba(var(--cel-accent-rgb), .4), inset 0 1px 0 rgba(var(--cel-accent-rgb), .65); }
html[data-site-theme="celestial"] .roulette-fab { background: linear-gradient(135deg, var(--cel-button), var(--cel-accent)); color: var(--cel-button-ink); border-color: var(--cel-line); box-shadow: 0 20px 40px rgba(var(--cel-accent-rgb), .32); }
html[data-site-theme="celestial"] .roulette-fab::after { background: radial-gradient(circle, rgba(var(--cel-accent-rgb), .4), transparent 65%); }
html[data-site-theme="celestial"] .roulette-fab:hover { box-shadow: 0 24px 48px rgba(var(--cel-accent-rgb), .4); }

/* Shared semantic colors used by every page stylesheet and embedded component.
   Each source declaration retains its original RGB value as the legacy fallback. */
html[data-site-theme="celestial"] {
    --site-accent-rgb: var(--cel-accent-rgb);
    --site-accent-strong-rgb: 32, 112, 160;
    --site-accent-deep-rgb: 16, 48, 74;
    --site-accent-soft-rgb: 180, 228, 255;
    --site-gold-rgb: 219, 182, 109;
    --site-gold-light-rgb: 238, 219, 174;
    --site-text-rgb: 244, 240, 231;
    --site-bg-rgb: 6, 12, 21;
    --site-panel-rgb: 12, 23, 38;
    --site-raised-rgb: 16, 33, 54;
    --site-muted-rgb: 158, 175, 195;
    --site-subtle-rgb: 118, 138, 160;
    --site-line-rgb: 51, 66, 83;
    --site-danger-rgb: 248, 113, 113;
    --site-warning-rgb: 230, 190, 106;
    --site-success-rgb: 92, 207, 162;
}
html[data-site-theme="celestial"][data-theme-variant="gold"] {
    --site-accent-strong-rgb: 140, 99, 35;
    --site-accent-deep-rgb: 61, 43, 17;
    --site-accent-soft-rgb: 247, 225, 179;
    --site-bg-rgb: 16, 13, 9;
    --site-panel-rgb: 27, 23, 16;
    --site-raised-rgb: 41, 34, 21;
    --site-muted-rgb: 184, 171, 145;
    --site-subtle-rgb: 150, 135, 110;
    --site-line-rgb: 75, 61, 38;
}
html[data-site-theme="celestial"][data-theme-variant="ivory"] {
    --site-accent-strong-rgb: 96, 106, 128;
    --site-accent-deep-rgb: 42, 47, 59;
    --site-accent-soft-rgb: 250, 247, 241;
    --site-bg-rgb: 16, 18, 23;
    --site-panel-rgb: 27, 30, 38;
    --site-raised-rgb: 39, 43, 54;
    --site-muted-rgb: 177, 181, 194;
    --site-subtle-rgb: 139, 146, 165;
    --site-line-rgb: 70, 73, 84;
}
/* Apply the palette to the existing artwork on every page, including inline images. */
html[data-site-theme="celestial"] [style*="background_hot.jpg"] {
    background-color: var(--cel-glow);
    background-blend-mode: luminosity;
}
html[data-site-theme="celestial"] body[style*="background_hot.jpg"] {
    background-color: var(--cel-bg);
    background-blend-mode: normal, luminosity;
}
html[data-site-theme="celestial"] .civ-box {
    background-image: linear-gradient(160deg, rgba(var(--site-panel-rgb), .98), rgba(var(--site-bg-rgb), .99));
}
/* State colors and item binding/upgrade legends remain distinct from branding. */
html[data-site-theme="celestial"] .civ-body {
    --color-cyan-300: #67e8f9; --color-cyan-400: #22d3ee;
    --color-blue-400: #60a5fa; --color-emerald-400: #34d399;
    --color-purple-400: #c084fc; --color-red-300: #fca5a5; --color-red-400: #f87171;
}

html[data-site-theme="celestial"] {
    --color-blue-50: rgb(250, 252, 255);
    --color-blue-100: rgb(var(--site-accent-soft-rgb));
    --color-blue-200: rgb(var(--site-accent-soft-rgb));
    --color-blue-300: rgb(var(--site-accent-soft-rgb));
    --color-blue-400: rgb(var(--site-accent-rgb));
    --color-blue-500: rgb(var(--site-accent-strong-rgb));
    --color-blue-600: rgb(var(--site-accent-strong-rgb));
    --color-blue-700: rgb(var(--site-accent-deep-rgb));
    --color-blue-800: rgb(var(--site-accent-deep-rgb));
    --color-blue-900: rgb(var(--site-panel-rgb));
    --color-blue-950: rgb(var(--site-bg-rgb));
    --color-sky-50: rgb(250, 252, 255);
    --color-sky-100: rgb(var(--site-accent-soft-rgb));
    --color-sky-200: rgb(var(--site-accent-soft-rgb));
    --color-sky-300: rgb(var(--site-accent-soft-rgb));
    --color-sky-400: rgb(var(--site-accent-rgb));
    --color-sky-500: rgb(var(--site-accent-strong-rgb));
    --color-sky-600: rgb(var(--site-accent-strong-rgb));
    --color-sky-700: rgb(var(--site-accent-deep-rgb));
    --color-sky-800: rgb(var(--site-accent-deep-rgb));
    --color-sky-900: rgb(var(--site-panel-rgb));
    --color-sky-950: rgb(var(--site-bg-rgb));
    --color-cyan-50: rgb(250, 252, 255);
    --color-cyan-100: rgb(var(--site-accent-soft-rgb));
    --color-cyan-200: rgb(var(--site-accent-soft-rgb));
    --color-cyan-300: rgb(var(--site-accent-soft-rgb));
    --color-cyan-400: rgb(var(--site-accent-rgb));
    --color-cyan-500: rgb(var(--site-accent-strong-rgb));
    --color-cyan-600: rgb(var(--site-accent-strong-rgb));
    --color-cyan-700: rgb(var(--site-accent-deep-rgb));
    --color-cyan-800: rgb(var(--site-accent-deep-rgb));
    --color-cyan-900: rgb(var(--site-panel-rgb));
    --color-cyan-950: rgb(var(--site-bg-rgb));
    --color-indigo-50: rgb(250, 252, 255);
    --color-indigo-100: rgb(var(--site-accent-soft-rgb));
    --color-indigo-200: rgb(var(--site-accent-soft-rgb));
    --color-indigo-300: rgb(var(--site-accent-soft-rgb));
    --color-indigo-400: rgb(var(--site-accent-rgb));
    --color-indigo-500: rgb(var(--site-accent-strong-rgb));
    --color-indigo-600: rgb(var(--site-accent-strong-rgb));
    --color-indigo-700: rgb(var(--site-accent-deep-rgb));
    --color-indigo-800: rgb(var(--site-accent-deep-rgb));
    --color-indigo-900: rgb(var(--site-panel-rgb));
    --color-indigo-950: rgb(var(--site-bg-rgb));
    --color-purple-50: rgb(250, 252, 255);
    --color-purple-100: rgb(var(--site-accent-soft-rgb));
    --color-purple-200: rgb(var(--site-accent-soft-rgb));
    --color-purple-300: rgb(var(--site-accent-soft-rgb));
    --color-purple-400: rgb(var(--site-accent-rgb));
    --color-purple-500: rgb(var(--site-accent-strong-rgb));
    --color-purple-600: rgb(var(--site-accent-strong-rgb));
    --color-purple-700: rgb(var(--site-accent-deep-rgb));
    --color-purple-800: rgb(var(--site-accent-deep-rgb));
    --color-purple-900: rgb(var(--site-panel-rgb));
    --color-purple-950: rgb(var(--site-bg-rgb));
    --color-violet-50: rgb(250, 252, 255);
    --color-violet-100: rgb(var(--site-accent-soft-rgb));
    --color-violet-200: rgb(var(--site-accent-soft-rgb));
    --color-violet-300: rgb(var(--site-accent-soft-rgb));
    --color-violet-400: rgb(var(--site-accent-rgb));
    --color-violet-500: rgb(var(--site-accent-strong-rgb));
    --color-violet-600: rgb(var(--site-accent-strong-rgb));
    --color-violet-700: rgb(var(--site-accent-deep-rgb));
    --color-violet-800: rgb(var(--site-accent-deep-rgb));
    --color-violet-900: rgb(var(--site-panel-rgb));
    --color-violet-950: rgb(var(--site-bg-rgb));
    --color-fuchsia-50: rgb(250, 252, 255);
    --color-fuchsia-100: rgb(var(--site-accent-soft-rgb));
    --color-fuchsia-200: rgb(var(--site-accent-soft-rgb));
    --color-fuchsia-300: rgb(var(--site-accent-soft-rgb));
    --color-fuchsia-400: rgb(var(--site-accent-rgb));
    --color-fuchsia-500: rgb(var(--site-accent-strong-rgb));
    --color-fuchsia-600: rgb(var(--site-accent-strong-rgb));
    --color-fuchsia-700: rgb(var(--site-accent-deep-rgb));
    --color-fuchsia-800: rgb(var(--site-accent-deep-rgb));
    --color-fuchsia-900: rgb(var(--site-panel-rgb));
    --color-fuchsia-950: rgb(var(--site-bg-rgb));
    --color-pink-50: rgb(250, 252, 255);
    --color-pink-100: rgb(var(--site-accent-soft-rgb));
    --color-pink-200: rgb(var(--site-accent-soft-rgb));
    --color-pink-300: rgb(var(--site-accent-soft-rgb));
    --color-pink-400: rgb(var(--site-accent-rgb));
    --color-pink-500: rgb(var(--site-accent-strong-rgb));
    --color-pink-600: rgb(var(--site-accent-strong-rgb));
    --color-pink-700: rgb(var(--site-accent-deep-rgb));
    --color-pink-800: rgb(var(--site-accent-deep-rgb));
    --color-pink-900: rgb(var(--site-panel-rgb));
    --color-pink-950: rgb(var(--site-bg-rgb));
    --color-rose-50: rgb(250, 252, 255);
    --color-rose-100: rgb(var(--site-accent-soft-rgb));
    --color-rose-200: rgb(var(--site-accent-soft-rgb));
    --color-rose-300: rgb(var(--site-accent-soft-rgb));
    --color-rose-400: rgb(var(--site-accent-rgb));
    --color-rose-500: rgb(var(--site-accent-strong-rgb));
    --color-rose-600: rgb(var(--site-accent-strong-rgb));
    --color-rose-700: rgb(var(--site-accent-deep-rgb));
    --color-rose-800: rgb(var(--site-accent-deep-rgb));
    --color-rose-900: rgb(var(--site-panel-rgb));
    --color-rose-950: rgb(var(--site-bg-rgb));
    --color-gray-50: rgb(var(--site-text-rgb));
    --color-gray-100: rgb(var(--site-text-rgb));
    --color-gray-200: rgb(var(--site-text-rgb));
    --color-gray-300: rgb(var(--site-muted-rgb));
    --color-gray-400: rgb(var(--site-muted-rgb));
    --color-gray-500: rgb(var(--site-subtle-rgb));
    --color-gray-600: rgb(var(--site-line-rgb));
    --color-gray-700: rgb(var(--site-line-rgb));
    --color-gray-800: rgb(var(--site-raised-rgb));
    --color-gray-900: rgb(var(--site-panel-rgb));
    --color-gray-950: rgb(var(--site-bg-rgb));
    --color-slate-50: rgb(var(--site-text-rgb));
    --color-slate-100: rgb(var(--site-text-rgb));
    --color-slate-200: rgb(var(--site-text-rgb));
    --color-slate-300: rgb(var(--site-muted-rgb));
    --color-slate-400: rgb(var(--site-muted-rgb));
    --color-slate-500: rgb(var(--site-subtle-rgb));
    --color-slate-600: rgb(var(--site-line-rgb));
    --color-slate-700: rgb(var(--site-line-rgb));
    --color-slate-800: rgb(var(--site-raised-rgb));
    --color-slate-900: rgb(var(--site-panel-rgb));
    --color-slate-950: rgb(var(--site-bg-rgb));
    --color-zinc-50: rgb(var(--site-text-rgb));
    --color-zinc-100: rgb(var(--site-text-rgb));
    --color-zinc-200: rgb(var(--site-text-rgb));
    --color-zinc-300: rgb(var(--site-muted-rgb));
    --color-zinc-400: rgb(var(--site-muted-rgb));
    --color-zinc-500: rgb(var(--site-subtle-rgb));
    --color-zinc-600: rgb(var(--site-line-rgb));
    --color-zinc-700: rgb(var(--site-line-rgb));
    --color-zinc-800: rgb(var(--site-raised-rgb));
    --color-zinc-900: rgb(var(--site-panel-rgb));
    --color-zinc-950: rgb(var(--site-bg-rgb));
    --color-neutral-50: rgb(var(--site-text-rgb));
    --color-neutral-100: rgb(var(--site-text-rgb));
    --color-neutral-200: rgb(var(--site-text-rgb));
    --color-neutral-300: rgb(var(--site-muted-rgb));
    --color-neutral-400: rgb(var(--site-muted-rgb));
    --color-neutral-500: rgb(var(--site-subtle-rgb));
    --color-neutral-600: rgb(var(--site-line-rgb));
    --color-neutral-700: rgb(var(--site-line-rgb));
    --color-neutral-800: rgb(var(--site-raised-rgb));
    --color-neutral-900: rgb(var(--site-panel-rgb));
    --color-neutral-950: rgb(var(--site-bg-rgb));
    --color-stone-50: rgb(var(--site-text-rgb));
    --color-stone-100: rgb(var(--site-text-rgb));
    --color-stone-200: rgb(var(--site-text-rgb));
    --color-stone-300: rgb(var(--site-muted-rgb));
    --color-stone-400: rgb(var(--site-muted-rgb));
    --color-stone-500: rgb(var(--site-subtle-rgb));
    --color-stone-600: rgb(var(--site-line-rgb));
    --color-stone-700: rgb(var(--site-line-rgb));
    --color-stone-800: rgb(var(--site-raised-rgb));
    --color-stone-900: rgb(var(--site-panel-rgb));
    --color-stone-950: rgb(var(--site-bg-rgb));
    --color-red-50: #fef2f2;
    --color-red-100: #fee2e2;
    --color-red-200: #fecaca;
    --color-red-300: #fca5a5;
    --color-red-400: #f87171;
    --color-red-500: #ef4444;
    --color-red-600: #dc2626;
    --color-red-700: #b91c1c;
    --color-red-800: #991b1b;
    --color-red-900: #7f1d1d;
    --color-red-950: #450a0a;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #bbf7d0;
    --color-green-300: #86efac;
    --color-green-400: #4ade80;
    --color-green-500: #22c55e;
    --color-green-600: #16a34a;
    --color-green-700: #15803d;
    --color-green-800: #166534;
    --color-green-900: #14532d;
    --color-green-950: #052e16;
}

/* The account shell has two overlays above its existing background image. */
html[data-site-theme="celestial"] .up-page-bg {
    background-color: var(--cel-glow);
    background-blend-mode: normal, normal, luminosity;
}